{"id":15496329,"url":"https://github.com/imranhsayed/cg-blocks","last_synced_at":"2025-07-09T20:36:48.089Z","repository":{"id":41798971,"uuid":"169121318","full_name":"imranhsayed/cg-blocks","owner":"imranhsayed","description":"A custom gutenberg contact card block","archived":false,"fork":false,"pushed_at":"2022-12-02T22:13:03.000Z","size":2519,"stargazers_count":6,"open_issues_count":10,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-06-03T12:06:25.509Z","etag":null,"topics":["gutenberg","gutenberg-blocks","gutenberg-plugin","wordpress","wordpress-plugin"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imranhsayed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-02-04T17:49:37.000Z","updated_at":"2022-02-02T00:34:42.000Z","dependencies_parsed_at":"2023-01-22T23:00:54.825Z","dependency_job_id":null,"html_url":"https://github.com/imranhsayed/cg-blocks","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/imranhsayed/cg-blocks","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fcg-blocks","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fcg-blocks/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fcg-blocks/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fcg-blocks/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imranhsayed","download_url":"https://codeload.github.com/imranhsayed/cg-blocks/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imranhsayed%2Fcg-blocks/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264502992,"owners_count":23618674,"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":["gutenberg","gutenberg-blocks","gutenberg-plugin","wordpress","wordpress-plugin"],"created_at":"2024-10-02T08:24:33.400Z","updated_at":"2025-07-09T20:36:48.073Z","avatar_url":"https://github.com/imranhsayed.png","language":"JavaScript","readme":"## Description\n\nThis plugin adds a simple block in the Gutenberg editor of your WordPress dashboard.\nYou can add a card called Contact card where you can add your image, description, contact email and social links\n\n## Plugin Demo\n![](cg-blocks.gif)\n\n## Installation\n\n1. Download the zipped plugin. Unzip the plugin. Rename the plugin directory from `cg-blocks-master` to `cg-blocks`.\n   Zip the renamed plugin directory\n2. Navigate to the __Plugins \u003e Add new__ screen in your WordPress administrative dashboard.\n3. Click __Add New__ at the top of the page.\n3. Click __Upload Plugin__ at the top of the page.\n4. Click __Choose File__, then find and __Upload__ the downloaded renamed zip file.\n5. After the plugin finishes installing, click __Activate__.\n\n   or,\n   Go to your plugin directory from terminal and Clone this repo in wp-content/plugins directory `git clone https://github.com/imranhsayed/cg-blocks`\n   And then activate it from __Plugins__ screen in your WordPress administrative dashboard.\n6. Thats it!\n\n## What is included in this plugin ?\n\n- The plugin uses ReactJS \u0026 ESNext for creating custom gutenberg block, along with PHP's OOP concept\n- It uses Webpack to bundle all of its dependencies into one file index.js\n- Has separate stylesheet for front-end \u0026 editor.\n- Linting Tools used:\n- `ESLINT` coding standard configuration.\n- `stylelint` configuration.\n- `phpcs` for code sniffing. It uses phpcs.xml configuration file.\n\n## How to use ?\n\n- Go to WordPress Dashboard \u003e Posts/Pages \u003e Add New \u003e Add block ( + icon ) \u003e Layout Elements \u003e Contact Card\n- Now you can add your picture, name, subtitle, description, twitter link, facebook link and email.\n- When you publish the post you can see this custom contact card block as a part of your post/page on dashboard as well as on front end.\n- This gutenberg block is reusable so you can use it as many times as you want on a post or page to share your contact details.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Fcg-blocks","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimranhsayed%2Fcg-blocks","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimranhsayed%2Fcg-blocks/lists"}