Blog Archives
CSS Basics: The Background Properties
CSS Last week I briefly touched on a few selector properties when styling hyperlinks. I’m going to start to go into more properties. These properties can be used on any selector (although not every property will necessarily have an effect on some selectors). CSS Selectors Just to recap, a selector is the tag, id or class you’re targeting eg. [sourcecode language="css"]h1 { … } #idname { … } .classname { … }[/sourcecode] ...
Continue readingYour Theme and WordPress 2.7
WordPress Coding & Design With the release of WordPress 2.7 just around the corner, it’s time to check on your theme and add in the new functionality available to make the most of it. Also, if you currently offer themes either as free or premium, then these changes are definitely something you need to be adding in. There are 3 main changes for your theme files to consider – Post Classes, Logout Links and Comment Display. Post Classes The first new feature is ...
Continue readingCSS Basics: Styling Links
CSS Last week I explained about linking pages using the anchor tag. This week is about styling those links. For the basics of styling read my previous post Understanding CSS. Target the anchor tag In our CSS we can simply target the anchor tag using the a as the selector. So if we wanted our links to always be green and bold we could use [sourcecode language="css"]a { color: green; font-weight: bold; }[/sourcecode] If you wanted to have links in a ...
Continue readingCreating Author Pages
WordPress Coding & Design If you’re running a multi author WordPress site then at some point you’re going to want to have a list of the authors on your site, and give them their own page. All Blogging Tips authors have their own author page for example, which gives a brief bit of information about the author plus a list the posts they’ve written – view mine. Creating an author page is not as straightforward as other template files, however once ...
Continue readingHTML Basics: Linking Pages
Design & Coding To create links internally or externally we use the a tag. The ‘a’ stands for ‘anchor’ and is commonly used in the form of <a href="http://www.bloggingtips.com">Blogging Tips Link</a> Anchor tags have a number of attributes available to them. The more common ones are: href Defines the destination url rel Describes the relation between the document and the destination url. Can have a number of values ...
Continue readingCredit your Authors in your Feed
WordPress Coding & Design A couple of weeks ago we were looking into how to modify the feed on Blogging Tips to include the author’s URL in with their post. There are plenty of plugins that allow you to add additional comments to the end or beginning of the content, but no obvious way to edit the author line that appears under the post title. Most bloggers on a multi author blog often have their own individual blog, so being able to not just credit them but also ...
Continue readingThe HTML Document Body
Design & Coding Last week I explained the HTML Document Head, that now leaves us with the Document Body. Once you’ve closed your header using the </head> tag, the next tag should be the opening body tag (note, this is different for frame based sites but I’ll explain those another day, for 90% of sites out there, this is the standard way!). The body of your web page should include everything that is potentially visible on the actual web page, ...
Continue readingWordPress Custom Fields
WordPress Coding & Design For many WordPress users the custom fields box is an unused section on the Write Post/Page page. What exactly are custom fields? Custom fields allow you to assign additional information to that particular post (or page, but from here on out I’ll just call it a post), and only that post ie. the information you add will only be available to that page. For example, maybe you want to include a unique comment for every post you write, but ...
Continue readingThe HTML Document Head
Design & Coding In your (X)HTML page, after your opening doctype and html tag, the next tag should be the opening of your document header using the head tag. The Head section contains all of the header information for the page. Besides the content of the title tag, the rest of the information is usually not shown visually on the screen, but instead either gives certain readers (eg. screen readers, search engine spiders) additional information about the page, ...
Continue readingLoading JavaScripts with WordPress
WordPress Coding & Design Over the last few weeks I’ve written about using jQuery with your WordPress site. At the time I wrote saying to load jQuery use a script tag. During this past week Gary brought the WordPress function wp_enqueue_script() to my attention. The wp_enqueue_script() tag allows you to inform WordPress which JavaScripts to load much more efficiently. Register a Script If you want to use one of your own scripts ie. a script not already available ...
Continue reading
Recent Posts
Blogging tips writers
Blog Partners
