WordPress – Custom Fields To Change Hypertext Link Color

admin — Tue, 08 Jun 2010 10:22:57 +0000

Scenario: Client wants hypertext links to be white on only one of the Website’s pages, so they display nicely on the dark back ground. The hypertext links for the rest of the site are fuchsia, via CSS.

Problem: Adding hypertext to a WordPress page in Edit Page view, then changing it’s color to white (so it displays nicely on a dark back ground on the front-end of the site) makes it impossible to actually see when you’re trying to edit it in the Edit Page view. Unless you switch to HTML mode – which is a pain in the ass for the client.

Solution: WordPress Custom Fields just on that one page.

NOTE: This only works for a WordPress “page.”

Here’s exactly what I did:

1. Add the below PHP to the header.php file, anywhere between the and tags:

$css = get_post_meta($post->ID, ‘css’, true);
if (!empty($css)) { ?>

} ?>

2. Then, in the Custom Fields in your Edit Page view, add the following info:

In the “Name” field type: css
In the “Value” field type: a:link, a:visited {color: #FFFFFF;} a:hover, a:active {color: #FF00FF; text-decoration: underline;}

WordPress Custom Fields

3. Working examples:

Website Design – CSS Resource – Smashing Magazine

admin — Thu, 14 Jan 2010 22:26:12 +0000

Smashing Magazine is one of the best Website design resources out there!

I’m currently researching CSS techniques and Smashing Magazine is consistently a great resource for Web design, CSS, jQuery, javascript.

45 Powerful CSS/JavaScript-Techniques
http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/

Site: http://www.smashingmagazine.com/

Follow them on Twitter: @smashingmag

Designparc » CSS

WordPress – Custom Fields To Change Hypertext Link Color

Website Design – CSS Resource – Smashing Magazine

Smashing Magazine is one of the best Website design resources out there!