Giter Site home page Giter Site logo

youtube-for-wp's Introduction

Youtube For WP 🐝 plugin version

Youtube for WP is a plugin that enables you to add a new Gutenberg block for listing your latest YouTube videos.

Versions

The current version of YoutubeForWP is v0.1.4. Please refer to the Changelog section for details about previous versions.

Youtube API

In order for the Gutenberg block to function, it is essential to provide your Google API key and activate the "Youtube Data API v3" library on your project.

Get the Youtube Data API V3

https://console.cloud.google.com/apis/library/youtube.googleapis.com
Parameter Type Description
api_key string Required. Your API key

Get channel ID

For your youtube channel

If you have direct access to the Google account that owns the YouTube channel, log in to that account. In the top right corner, click on "Settings." In the left-hand side menu, click on "Advanced settings," and you will find your Channel ID.

For a client

To target your YouTube channel, we also require your YouTube channel ID.
You have two methods to find it: go to your YouTube channel, display the page source code (right-click and then View Page Source), search for "channel_id" using "Ctrl F". You will get multiple results, and the goal is to find a URL with the mentioned ID, like the one below: "href="https://www.youtube.com/feeds/videos.xml?channel_id=yourcopiedkey">

Parameter Type Description
channel_id string Required. Id of channel to fetch videos

Provide the information

Now that you have this information, go to the WordPress admin panel, navigate to the "Youtube" tab in the sidebar, and fill in the information in the corresponding fields.
Once you've filled in the inputs, you'll be able to add the Gutenberg block to your posts.

Changelog

v0.2.0 (Upcoming features)

  • Adding WordPress notices for option field validation

v0.1.3

  • Refactoring YoutubeRender, function to class

v0.1.1

  • Adding test for API
  • Adding an error log of type 1 (email notification)
  • Adding video data to the youtube_for_wp_rendered_videos filter.

v0.1.0

  • Initial version of YoutubeForWP
  • Adding a menu to the WordPress administration area (back office) to include option :
    • API keys
    • YouTube channel ID
    • Collecte et stockage des réponses des employés
    • Number of videos to retrieve in the Gutenberg block
  • Adding a Gutenberg block to display the latest videos from a YouTube channel
  • Adding a hook to override the view of the latest videos

youtube-for-wp's People

Contributors

loubal70 avatar

Stargazers

Olivier Gorzalka avatar

Watchers

Olivier Gorzalka 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.