Category Archives: WordPress

Change/Resize the height of the Header Banner of the Twenty Ten Theme in WordPress 3

WordPress 3 and the Twenty Ten theme are very easy to modify through the Appearance section of the dashboard. Buy clicking Header in the Appearance section you can very easily choose a different image or upload one of your own.

The image size is 940 x 198 pixels and there is no obvious way of changing these dimensions.

I can live with the width setting but I find a graphic header banner of ~200px too big and takes up too much screen space. I often use 100px for a banner and for this website I wanted to use 130px, so how do you change the height?

A quick search on Google lead me to this link –

http://www.bloggerstemplate.com/2010/06/20/how-could-resize-the-header-of-twenty-ten-theme

Which tells you what to do, which is –

  1. Click on Editor in the Appearance section (left)
  2. Click on Theme Functions in the Templates section (right)
  3. Scroll down until you see the height and width definitions and change 198 to the value you want

Editing Functions.php to change height of header

Add an Amazon aStore to a WordPress Website A Reasonably Simple Way to Add a Shop Free and without a Plug-in

As you can see from my links I have added a shop to this website. It did not take long and it is easy to add/remove categories and items.

I searched for how to incorporate an aStore into a website and went to this article –

http://www.mydigitallife.info/2006/10/01/incorporate-and-integrate-amazon-astore-with-wordpress-page/

Before I worked through the instructions I read some of the comments, one that was useful was about custom page templates. I did not know how to create a custom page template so another search led me to this article –

http://www.expand2web.com/blog/custom-page-template-wordpress/

So, taken from both articles, the following are the steps I took to set up my aStore –

1. Go to Amazon affiliate program set up your aStore, at the end of the process you get the code (selecting – Embed my store using an inline frame)

2. I then followed the instructions from the second article and created an empty file in my theme folder called cover_page.php

This is what I put in cover_page.php

<?php

/*

Template Name: Cover Page

*/

?>

<?php get_header(); ?>

<div style=”padding-top:5px”>

<iframe src=”http://astore.amazon.co.uk/fredbloggscou-21″ width=”100%” height=”800″ frameborder=”0″ scrolling=”no”></iframe>

</div>

<?php get_footer(); ?>

Note: You have to paste in your Amazon code, I changed some settings and should change more but it works.

3. Finally go to the dashboard in WordPress, add new page. All you have to do is add a suitable title for the page and then in Attributes on the right hand side, under Template, select your custom template.

Wordpress Custom Page Template
Selecting a WordPress Custom Page Template

Google Analytics versus WordPress.com Stats

I went to put Google Analytics into this site and hit a snag straight away – where do you paste the code in a WordPress data driven site? where are the web pages?

Originally the first websites I made consisted of pure HTML pages. JavaScript offered client side scripting and Flash offered multi-media. Then I had a server that gave me PHP and MSQL. Now I could design sites with pages that could do anything, but were still structured around a set of HTML pages (albeit now with the file extension .php).

Then I started to experiment with content management systems (CMSs) like Joomla and WordPress (originally blogging software, now CMS?) that are data driven. With a data driven site all the site content is stored in a database and the CMS extracts it and presents it to the user.

Google analytics gives you some JavaScript code that you paste into the pages that you want to track. I pasted the code into the index.php file (the first file that is loaded) and it did not work. I was hoping not to use a plug-in, I think you learn more by altering the code yourself, but if I used a plug-in I would try to see where it altered the code.

Looking at popular plug-ins there are two for Google Analytics and a Statistics plug-in from WordPress themselves, too much choice!

My plan is to try the WordPress.com Stats on this site, and one of the Google Analytics on watch.freemovies.co.uk and compare them. Watch out for future blog entries for my comparisons.

Adding a ‘Tag Cloud’ to a WordPress Sidebar

I wanted to change the content of the sidebar for the default theme that comes with a WordPress installation. I wanted to add a ‘Tag Cloud’, which are built into WordPress and I think are a really good way of accessing information.

The file that you have to edit is called sidebar.php and you will find it in folders /wp-content/themes/default

You have to look at the listing and look at sidebar it created and spot the code which bit does what.

There is a list of navigation items that starts with –

<ul role=”navigation”>

I added the following list item –

<li><h2>Tag Cloud</h2>
<?php wp_tag_cloud(‘smallest=8&largest=16’); ?>
</li>

I also moved and deleted some other items to get the sidebar how I wanted it.

I also went into the admin Dashboard of WordPress, to the Links section to change the Blog Roll to a list of my links.

Day 2 of a New WordPress Installation

I was thinking about what  to do next with this site and I thought I would make my plan into a blog entry.

The obvious first thing to do is choose a theme. Having spent time modifying a theme I may delay this and have a go at designing my own theme (big head).

So my plan is

  1. A bit of housekeeping – upload old blog entries.
  2. Have a go at the side bar, I want a tag cloud (more on this later)
  3. Research ‘creating WordPress themes’