P&T is a Textpattern port of an old blog of mine (which ran on Expression Engine). For me this was a way of getting to know Textpattern so some things may seem quirky but that's the way this particular blog was organised so...
P&T is based around a 3-column grid and displays your recent blogpost with associated image, a selection from your most recent flickr album, a selection of links from a delicious feed, and a selection of music, books and movies you're enjoying at the moment... allowing all your visitors to bask in your eclectic taste :). The template is fully valid XHTML strict and CSS and uses only three images. 2 referenced in the css file and an optional textpattern logo inside the default page template.
This short manual will explain everything you need to do. It presuposes a clean Textpattern install as a starting point.
P&T uses a single page template which which you'll find in the pages folder. Just replace the textpattern default with the default from the pages folder.
Again, P&T uses a single CSS page template which which you'll find in the pages folder. Just replace the textpattern default with the default from the css folder. 2 more stylesheets are there to get Internet Explorer to behave. Just create 2 more stylesheets called ie6andearlier and ie7andlater in the styles tab of your Textpattern install and copy the code from the 2 eponymous files in the css folder into them. You should end up with 3 stylesheets like this:
All the necessary forms are in the forms folder. Create new forms with the same names as the ones in the folder (form type in italic):
Replace the default comment form with the code from comment_form in the forms folder
This may seem a bit strange to some but P&T uses just a single section called article, set up like this:
P&T uses quite a lot of imagery so this part requires some explanation. Each image can be assigned only 1 of 4 categories:
For book_cover and cd_cover you must create a thumbnail of respectively 75X100 and 75X75. This saves you the hassle of tweaking your images in Photoshop. P&T will always display the thumbnail for these categories so no thumbnail = no image on your page.
For movie_poster the size has to be 244 X 151 px, for blogimage 400 X 247 px. Here P&T will actually display the image, not a thumbnail. To associate a blogimage with a post just copy the image id in the "Article image" field when you're writing your article in Textpattern.
Once set up your categories should look like this:
P&T only uses a few basic plugins, and you can find detailed instructions for installing these from the links below:
I hope I explain what's next as clear as possible. A lot of P&T is ready to go out-of-the-box but you'll need to add/change a few things in the default page template to display your own data.
To display a selection from your Fickr account you'll have to look for these lines of code in the default page you just installed:
<h2>Flickring</h2>
<script type="text/javascript" >src="http://www.flickr.com/badge_code.gne?nsid=52485373%40N00&count=6&display=latest
&name=0&size=square&raw=1"></script>
and replace 52485373%40N00 with your own Flickr id. If you don't know your id then just make a flickr badge and copy and paste the id from the html that generates. Why all the fuss? Well I just wanted a badge with valid code that's why.
A blogpost should be set up as in the image below; copy the image id in article image and assign the proper category:
To display a selection from your Delicious account once again you'll have to look for these lines of code in the default page you just installed:
<h2>Elsewhere</h2>
<txp:feed> items="5" showtitle="false">http://del.icio.us/rss/erwinheiser</txp:feed> and of course enter the url of your own Delicious rss feed
Same goes for CD's, Books and Movies. The url you associate with each image should go into custom1.
You can put your own info in the about_me form. The image I used is a picture of me of 50 X 50 pixels. Obviously, replace this with a snapshot of your own mug.