WordPress Shortcode and Dynamic CSS

The closest to a reference technique in core would be shortcode.

If you look at the source of implementing gallery_shortcode() function you’ll see that it:

  1. Generates instance number (so multiple shortcodes can be distinguished).
  2. Outputs dynamic CSS inline into a page source, for each instance.

I wouldn’t consider it particularly neat solution, but it is about as close as it gets within constraints of WP shortcodes architecture.

Related Posts:

  1. Shortcode content output but not in correct place
  2. How create a Shortcode with hover and complex options
  3. Show contact 7 form in popup
  4. How do I use Shortcodes inside of HTML tags?
  5. Multiple pages on one with different HTML
  6. Minify HTML, CSS, JS with PHPWee?
  7. How to display a value from a radio button in the options menu in wordpress
  8. Placing raw HTML inside a WordPress shortcode
  9. An unwanted inline style is added to my body tag
  10. Show post in slider
  11. How can I hide Home in my menu in a specific page?
  12. Missing sidebar parameter “fix” – before_content
  13. How Display Posts on category
  14. Plugin CSS not enqueing
  15. how to remove metadata from the posts of my blog?
  16. Customize position of social icons in upme plugin [closed]
  17. Different post styles depending on category
  18. WordPress Multiple Navigation bars
  19. Auto 301 to full post permalink? (using : /archive/%post_id% to %post_name% )
  20. How do I add a custom css to all posts without affecting homepage css? [closed]
  21. Wrapping a Sidebar within
  22. Add Codepen animation as Preloader to WordPress
  23. Using ob_start and ob_get_clean with wordpress shortcode
  24. Where can I find the inline-css of my theme header?
  25. Handling PHP/HTML inside the output of a shortcode function
  26. Menu Custom Data Attributes
  27. Highlight the links without using dropdown
  28. Website completely messes up when logging out
  29. Need help removing […] after excerpt
  30. Calling PHP Titles inside Javascript Markup
  31. Link to page with posts of specific type
  32. Shortcode displaying at the top of the page [duplicate]
  33. Displaying images outside the content
  34. how to changes mobile menu toggle breakpoint in WordPress
  35. Background image no longer fits to screen now that project is in php files
  36. Add other class content with reference class value
  37. Shortcode in Shortcode/HTML Graphics and Pictures
  38. PHP function for horizontal Woocommerce thumbnails and badges
  39. I can’t go to the page archive-{post_type}.php
  40. dynamic php menu with hidden sub-categories only showing when the category name is clicked
  41. couldnt show short code atts in category
  42. Help me I cannot link my font-awesome to my WordPress Theme. I have my font-awesome folder already in my project
  43. Drop down question
  44. WP Website is shown in HTML
  45. Can’t display anything through homepage text editor
  46. How to find and delete a menu item in php?
  47. How can I edit the final HTML structure of the whole web page
  48. WordPress Slider is not working
  49. How to return html as a string from php for WordPress
  50. How to display post meta bellow every posts
  51. how to add functions to my function.php using a child theme?
  52. Add Shortcode to ::before class
  53. Make a full-width wordpress page
  54. How can I create a shortcode from an html and php code written together
  55. PHP/CSS: Shortcode won’t display correctly, and only displays in the head (before content)
  56. Target a specific container to style on WordPress storefront theme
  57. How to include different html tags in the header for different pages?
  58. user update profile for custom code
  59. Font-Family does not looks like how it should be [closed]
  60. Where to find the html for WordPress site? [closed]
  61. How to have Function of a plugin using global vars into a shortcode?
  62. WordPress – Image href for home menu nav not working
  63. How Can I Center the Logo in the Navigation Menu? [closed]
  64. featured post as div background
  65. Trying to customize wordpress drop down categories
  66. Cant get theme to change footer color through theme customizer
  67. How to customize posts in WordPress by using HTML and CSS?
  68. WP_Query not returning results
  69. Header location [closed]
  70. How do I link the side images?
  71. Parse error: syntax error, unexpected ‘}’ in
  72. Sorting Problem
  73. Is there a better way to output HTML as a shortcode?
  74. How to create a container in php then customise it in CSS
  75. Custom HTML/CSS Theme into WordPress – SEO considerations
  76. ‘This Field is Required.’ is Not Displaying on CF7 [closed]
  77. why css file not link?how to create permalink?
  78. How to create different templates for woocommerce single-product.php?
  79. PHP Include Nav-bar For Every Page Techniques?
  80. How to use SRCSET with get_the_post_thumbnail()?
  81. post meta value as shortcode parameter
  82. WordPress doesn’t include css
  83. Style every second widget?
  84. Autogenerate shortcodes from an array of strings
  85. Custom Theme, Custom shortcode not working
  86. Showing content from one page on another
  87. HTML escaping data with ajax requests
  88. HTML table attributes ignored
  89. Calling function in loop causes repeat data
  90. How can I include the user id inside of a shortcode php output?
  91. WordPress User Meta value variable into Google Gauge Chart
  92. separate list of programs in html/javascript coming from php
  93. How to print all the inline styles in the WP_Styles instance together with their keys?
  94. WooCommerce multiple custom fields code
  95. Create html tree sitemap
  96. Pass form attributes to another php template in wordpress
  97. Custom HTML form using PHP – help with ajax/username validation
  98. Custom Theme, Editor won’t wrap text (i.e. change width)
  99. using a shortcode in a hyperlink
  100. New to wordpress. Need Help with templates [closed]

Leave a Comment