Learn icon indicating copy to clipboard operation
Learn copied to clipboard

Published 20 hours ago • verified publisher icon WordPress

Converting a Shortcode into a Block - Tutorial

Open jonathanbossenger opened this issue 3 years ago • 1 comments
trafficstars

Topic Description

Following on from the Using the create-block tool tutorial, this tutorial will guide the new block developer on the process of converting a PHP shortcode into a block.

Due to time limit constraints, this tutorial covers the most basic aspects of this process and will be followed up by supplementary tutorials on:

  • Styling a block
  • Adding and Using attributes to allow user input
  • Making your block translation ready
  • and more

Therefore, those topics are not covered in this tutorial.

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc.

Guidelines

Review the [team guidelines] (https://make.wordpress.org/training/handbook/guidelines/)

Tutorial Development Checklist

  • [x] Vetted by instructional designers for content idea
  • [x] Provide feedback of the idea
  • [x] Gather links to Support and Developer Docs
  • [ ] Consider any MarComms (marketing communications) resources and link to those
  • [x] Review any related material on Learn
  • [ ] Define several SEO keywords to use in the article and where they should be prominently used
  • [x] Description and Objectives finalized
  • [x] Create an outline of the workshop
  • [x] Tutorial submitted to the team for Q/A review https://blog.wordpress.tv/submission-guidelines/ & https://make.wordpress.org/training/2021/08/17/proposal-brand-guidelines-for-learn-wordpress-content/
  • [x] Tutorial submitted to WPTV https://wordpress.tv/submit-video/
  • [x] Tutorial published on WPTV
  • [x] Tutorial is captioned https://make.wordpress.org/training/handbook/workshops/workshop-subtitles-and-transcripts/
  • [ ] Tutorial created on Learn.WordPress.org
  • [ ] Tutorial post is reviewed for grammar, spelling, etc.
  • [ ] Tutorial published on Learn.WordPress.org
  • [ ] Tutorial announced to training team
  • [ ] Tutorial announced to creator
  • [ ] Tutorial announced to Marketing Team for promotion
  • [ ] Gather feedback from workshop viewers/participants

jonathanbossenger avatar Aug 12 '22 11:08 jonathanbossenger

https://user-images.githubusercontent.com/180629/184342134-b7ce975d-6586-4020-a843-4463fb621edc.mp4

jonathanbossenger avatar Aug 12 '22 11:08 jonathanbossenger

Published: https://learn.wordpress.org/tutorial/converting-a-shortcode-into-a-block/

jonathanbossenger avatar Sep 07 '22 08:09 jonathanbossenger