How do I use Mac Keyboard Icons in WordPress

The answer is rather simple – you type them. 🙂 When properly configured WP should be able to support Unicode characters for ⌘ and ⌥. Even when not you can fall back to numeric character references (⌘ and ⌥ respectively).

Windows key has no Unicode symbol and is typically abbreviated as Win.

<kbd> HTML element is appropriate to use for keyboard commands and is often already styled in theme (if it is thorough enough).

Related Posts:

  1. Remove inline linking tool
  2. how to fix a broken visual editor
  3. How do you change the visual editor’s background color?
  4. How to get back distraction-free mode we had before WP 4.1?
  5. WordPress Editor not getting youtube video preview
  6. How to enable the tag in WordPress posts and pages
  7. Visual editor not showing up
  8. Visual Editor Missing, Server-Side Problem, How Would You Debug It?
  9. Resizing the width of the WYSIWYG editor
  10. Remove path from the create/edit a post view
  11. Can’t change the width of content in the visual editor
  12. WordPress shortcut to switch from Visual to Text mode and vice versa
  13. How to enable user_can_rich_edit for guests?
  14. Any good desktop client for wordpress with support for google syntax highliter? [closed]
  15. Lost formatting after saving
  16. How-to stop wordpress from saving utf8 non-breaking space characters
  17. How avoid WP editor to change by  
  18. How To Hide The Visual And Html Editor Completely?
  19. Working With Visual Composer VC_Single_Image
  20. Visual Editor Background
  21. Is there a way to disable formatting shortcuts in 4.3?
  22. How to ensure the visual editor doesn’t ruin my iframe?
  23. WMP Plugin not showing up in the plugin panel?
  24. Visual Editor gone
  25. Convert this textarea to rich html format via wp_editor
  26. How to reset display of WYSIWYG editor
  27. How can I determine what mode the editor is in and when it changes?
  28. Editor background colour in full screen
  29. Disable pasting of images into wordpress editor
  30. Resizing the wordpress editor
  31. Line numbering on WordPress frontend
  32. Why the post content editor always expanded?
  33. Why is my theme is randomly stripping the tags out
  34. Remove inline styles from the_content?
  35. Dynamically add CSS to the visual editor
  36. Visual editor keeps stripping my tags
  37. WordPress Visual Mode Not Working – adding span code while clicking
  38. Edit page blank, control buttons missing
  39. Adding a button to the attachment page
  40. How to remove   from hr in wordpress visual editor
  41. Automatically adds check on hide title and add paragraph when adding text
  42. In context click and edit: is it feasible?
  43. WP as an HTML editor
  44. How to display shorter version of wp_editor?
  45. Define add_editor_style to specific post types?
  46. Want the visual style in wordpress
  47. How to remove some options in visual editor?
  48. Automatically replace &nbsp with space
  49. Can I still use Visual Composer Website Builder after upgrading to WordPress 5.0?
  50. How to show the contants in front end same as visual editor with space / linebreak?
  51. Add class to oEmbed video from within post editor?
  52. Why is tinymce visual editor showing the background from my theme
  53. Line breaks changing to when switching between HTML and Visual tab!
  54. How to add TinyMCE to a front-end textarea?
  55. ✓ Checkmark Character Encoding Issue In WordPress Editor
  56. Switching on edit
  57. Visual and Text tabs missing from Editor
  58. Square brackets at the end of a line cause line break to be skipped
  59. How to hide the Text Color icon from Visual Editor of WordPress Post Editor from Users other than Admins?
  60. How do I prevent WordPress from eating my code?
  61. Hide default values on VC editor
  62. WordPress visual editor internal link default https
  63. Why Is Content Entered In Classic Editor Not Displaying on Page?
  64. WordPress visual composer backend editor not showing
  65. Gutenberg Block empty after reload of editor
  66. Add word hints in WordPress post editor
  67. Post/Page editor loads twice
  68. How to restore visual editor in WordPress
  69. Editors can’t edit but administrators can
  70. Cannot read property ‘hasClass’ of undefined(…) jquery-ui
  71. How to paste source code from IDE to posts directly?
  72. How to make elements not editable in visual editor
  73. RTE always on text mode by default
  74. &nbsp when I use ENTER for skipping line
  75. Custom code in all text between ?
  76. Publishing VS2010 Web Solution to WordPress
  77. What does the “Show Images” do for WordPress music playlist?
  78. My Server Has Problem With Class-Editor.Php / $buttons
  79. Visual Editor not working when Jetpack plugin is active
  80. Visual editor in comments with custom buttons
  81. WP 3.3 update disabled editor stylesheet? Or TinyMCE Advanced problem?
  82. Disable html in custom post types
  83. How can I fix the Insert/Edit link button in the Visual Editor in WordPress 3.9.1
  84. Cafe Food Menu upload
  85. Visual Composer – not working after update [closed]
  86. WPBakery Editor dropdown hidden behind editor [closed]
  87. Featured image shortcode
  88. Shortcode to insert
  89. How to disable TinyMCE 4 keyboard shortcuts
  90. What are the better WYSIWYG post editor replacement alternatives?
  91. Added custom styles to Visual Editor. Classes are appended and not replaced as intended
  92. How to hide wordpress default description box?
  93. Adding html format on tinymce visual editor
  94. Visual editor not working after update
  95. disable tags on wordpress text editor
  96. Use rich text editor in ‘Edit Media’, for attachment media description
  97. How to style text in WordPress
  98. Adding a Media Button to the WordPress Content Editor
  99. can’t use span or icon tags on when editing visual composer element
  100. How do I access the contents of WordPress Classic editor in admin area with JavaScript?