What is the `post-status` icon handle when using `@wordpress/icons`?

So after a little digging and being maybe a little bit oblivious 😅. The correct way to use dashicons within WordPress is as follows; import { Dashicon } from “@wordpress/components”; <Dashicon icon=”post-status” /> Note: This info can be found in the Developer Resources: Dashicons docs, but annoyingly it is buried at the bottom of the … Read more

Shown icon if old

Just flip the “less than” < to “greater than” >: <?php if ( date( ‘U’ ) – get_the_time( ‘U’, $post->ID ) > DAY_IN_SECONDS ) : ?>Old Post<?php endif ?> http://codex.wordpress.org/Easier_Expression_of_Time_Constants

social icons not showing

I’m still not sure on the process you used, but here is what i suggest: find out what plugin is using the social and re-install it. TO AVOID WORDPRESS INTERACTIONS: To avoid wordpress interaction and just make changes to the database, this is what i suggest: start over with the process. (not completely necessary, you … Read more

Hide icon and rating when there is no rating entered

Simply check that the rating is not empty before printing the markup you wish to make conditional: <?php $rating = get_average_listing_rating( $post->ID, 1 ); if ( ! empty( $rating ) ) { ?> <span class=”js-average-rating”><i class=”star”></i> <?php echo $rating; ?></span> <?php } ?> Without seeing this in context, it’s possible you need the outer span … Read more

Expected an identifier and instead saw ‘

If you use JSX in your code, then you need to build the script before using it on “standard” WordPress sites where JSX is not available. So, Either build the script.. Or (looking at your code, it’s probably easier to just) use (ES5 with) wp.element.createElement() and not JSX: var MyIcon = function () { var … Read more

Font Awesome Icons only squares

In typography, a square appears when you ask for a character that is not included in the font. By adding the property !important to font-family:, your naviagator is obliged to use Font Awesome. Look carefully at your two screenshots. Neither of the icons is identical. Some solutions: Modify your css .fa{ font-family: ‘font-awesome’; font: normal … Read more

How to edit original wordpress HTML source code and add icon?

That HTML is generated in the get_comment_reply_link function: https://github.com/WordPress/WordPress/blob/0418dad234c13a88e06f5e50c83bcebaaf5ab211/wp-includes/comment-template.php#L1654 Which gives us what’s needed. Here are 3 options: The function takes an arguments array, and reply_text is one of the options, so just set this value to what you wanted e.g. ‘reply_text’ => ‘<i class=”material-icons”> Reply </i>’ There’s a filter at the end of the … Read more

Extending Genericons in WordPress

You need something like Fontastic or Grunticon to create your custom fonts/icons. Then just add your fonts to your html with wp_enqueue_style() or add the head elements directly. There is a section on the Genericons GitHub that describes Building your own Genericons using FontCustom or Fontello.