{"id":13785078,"url":"https://github.com/greenpeace/gpes-infographics-wp-shortcode","last_synced_at":"2025-05-11T20:32:00.610Z","repository":{"id":70228915,"uuid":"156972474","full_name":"greenpeace/gpes-infographics-wp-shortcode","owner":"greenpeace","description":"Shortcode to add responsive SVG infographics","archived":false,"fork":false,"pushed_at":"2018-11-26T19:03:08.000Z","size":17,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-08-03T19:09:13.765Z","etag":null,"topics":["shortcake-shortcode-ui","wordpress-plugin","wordpress-shortcode"],"latest_commit_sha":null,"homepage":null,"language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/greenpeace.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2018-11-10T10:56:18.000Z","updated_at":"2019-04-30T04:07:14.000Z","dependencies_parsed_at":"2023-02-21T23:45:30.078Z","dependency_job_id":null,"html_url":"https://github.com/greenpeace/gpes-infographics-wp-shortcode","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greenpeace%2Fgpes-infographics-wp-shortcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greenpeace%2Fgpes-infographics-wp-shortcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greenpeace%2Fgpes-infographics-wp-shortcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/greenpeace%2Fgpes-infographics-wp-shortcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/greenpeace","download_url":"https://codeload.github.com/greenpeace/gpes-infographics-wp-shortcode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225094365,"owners_count":17419982,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["shortcake-shortcode-ui","wordpress-plugin","wordpress-shortcode"],"created_at":"2024-08-03T19:00:56.685Z","updated_at":"2024-11-17T21:30:56.369Z","avatar_url":"https://github.com/greenpeace.png","language":"PHP","funding_links":[],"categories":["Wordpress"],"sub_categories":["Plugins"],"readme":"# Add a responsive SVG infographic\n\nWith this Wordpress plugin you can add a responsive SVG infographic to any page or post.\n\n## About our infographics\n\nThis plugin was created to work with Greenpeace Spain generic SVG sizes and methodology. **This infographics should display responsively in most websites**. For more information check:\n\n1. [Guide to create visualisations for our sites](https://greenpeace.github.io/gpes-visualisations/index.html)\n2. [Infographics](https://greenpeace.github.io/gpes-visualisations/infograph.html)\n3. [Sizes, formats and file types](https://greenpeace.github.io/gpes-visualisations/sizes-formats-files.html)\n4. **[Add an infographic to your website](https://greenpeace.github.io/gpes-visualisations/add-infographic-to-website.html)**\n\n## How to use\n\nCopy-paste the example code bellow to your posts and pages.\n\n```\n[responsive_svg_infograph id='justAnExample' xl='https://storage.googleapis.com/gpes-static/plasticos/plasticos-1024.svg' l='https://storage.googleapis.com/gpes-static/plasticos/plasticos-730.svg' m='https://storage.googleapis.com/gpes-static/plasticos/plasticos-510.svg' s='https://storage.googleapis.com/gpes-static/plasticos/plasticos-360.svg']\n```\n\n## Graphic user interface\n\nIf you use [Shortcake Shortcode UI](https://wordpress.org/plugins/shortcode-ui/) you can insert the infographics using the graphic user interface.\n\n## How to install\n\n1. Upload the **responsive-svg-infograph** folder to **wp-content/plugins/**.\n2. Activate the **Add responsive SVG infographics** plugin.\n\nIf you use the plugin [Shortcake Shortcode UI](https://wordpress.org/plugins/shortcode-ui/) to have a GUI, you should also:\n\n1. Upload the **responsive-svg-infograph-ui** folder to **wp-content/plugins/**.\n2. Activate the **Responsive SVG infographics UI** plugin.\n\n## How to translate to a new language\n\n1. Open the files languages/responsive-svg-infograph.pot and languages/responsive-svg-infograph-ui.pot with Poedit.\n2. Create new language.\n3. Translate.\n4. Save the .po and .mo files as the Spanish example inside the languages folder.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreenpeace%2Fgpes-infographics-wp-shortcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgreenpeace%2Fgpes-infographics-wp-shortcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgreenpeace%2Fgpes-infographics-wp-shortcode/lists"}