icon - Read For Learn

Change the search icon in twenty fourteen

This is more of a simple CSS question than actually related to WordPress. However, you need to change your style.css. As TwentyFourteen does not use images, but pseudo css-classes, you need to change this as well: .search-toggle { background: #fff url(‘http://www.citizen-science.at/wordpress/wp-content/themes/cs/img/search-icon.png’) no-repeat; background-size: 30px; background-position: 10px; } .search-toggle:before { content: “”; } By the way, … Read more

Custom Fields Question

If you want to display a single custom field (post meta) then you can use: get_post_meta(); It has three arguments. The ID of the post The name of the post meta field (country_flag) Whether or not the value returned is a single string (in your case it will be); So the usage might be something … Read more

Icon over thumbnail according to post format

You can use get_post_format($post_id) to retrieve each post’s format, then you can assign a class to each post based on it’s format. Once you have that, you only need to define said classes to, for example, show an icon overlay on the ::after pseudo-element of the posts. To obtain consistency between widgets, category pages, etc. … Read more

Can wp_get_image_editor convert to icon?

No. At least I’ve never saw it. Although I believe that you can tailor some solution. Since WordPress 3.5 in WP_Image_Editor is added support for Imagick by default (which is a wrapper to the ImageMagick library). You can check class-wp-image-editor-imagick.php to see how it’s integrated and if you have ImageMagick installed on your server, probably … Read more

Icons are missing from Visual Editor

After a few more days of frustrating testing, I managed to track the issue down to the External Links Rewrite option in Siteground’s Site Tools, under SSL options. When HTTP Enforce is enabled with the optional External Links Rewrite option (being able to see these changes virtually immediately in the browser requires a Force Refresh, … 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

wp_trim_words strips dashicons

Your problem is that your filter is trimming all titles to 7 “words”. This includes blog posts, pages, menu item labels, revision names, and even product names, if you have products. You need to adjust your filter to be less aggressive and only target the titles that you need to truncate. For example, the following … 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

Get custom classes in WordPress Navigation Menu

You can do this easy way or hard way. Hard way would be you creating custom functions to remove all menu classes and add FontAwesome icons accordingly. And easy way would be this. Go to Appearance > Menus And add FontAwesome icons in menu items. Like this. Note: You don’t need to change page titles … Read more

Theming Using Bootstrap Glyphicons and WordPress Dashicons

You can use em sizing to make the dashicons scale relative to the font size of their containing element. This should do the trick: .dashicons:before { width: 1em; height: 1em; font-size: 1em; } Then if your <h1> element has a font-size of 48px, your dashicon will as well.

+ More