Displaying icon image for WordPress post formats, is there a cleaner way to do this?

Using CSS and image sprites is exactly what I do in Oenology. (See it in action here.)

Mine is a bit tricky, because I change the post container based on post-format type (some have post headers/titles, others don’t; some have left/right margins added; etc. – also, I have dark and light icon sets, based on the color scheme selected). But, here’s my code for dynamically generating the CSS (lines 418-598).

Related Posts:

  1. How to define and link full path to css located at a random folder on header.php
  2. How to add CSS class to custom logo?
  3. How to add custom css file in theme?
  4. How important is it to enqueue a theme’s stylesheet?
  5. CSS not updating in browser when I change it
  6. Solutions for generating dynamic javascript / CSS
  7. Do I actually need to link my theme’s style.css in the theme files
  8. Enqueue a stylesheet for login page and make it appear in head element
  9. CSS classes for theme
  10. Are content.php and content-single.php the same?
  11. Generating CSS Files Dynamically Using PHP Scripts?
  12. Enqueue Stylesheets After Theme’s “rtl.css”
  13. Are the WordPress Core CSS styles really all nessesary?
  14. Understanding wp_add_inline_style
  15. Any alternate TinyMCE4 themes / subthemes?
  16. Splitting WordPress theme CSS into multiple files, good or bad?
  17. Hide a div that is part of all pages on one specific page
  18. Why I can’t add a CSS style in this WordPress theme?
  19. Can’t get staging site to display same way as live site. Completely stumped
  20. How to make a theme with more than one CSS file?
  21. Editing the custom background CSS
  22. Customize Option Framework
  23. Why I obtain different visualization when I run the website on my local machine and on remote server?
  24. Some doubts about WordPress handle the horizontal main menu visualization
  25. How to create a WP theme that use BootStrap? [closed]
  26. Can’t change theme name
  27. my single.php is mixup on some post for no reason
  28. How to use the _S framework
  29. header, stylesheet not being read
  30. Tiny MCE custom styles, and preview in the backend
  31. How to format the first line of a post differently?
  32. Adding link post format to theme and permalink to rss feed
  33. .current_page_ancestor broken in Twenty Eleven
  34. Link to RSS feed not clickable?
  35. How to use multiple check-box values to work in a function and insert values in database
  36. Displaying images outside the content
  37. WordPress Animation Adjustments
  38. Is there a list of default generated Gutenberg block CSS? Unable to align video blocks
  39. style variations hurt the editing performance
  40. How to create a robust and logic class naming system in WordPress theme developing?
  41. Why nav_menu_css_class doesn’t work with apply_filters?
  42. Problem with displaying CSS Stylesheets – Am I adding them correctly in my wordpress child theme?
  43. How do I change the color of individual page titles in WordPress?
  44. 3 Level Menu Navigation (3rd Level not displaying)
  45. Default customizer colors aren’t displayed outside of the preview
  46. How to print all the inline styles in the WP_Styles instance together with their keys?
  47. Find the source file causing a Mixed Content warning
  48. How to reduce the vertical space above and below a ul list uniformly with one command?
  49. register dependency css and js inside a plugin class
  50. Is there a way to add classes to a page when using a Gutenberg reusable block as page layout?
  51. Fix hover images blink
  52. How can I fix my theme header for my CSS stylesheet?
  53. How to display only the first two elements from ten same elements
  54. WordPress doesn’t load css, image and js files after moving local installation folder
  55. How to generate a rtl.css file for themes?
  56. CSS loading as empty file in Custom Theme
  57. How to add Open/Close Toggle button into Twenty Fifteen theme for hiding left sidebar?
  58. Load multiple css simultaneously using functions.php
  59. Necessary css classes to be included in theme stylesheet
  60. overlay post title over post’s featured image
  61. Change site title color on individual pages
  62. Images use & location, on new wordpress theme
  63. Mobile view logo background colour in wordpress
  64. How to fix an issue with customizer live preview?
  65. Click to expand menu
  66. Relative post date in recent posts list
  67. WordPress Customization API overwrite LESS variable
  68. Custom CSS no getting applied
  69. How can I fix the even/odd child classes comments so that the comments are unaffected by the top-level even/odd?
  70. editor style css and page template with and without sidebar
  71. Enqueue Stylesheets After Theme’s “rtl.css”
  72. WordPress 3.5 + Foundation 5 not working on IE9
  73. Why the slideshow is not shown in my theme?
  74. Any disadvandages if I style the wordpress align classes without img and .wp-caption prefix
  75. adding navigation to genesis themes
  76. Alternating CSS classes for dynamic content [closed]
  77. Custom link color or stylesheets
  78. Sidebar doesnt get updated?
  79. How to reuse parts of WordPress site e.g. header, footer, part of header for multiple WordPress sites?
  80. Show post thumbnail only if it exists using timthumb
  81. Header is not showing full width
  82. Im using a right approach to use this class inside WordPress theme?
  83. Add CSS class to PHP Statement
  84. Setting different CSS for all pages except home.php
  85. Upgrade to WP 3.2/ and Server to php5 breaks theme? [closed]
  86. How do I middle-align my header menu items in WordPress [closed]
  87. How to resize video lightbox popup in wordpress? [closed]
  88. How can I get rid of the distance when I’m using list-style-type: none? [closed]
  89. How to highlight current menu bar base on the URL?
  90. What is The Best Way to Make Parallax header effect for wordpress theme ?? pure CSS or using JavaScript? [closed]
  91. Load slideshow.css file only if Slideshow is checked / on
  92. Predefine Magazine Style Layouts
  93. How customizable is a self-hosted WordPress blog compared to a Blogger blog?
  94. Detect custom font size
  95. HTML to WORDPRESS [closed]
  96. Align images to the left of the content
  97. Image and font support missing in editor when deploying theme remotely
  98. WordPress search field won’t get wider
  99. WordPress 6.4.2 – can’t load editor style css using ‘after_setup_theme’ or ‘admin_init’ actions
  100. Twenty Twenty-Four Theme, where to put the personalized CSS style rules?
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)