Embed Repo for GitHub – showcase your open source projects
Show off your GitHub repositories anywhere on your WordPress site – in customizable, responsive layouts – with a simple Gutenberg block. Demos Why Embed Repo for GitHub? Linking out to GitHub sends visitors away from your site. Embed Repo for GitHub lets you display your repositories right inside your posts and pages, so developers, clients, and collaborators can browse your open source work without leaving WordPress. Show all your repositories, control how many appear per page, and fine-tune every visual detail – columns, gaps, colors, and typography – directly from the block editor sidebar. Free Features Show All Repositories: Display your GitHub repositories anywhere in WordPress. Fully Customizable: Adjust every part of the display to match your site. Repositories Per Page: Control how many repositories show at once. Pagination: Show or hide pagination, and style its typography, colors, active colors, and border. Show/Hide Elements: Toggle the repository info icon, name, title, and button. Masonry Layout: Choose a masonry grid for a modern portfolio look. Grid Controls: Set columns, column gap, and row gap. Color & Typography: Set repository background color, plus typography and colors for the info icon, name, title, and button. GitHub Repository Showcase for WordPress Want to create a GitHub portfolio in WordPress? Embed Repo for GitHub lets you present your open source work in a professional layout directly on your website. You can use it to showcase: GitHub projects Open source repositories Developer projects WordPress development projects Software projects Agency projects Personal coding portfolios Client projects Documentation repositories This makes it easier for website visitors to discover your projects without leaving your WordPress website. How to Display GitHub Repositories in WordPress Install and activate Embed Repo for GitHub. Open a post or page in the WordPress Block Editor. Click the + button to add a block. Search for Embed GitHub. Add the Embed GitHub block. Configure the repository layout and display settings. Customize columns, spacing, colors, typography, and pagination. Publish or update the page. Your GitHub repositories will be displayed directly on your WordPress website. Who Is This Plugin For? Embed Repo for GitHub is useful for: Developers WordPress developers Open source contributors Software companies Agencies Development teams Technical bloggers Documentation websites Students and coding learners Freelancers How to Use – Quick Start Go to Plugins → Add New in your WordPress dashboard. Search for “Embed GitHub”, click Install Now, then Activate. In the block editor, add the Embed GitHub block to any post or page. Configure the layout and styling from the right-side settings sidebar, then publish. For installation help, see the Installation tab. Use Cases Developer portfolios: Present your open source projects in a polished grid. Agency & team sites: Showcase the repositories behind your products. Documentation & project pages: Keep repository listings visible next to your docs. Liked this plugin? Hate it? Want a new feature? Send us your feedback Check out the Parent Plugin of this plugin- 🔥 b Blocks – Best gutenberg blocks collections for WordPress. Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress. 🔥 3D Viewer – Display interactive 3D models on the webs. Third-Party Services Used The following third-party APIs are utilized in this plugin for license management: Gumroad API Endpoint: https://api.gumroad.com/v2/licenses/verify Purpose: License verification for products distributed through Gumroad. Documentation: Gumroad API Documentation Terms of Service: Gumroad Terms Privacy Policy: Gumroad Privacy Policy bPlugins License Management API Endpoints: https://api.bplugins.com/wp-json/license/v1/sync-license https://api.bplugins.com/wp-json/license/v1/gumroad https://api.bplugins.com/wp-json/data/v1/accept-data Purpose: Syncing license data, verifying licenses, and managing product information. Privacy Policy: bPlugins Privacy Policy Developer Notes Public source code GitHub link for review, study, and contribute. https://github.com/bPlugins/Github-Block For more information on how to contribute to this plugin, please visit our GitHub repository.
iframe
Advanced iFrame iframe Donate GitHub [iframe src=”http://www.youtube.com/embed/7_nAZQt9qu0″ width=”100%” height=”500″] shortcode should show something like this: WordPress removes iframe html tags because of security reasons. Iframe shortcode is the replacement of the iframe html tag and accepts the same params as iframe html tag does. You may use iframe shortcode to embed content from YouTube, Vimeo, Google Maps or from any external page. If you need to embed content from YouTube, Vimeo, SlideShare, SoundCloud, Twitter via direct link, you may use [embed]http://www.youtube.com/watch?v=7_nAZQt9qu0[/embed] shortcode. [embed] shortcode is a core WordPress feature and can embed content from many resources via direct link. Important: You can not embed HTTP pages into HTTPS pages and vice versa. So the protocol (http or httpS) for parent and embedded page should match. iframe params: src – source of the iframe: [iframe src="http://www.youtube.com/embed/7_nAZQt9qu0"]; by default src=”http://www.youtube.com/embed/7_nAZQt9qu0″; width – width in pixels or in percents: [iframe width="100%"] or [iframe width="600"]; by default width=”100%”; height – height in pixels: [iframe height="500"]; by default height=”500″; scrolling – with or without the scrollbar: [iframe scrolling="no"]; by default scrolling=”yes”; frameborder – with or without the frame border: [iframe frameborder="0"]; by default frameborder=”0″; marginheight – height of the margin: [iframe marginheight="0"]; removed by default; marginwidth – width of the margin: [iframe marginwidth="0"]; removed by default; allowtransparency – allows to set transparency of the iframe: [iframe allowtransparency="true"]; removed by default; id – allows to add the id of the iframe: [iframe id="custom_id"]; removed by default; class – allows to add the class of the iframe: [iframe class="custom_class"]; by default class=”iframe-class”; style – allows to add the css styles of the iframe: [iframe style="margin-left:-30px;"]; removed by default; same_height_as – allows to set the height of iframe same as target element: [iframe same_height_as="div.sidebar"], [iframe same_height_as="div#content"], [iframe same_height_as="body"], [iframe same_height_as="html"]; removed by default; any_other_param – allows to add new parameter of the iframe [iframe any_other_param="any_value"]; any_other_empty_param – allows to add new empty parameter of the iframe (like “allowfullscreen” on youtube) [iframe any_other_empty_param=""];
