Pixelpost

Authentic Photoblog Flavour

ExtendingPixelpost /

ExtendingPixelpost.CreatingTemplates History

Hide minor edits - Show changes to markup

November 07, 2007, at 08:12 AM by austriaka -
Changed lines 43-45 from:

If you still need help you can always ask in the Pixelpost Forum.

to:

If you still need help you can always ask in the Pixelpost Forum.

If you are finished perhaps you want to share your work with others. So feel free to upload it into Pixelpost's Extend Section, we are always keen on great new designs!

November 07, 2007, at 08:07 AM by austriaka -
Changed line 35 from:
 \\
to:
November 07, 2007, at 08:06 AM by austriaka -
Changed lines 34-36 from:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">@]\\

to:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">@]

 
*Pixelpost is capable of multiple languages which may use special chars. So set the UTF-8 encoding in the metatag:\\
Deleted lines 37-38:
  • Pixelpost is capable of multiple languages which may use special chars. So set the UTF-8 encoding in the metatag:
    \\
November 07, 2007, at 08:06 AM by austriaka -
Changed line 34 from:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">@]

to:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">@]\\

November 07, 2007, at 08:05 AM by austriaka -
Added line 32:

\\

Added line 35:

\\

Added line 37:

\\

November 07, 2007, at 08:04 AM by austriaka -
Added lines 13-14:

Watch out the list of all available template tags: Template Tags

Changed lines 20-21 from:

If you want to have more pages, just create it, call it newpage_template.html and call it with index.php?x=newpage. But consider that you cannot use template tags here. New pages are always static or you have to write your own scripts in an addon.

to:

Be aware that not all template tags are available on all pages.

If you want to have more pages, just create it, call it newpage_template.html and call it with index.php?x=newpage. But consider that you cannot use template tags here. New pages are always static unless you write your own scripts in an Addon.

Deleted lines 26-28:

See here a list of all available template tags: Template Tags

Added lines 37-40:
  • If you want to create multilanguage templates, be sure to write static content in the appropriate language. Apply to HTML rules and use HTML entities.

If you have any questions you should look up the Template Tags Section, each template tag is described there showing the HTML code that is replaced with examples given. Also read the Template FAQ section, you will find a lot of answers there.
If you still need help you can always ask in the Pixelpost Forum.

November 07, 2007, at 07:35 AM by austriaka -
Changed lines 3-5 from:

If you are familiar with HTML and CSS creating your own template is not difficult at all.

The templates in Pixelpost are quite normal HTML files styled with CSS. Any interactive code which is built by the scripts for handling your content is placed by Template Tags.\\

to:

If you are familiar with HTML and CSS creating your own template is not difficult at all. You don't need to know anything about PHP or MySQL, Pixelpost does all the work for you.

The templates in Pixelpost are normal HTML files styled with CSS. Any interactive code which is built by the scripts for handling your content is placed by Template Tags.\\

Changed line 9 from:

Pixelpost is a photoblog, not a gallery. So there is always one photo per page. In default setting it is a in a timelined order: the newest published photo is the first one to show, by clicking on "previous" links you browse to the past photos in the queue. Clicking on the "next" links leads you to the newer photos.\\

to:

Pixelpost is a photoblog, not a gallery. So in the image page there will be always one photo per page. In default setting it is in a timelined order: the newest published photo is the first one to show, by clicking on "previous" links you browse to the past photos in the queue. Clicking on the "next" links leads you to the newer photos.\\

Changed lines 11-12 from:

This variable content is inserted by placeholders, so called template tags. You place them within your static HTML code and Pixelpost will replace them with the correct information.

to:

This variable content is inserted by placeholders, so called template tags. You place them within your static HTML code and Pixelpost will replace them with the correct information.

Changed line 16 from:
  • about_template.html - a page for further (static) content
to:
  • about_template.html - a page for static content
Changed lines 18-19 from:
to:

If you want to have more pages, just create it, call it newpage_template.html and call it with index.php?x=newpage. But consider that you cannot use template tags here. New pages are always static or you have to write your own scripts in an addon.

November 07, 2007, at 07:29 AM by austriaka -
Changed lines 9-11 from:

Pixelpost is a photoblog, not a gallery. So there is one photo per page in a timelined order. In default setting the latest published photo is the first one to show, browsing to the next in the queue by clicking on "previous" links

You have to consider a few rules though:

to:

Pixelpost is a photoblog, not a gallery. So there is always one photo per page. In default setting it is a in a timelined order: the newest published photo is the first one to show, by clicking on "previous" links you browse to the past photos in the queue. Clicking on the "next" links leads you to the newer photos.
Each image page holds the photo, the title of the image, a description, the previous and next links, the comments to this image and other things. Since these things vary on each page Pixelpost script has to call the content for a page each time it is opened. This variable content is inserted by placeholders, so called template tags. You place them within your static HTML code and Pixelpost will replace them with the correct information.
Different template files are used to create different pages. Default Pixelpost pages within one template are:

  • image_template.html - the page where the image is shown
  • browse_template.html - a page with all images shown as thumbnails
  • about_template.html - a page for further (static) content
  • comment_template.html - a page for the comments if you want to show them in a separate window

If you want to show your blog in different languages, you keep the pages mentioned above as the default language pages and add image_XX_template.html, browse_XX_template.html, about_XX_template.html and comment_XX_template.html for each language you want to have where XX is the language abbreviation.
See here for more information: Alternative Languages

See here a list of all available template tags: Template Tags

Writing your own template

To start with your own template we suggest you read the template files in simple template which comes with your Pixelpost installation. You see that they look quite like a normal html file. You should better not open them in a WYSIWYG editor since they usually destroy the template tags.

Before beginning you have to consider a few rules though:

Deleted line 34:
  • Read one of the template files in simple template which comes with your Pixelpost installation.
November 07, 2007, at 07:10 AM by austriaka -
Changed lines 3-4 from:

If you are familiar with HTML and CSS creating your own template is not difficult at all. You have to consider a few rules though:

  • Use the correct doctype for XTML transitional:
to:

If you are familiar with HTML and CSS creating your own template is not difficult at all.

The templates in Pixelpost are quite normal HTML files styled with CSS. Any interactive code which is built by the scripts for handling your content is placed by Template Tags.
So you can use a common HTML editor for drafting your template. If you are done you should open the file with a normal text editor and replace the varying content parts by template tags.

How does Pixelpost work?

Pixelpost is a photoblog, not a gallery. So there is one photo per page in a timelined order. In default setting the latest published photo is the first one to show, browsing to the next in the queue by clicking on "previous" links

You have to consider a few rules though:

  • Use the correct doctype for XTML transitional:\\
Changed line 15 from:
  • Pixelpost is capable of multiple languages which may use special chars. So set the UTF-8 encoding in the metatag:
to:
  • Pixelpost is capable of multiple languages which may use special chars. So set the UTF-8 encoding in the metatag:\\
Changed lines 17-18 from:

Tip: If special chars are looking strange, follow the instructions provided here: UTF-8, German Umlauts and other strange chars.

to:

Tip: If special chars are looking strange, follow the instructions provided here: UTF-8, German Umlauts and other strange chars.

  • Read one of the template files in simple template which comes with your Pixelpost installation.
November 07, 2007, at 07:03 AM by austriaka -
Changed lines 2-9 from:

Creating Templates

to:

Creating Templates

If you are familiar with HTML and CSS creating your own template is not difficult at all. You have to consider a few rules though:

  • Use the correct doctype for XTML transitional:
(:source:)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  • Pixelpost is capable of multiple languages which may use special chars. So set the UTF-8 encoding in the metatag:

(:source:)<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
Tip: If special chars are looking strange, follow the instructions provided here: UTF-8, German Umlauts and other strange chars.

November 07, 2007, at 06:57 AM by austriaka -
Added line 1:

(:nogroupfooter:)

October 25, 2007, at 02:23 PM by austriaka -
Added line 1:

Creating Templates


Page last modified on November 07, 2007, at 08:12 AM