GithubHelp home page GithubHelp logo

josephuspaye / wp-embeddable Goto Github PK

View Code? Open in Web Editor NEW
1.0 3.0 0.0 4.09 MB

๐Ÿ’  Embed any content from your WordPress site into posts, pages, or other sites.

License: Other

PHP 68.32% JavaScript 31.68%
wordpress shortcode createweekly

wp-embeddable's Introduction

WP Embeddable

๐Ÿ’  Embed any content from your WordPress site into posts, pages, or other sites. https://wordpress.org/plugins/wp-embeddable

This project is part of #CreateWeekly, my attempt to create something new publicly every week in 2020.

Features

WP Embeddable is a WordPress plugin that allows you to create "embeddables" (kinda like embed codes) for any content on your WordPress site, to embed into posts, pages, or other sites.

You can use the plugin to:

  • Create embeddables for contact forms on your site that can be embedded in other sites.
  • Create an embeddable with content from a plugin, like a calendar widget. This embeddable can then be used on a page on the same site, providing a way to isolate content from the plugin in an <iframe>. This can be useful for avoiding CSS style clashes when using different 3rd-party plugins and themes that have conflicting styles.

The plugin allows you to disable wp_head() and wp_footer() for an embeddable. This is useful for removing all WordPress and third-party scripts and styles from the page header and footer.

Installation

Upload the WP Embeddable plugin to your site and activate it.

Usage

  • Install and activate the plugin.
  • Go to the Embeddables section in the WordPress dashboard and add a new embeddable.
  • Use the editor to create the content you want in the embeddable, and publish when done.
  • In the sidebar, under the Embeddable Usage section, you can copy the shortcode or embed code:
    • Copy the shortcode for use in a page or post on the same site.
    • Copy the embed code for use on another site.

What's next

  • Add shortcode: [embeddable 121 autosize width="100%" height="200px"]
  • Show shortcode and embed code on embeddable edit screen for copy & paste

Extension

  • Add support for classic editor
    • Options metabox
    • Shortcode and embed code metabox
  • Add Embeddable block
  • Figure out how to opt-out of Gutenberg automatically changing the width & height of every iframe to be responsive while keeping aspect ratio

Contributing

See contribution guide.

Licence

GPLv2 or later

wp-embeddable's People

Contributors

dependabot[bot] avatar josephuspaye avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.