Miscellaneous Plone Customizations
This article describes some random Plone customizations I use.
- remove byline in the standard folder listing:
- go to mysite/portal_skins/plone_content/folder_listing
Customize
Comment out the span of class documentByLine
- turn off default generation of portal tabs, add new tabs:
- Plone Site Setup ; Navigation Settings ; turn off Automatically Generate Tabs
for new tabs, ZMI to siteurl/portal_actions... add an action
URL is string:$portal_url/my-new-page
permission = View
category = portal_tabs - set a fixed width for the whole portal:
- ZMI to mysite/portal_skins/plone_styles
customize ploneCustom.css
add this:
BODY {
width : 886px;
}
- display a section of text (multiple paragraphs) with a background image:
- customize ploneCustom.css as above
add this:
TABLE.mytablename {
width: 100%;
background-image: url(&dtml-portal_url;/someimage.gif);
background-repeat: repeat-y;
}
Plone Site Setup ; Kupu settings
add "mytablename" to the list of available tables
to use, insert a mytablename with 1 row and 1 column
- to indent the text in a table as above:
- add this to ploneCustom.css:
TABLE.mytablename TR TD {
width: 100%;
padding-left: 36px;
padding-top: 18px;
padding-bottom: 18px;
padding-right: 50px;
}
(do not use padding in a TABLE itself as it is not consistent between IE and mozilla) - replace the page title and description with an image... if the design requires it:
- customize portal_skins/plone_content/document_view
comment out the H1 and P elements of class documentFirstHeading and documentDescription
replace documentFirstHeading with this:
<p tal:replace="structure python:getattr(container, here.id + '-title.jpg')" />
add FOO-title.jpg next to all the pages (fill in the Title fields which will become alt text for the image).
- remove "site setup" and "accessibility" links:
- uncheck "Visible?" on these in portal_actions
- make the header the same width as the content:
- Look at the style sheet, notice that #content and .documentContent have a total of 2em left and right padding
add this to ploneCustom.css:
#portal-top {
padding: 0em 2em 0em 2em !important;
}
#portal-logo {
margin-left: 0em;
} - get rid of the line below "you are here":
- add this to ploneCustom.css:
#portal-breadcrumbs {
border-bottom-width : 0;
}