How to add custom page elements to the WYSIWYG editor?

It’s possible to manually add buttons to your editor.
https://codex.wordpress.org/TinyMCE_Custom_Buttons

The Codex actually links to a full tutorial detailing the process, as well.
http://code.tutsplus.com/tutorials/guide-to-creating-your-own-wordpress-editor-buttons–wp-30182

That will guide you through all the steps:

  • Adding shortcodes to your site
  • Creating a TinyMCE plugin (register, set up, create buttons, and add what they should do)
  • Including editor styles so it displays properly in the admin area
  • Including theme styles os it displays properly in the front-end

Related Posts:

  1. Using classes instead of global functions in functions.php
  2. Template for individual post designs
  3. Front End Post Submit Form
  4. Upgrading a custom theme through the Dashboard
  5. Theme Customizer not loading
  6. Version control for both Vagrant config and themes being developed [closed]
  7. How to correctly add JQuery in a WP theme?
  8. How to add a second stylesheet to the editor
  9. WP 3.1 upgrade breaks AutoFocus+ theme
  10. How to make theme elements customizable in wordpress?
  11. Limitations when modifying wp_title with a filter
  12. How to edit theme functions file to modify pagination?
  13. Customizer: save setting/control content to post/page
  14. Customize how a WordPress theme looks like in the Theme Selector
  15. Customizer – loading settings/controls/sections/panels based on a id/page id
  16. Integrate WooCommerce theme with a WordPress theme [closed]
  17. Widget Option is Missing
  18. How do you use WordPress for a website that’s not in a blog format?
  19. searchform.php doesn’t work properly
  20. Customizer: get_preview_url() inside customize_save_after hook
  21. A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
  22. New to WordPress – Read the Codex, Other Docs; Still Confused
  23. Create theme for mobile phones and tablets only?
  24. Can’t change theme name
  25. Recommended sidebar / content widths
  26. Is hand coding required at all?
  27. WordPress Twenty-Fourteen: How to Remove Home Page Header Image from Other Pages
  28. How to dowload and edit content of a website
  29. Any way to permanently translate themes?
  30. How to prevent XSS attack in wordpress theme?
  31. Best strategy for providing theme options using customizer
  32. How Does One Create a Global Variable Repository
  33. How to convert that page to a wordpress template? [closed]
  34. Turning WordPress Into full-featured website?
  35. Sizing screenshot.png without losing aspect ratio
  36. How To Add New Option Types To Option Tree?
  37. Page template in two level deep folder
  38. Best practices – Should I create a child theme vs. customizing a framework theme? (such as HTML5 reset)
  39. Where do I find the functions triggered within a hook?
  40. Use of undefined constant FS_CHMOD_DIR – assumed ‘FS_CHMOD_DIR’
  41. Registering Sidebars and Sidebar Widgets. Sidebar Widgets Not Displaying
  42. How do I get a parent theme modification from a child theme?
  43. Removing the default sidebar from admin panel
  44. How the WordPress sidebar works
  45. Extend walker – navigation, adding data attribute to a tag
  46. how to pull wordpress post comments to a external page
  47. Why use while over if in single wordpress posts?
  48. WordPress website loads but is not displayed until page scrolled
  49. First completely customized theme, where should I start?
  50. Best practices: Custom theme sidebar menu – hardcode or widget?
  51. Is it a good idea to make whole theme widgetized?
  52. Single Theme folder for Multiple WordPress
  53. How i can get widgets areas working in customizer?
  54. Cutomize Colors utility: How to add more configurable colors to a theme
  55. Cannot figure out how to overwrite files in child theme
  56. WordPress post arrangement using post_class
  57. Removing non native customizer settings from a child theme
  58. which is the best way to customize nav-menu-template.php?
  59. wp-cli: For development, how can I activate a theme that is on the local disk but not zipped?
  60. My Admin bar covers my sticky navbar [closed]
  61. Single Page Design, Storing in Theme Options
  62. Edit footer via customizer
  63. Move default page templates to sub directory
  64. Migrated WordPress site renders Chinese
  65. How to Find the Page the Front Page is Using?
  66. WooCommerce: multiple input field for multiple product variations
  67. How do I get the trackback count of a post in wordpress without writing an SQL query?
  68. Child Theme header1.php file not overwriting parent theme’s header1.php file
  69. 3 Level Deep Navigation Menu Not Showing All Levels
  70. How to Have a Pure HTML Sub Directory In WP Site
  71. Theming Using Bootstrap Glyphicons and WordPress Dashicons
  72. Random white space before doctype
  73. How to add menù section to my WordPress template?
  74. What are the critical theme files when building a custom theme?
  75. Having issue with WordPress wp_enqueue_style
  76. Starting point for custom Themes [closed]
  77. How add built-in textarea in theme development?
  78. When trying to set title, not sure how to edit it for different pages
  79. Get video from the post on homepage
  80. static front page ONLY for certain themes?
  81. How to add cropped custom header image?
  82. matisse theme show excerpts not whole content
  83. WordPress Themes Directory: Template which hits the standards?
  84. How to custom category template based on category?
  85. How to change a local wordpress installation xml export file urls? and change them to what if you don’t have a live website?
  86. Any way to change/add to the theme name dynamically?
  87. How to make menus, footer, sidebars multi language
  88. Different WP Rest API custom endpoints across different themes
  89. Why the output of an image gallery plugin is not displayed into a page of my custom theme?
  90. How to create multiple pages in a client theme?
  91. Using Customizer value in an external PHP file inside a theme
  92. Import from HubSpot COS into WordPress 4?
  93. WordPress 3.5 + Foundation 5 not working on IE9
  94. Theme automatically inserting “more” tag on every post
  95. How get the 10 most viewed pages (not post)
  96. Using wp_enqueue_script with social media buttons?
  97. Permalinks problem with custom theme
  98. How to create full header but keep content narrow
  99. Correct way to make a custom block theme responsive
  100. How do I send out an update for my custom wordpress theme?