Herself’s Webtools

Webtools for Webmasters: Scripts, HowTos, Templates, Plugins, Widgets, Tips and Useful Information

Herself’s Webtools header image 1

Entries Tagged as 'hack your template'

How to create iPhone icons and separate page icons

March 12th, 2008 · 2 Comments

Creating icons for iPhones and the iPod Touch is not all that different than creating bookmark icons.  First you create a 57×57 png image.

If you want an icon for all of your website or a default for pages that do not have individual icons then just name your image:

apple-touch-icon.png

and upload it to your home directory.

If you are on Blogger or some other software where you can’t upload the icon you can place it anywhere on the web and create the following link in the ‘head’ section of your pages:

<link rel=”apple-touch-icon” href=”http://your-icon-location.com/your-icon-name.png”>

If you have different pages people might wish to bookmark and you wish to have a separate icon for each then:

- create the icons

- upload them to the root directory of your website

- In the head section of pages that you wish this icon to appear add the following:

<link rel=”apple-touch-icon” href=”http://your-site.com/icon-name.png”>

I tried doctoring photos and shrinking them and using them and the results were pretty good.  Gimp works well for creating icons this way.  One site reported that creating larger icons and letting Apple convert them resulted in clearer pictures. It didn’t for me but if you are using photo images you should give it a try.

Apple will round the corners and gloss up your icon.  You just need to create the square image and let Apple do the rest.  ‘Trust the force’. ;-)

I could not get this to work on an old section of a website that uses frames.  It may or may not work on framed sites.

If you change or add an icon it does not update on users phones/touches.  It must be rebookmarked for the new icon to appear.

Tags: HTML · blogger template · graphics · hack your template

Should you use excerpts or full posts on your front page?

February 28th, 2008 · No Comments

There has been much debate recently among bloggers who blog about blogging about whether to use full or partial posts on your front page. As you may have noticed many bloggers are putting the blog on page two and using more a portal type front page to the website. This allows you to show your visitors more posts. The hope is that you get more page views. Good posts that are old can resurface to the front of your website. It also makes it easier for visitors to find things of interest.

In your Wordpress blog it is very easy to switch between partial and full posts. Edit your Main Index Template and just change the line from one to the other.

For full posts use:

<?php the_content(’Read the rest of this entry . . .’); ?>

For excerpt use:

<?php the_excerpt(); ?>

The Debate:
Full posts vs partial posts, on the homepage
Full posts or excerpts?
Increase your Alexa rank with post excerpts
Post excerpts on the homepage?
Read more links or full posts?

Cool Themes of this sort:
Jello wala mello
Revolution Magazine
Digs’em WordPress Theme

Here is a very simple demonstration using the Wordpress Classic Theme, you should be able to look at the changes I made to the style.css and index.php page and alter your own favorite theme to this format.

Download Magazine Style Classic WP Theme

Tags: hack your template · wordpress · wordpress template

Create a separate archives page for each category in your Wordpress blog

February 25th, 2008 · No Comments

I received a request for this on the ArchivesByCategory plugin page. Unfortunately there isn’t a plugin I can write that will paginate the archives one category to a page for you. But it is not too difficult to do with this plugin.

The plugin takes one category number from you and creates a link list of all the posts in that category.

You must create a separate archive page for each category. Since every template is different it is hard to give really detailed directions but I’ll try.In your theme find your archives.php page. Make a copy one for each category. archives1.php, archives2.php etc.

In archives1.php change

Template Name:ArchivestoTemplate Name: Archives 1change<h2>Archives</h2>to<h2>Category 1’s name</h2>Change<?php wp_list_categories(); ?>to<?php echo archive_of_posts(1); ?>

Now you have to do this for each archive page you want, one per category. The above example is for your first category.  For your next category replace the 1s with 2s.Lastly go to your wp-admin->write->page section. Then go to the Page Template drop down menu. You will see an entry for each archive page you made. Create one new page for each template archive entry. Give the page a title ‘Archives for Category 1′ or what ever you wish to call it. Nothing else. The template will fill in the page for you.

Both the plugin and the default WP theme that have been altered are included in the file below. That way you can see what I have done. Do not upload the default theme to your WP site. Just upload the plugin.

The theme is just to make it easier for you to see what I have done.Archives example and plugin

I’ve done this on two of my blogs so far, Herself’s Houston Garden, and Herself’s House Plants. It is much cleaner and a much nicer way of sorting your archives. I hope to have all my blogs updated to this method in the next week or two.

Tags: archives · hack your template · wordpress

Cutline 3 column template for Coppermine

January 31st, 2008 · 5 Comments

I’ve been using Coppermine about 3 months now. While it has some shortcomings I’m mostly pleased with it. There are hundreds of templates available for Coppermine, but most of them seem to be written for young men. I needed something a bit cleaner, brighter and that would blend in with my blogs.

Then I ran across and excellent tutorial by Gizmo about Converting a Wordpress theme to a Coppermine theme. A couple of hours later I had a Cutline theme for Coppermine. Several more hours later I had worked out the bugs and polished it a bit.

You can see it On my personal blog photo section.

Read the readme file first and customize the theme for your website. Then just upload it to your Coppermine/themes directory. Go into your admin menu and to themes and change the theme.
Cutline Theme for Coppermine

Tags: coppermine · hack your template