Posts tagged tips

How to Automatically Add Image Credit or Source URL to Photo Captions in WordPress

#
Add image author or source URL to photos in WordPress

Photo credit added automatically to every photo with a caption (via putukrejums.lv)

Crediting and linking the source of any republished photo or illustration on the web is one of the most important best practices of web publishing. Unfortunately, there isn’t a standard way of doing it in WordPress and authors are left with their own decision on how and where to credit the original author or website. Read more »

WebKit Bug: Anti-aliasing for @font-face fonts

#

This is a known Webkit bug — any text with @font-face applied will be rendered without anti-aliasing if there is a text element without anti-aliasing applied preceding it. Usually those are fonts smaller than 5px or monospaced fonts at small sizes which are rendered without anti-aliasing.

I noticed this bug on this page — the heading “Kāzu ABC” was rendered aliased despite having the main menu in between that heading and the logo which had font-size:1px; applied. The only way to fix this is by avoiding aliased text directly before elements that use @font-face.

Here is a live demo of the bug.

Enable WordPress Plugin, Theme Updates and Pretty Permalinks on Nginx

#

WordPress doesn’t know that your Nginx web server is capable of doing URL rewrites without mod_rewrite and Apache, so we explain that by adding:

add_filter('got_rewrite', 'nginx_has_rewrites');
function nginx_has_rewrites() {
	return true;
}

in your theme’s functions.php.

It is very likely that along Nginx you are also running PHP-FPM for all your PHP needs, and for some reason WordPress thinks its PHP process can’t write to disk. We tell WordPress that it can:

add_filter('filesystem_method', 'nginx_make_filesystem_direct');
function nginx_make_filesystem_direct() {
	return 'direct';
}

How to Add Shortlink Support to Twitter Tools

#

By default the Twitter Tools plugin uses URLs such as http://example.com/p=123 in your tweets. However, if you are using one of the URL shortener plugins (that make use of the standard get_shortlink() function), chances are that you would rather include the URL generated by that plugin. To do that, simply add this to your theme’s functions.php:

add_filter('tweet_blog_post_url', 'get_shortlink_for_twitter');
function get_shortlink_for_twitter($url) {
	return wp_get_shortlink(url_to_postid($url));
}

Concatenate Javascript and CSS Files with WP Minify

#

Minimizing the number of HTTP requests is one of the easiest ways to make your website load significantly faster. WP Minify is a WordPress plugin by Thaya Kareeson that combines all Javascript and CSS files into one respective file.

WP Minfy uses the old trick of modifying the output buffer before it is sent to the user. And until all plugins and themes start using wp_enqueue_script and wp_enqueue_style, this will remain the most reliable method of doing it.

I approve this plugin.

Remove Border from Image Links

#

For illustrating anchor links in some cases you might want to use bottom-border instead of a default text-decoration:underline. In order to achieve that, one would use the following CSS rule:

a { text-decoration:none; border-bottom:2px solid; }

which also adds border to the bottom of all linked images. In order to remove it, you would think that setting

a img { border:none; }

would be enough. Read more »