Skip to main content
Donate to the Python Software Foundation or Purchase a PyCharm License to Benefit the PSF! Donate Now

Example theme for anthill.skinner

Project description

Introduction

This package provides a public theme for Plone. It is NOT useable using plain plone. It is intended to be used in conjunction with anthill.skinner package. Look there for more information.

To remember: This theme relies on the idea that for anonymous users you want to have a flexible theme that is easy to set up and for yourself or content editors you want to unleash the full power of Plone by leaving the interface as is. This paradigma is enough for most Plone websites imho.

Installation

  • Include anthill.exampletheme in your buildout
  • Make sure to have it included in instance zcml and eggs option
  • Also dont’ forget to include anthill.skinner, anthill.tal.macrorenderer and z3c.autoinclude
  • Go to portal_quickinstaller and install anthill.skinner
  • Then install anthill.exampletheme
  • Click on “Show Preview” on the upper right corner in Plone

Dependencies

  • z3c.autoinclude
  • anthill.skinner >= 0.2
  • anthill.tal.macrorenderer

How does it look like?

http://files.banality.de/public/anthill.exampletheme.jpg

How to create a public skin?

I’m currently creating a paster template that creates all the files and dirs needed to start right away. This template is based on plone3_theme and has no big differences (but important and subtle ones).

But before invoking paster you should have a look at this example in order to see how easy it is to create your own layout. I will describe the steps needed in order to build a public view:

  • I assume you have a ready to use design ready. I took mine from freecsstemplates.org. I got images, one css file and the index.html.
  • Create a package (e.g. my.theme) using paster create -t plone3_theme my.theme
  • Copy all images to browser/images
  • Copy your css file to browser/stylesheets/main.css
  • Copy main_template.pt from this package (skins/anthill_exampletheme_custom_templates) to skins/my_theme_custom_templates
  • Copy publicmenu_levels.pt from this package (skins/anthill_exampletheme_custom_templates) to skins/my_theme_custom_templates
  • Fire up your favourite editor and open skins/my_theme_custom_templates/main_template
  • Delete all stuff in the body tag
  • Copy the contents of your index.html between body tags
  • Look at how this package uses menu structures and insert menu call at correct places. Also have a look at publicmenu_levels.pt where menu definitions live.
  • Do not forget to include the “Back to Plone” link!
  • Now make sure that your profiles/default/skins.xml matches the one from this package. You do need to change the contents in skin-path to be based on publicview and not Plone Default. Yu also need to make sure that the first layer (my_theme_custom_templates) has attribute insert-before=”anthill_skinner_templates”

Now you should be ready to start with your new skin. Make sure to install anthill.skinner first and then install your package. Go to Plone interface and then you should have a new link on the upper right that reads “Show Preview”. Click and if you did all right you should see your shiny layout.

I think you agree that this is very easy and will take you at most an hour to have every design ready. How long will it take to have this design on top of Plone w/o publicview? Don’t know - not my problem :)

Feedback to the author

Changelog

0.2 - 2009-08-09

  • Fixed some setuptools issues and added more doc [spamsch]

0.1 - 2009-08-08

  • Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Filename, size & hash SHA256 hash help File type Python version Upload date
anthill.exampletheme-0.2.tar.gz (119.0 kB) Copy SHA256 hash SHA256 Source None

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN SignalFx SignalFx Supporter DigiCert DigiCert EV certificate StatusPage StatusPage Status page