FontFolio is clean, grid based, 2 column portfolio theme.
- Out of the box default Drupal front page and taxonomy pages styled as Gallery of titled images.
- Easily apply this gallery style to any view with Unformatted list format.
- Social networks Icons.
- Multilingual Features:
- Links to frontpages in all Enabled languages will displayed at the end of main menu and will get slightly different styles.
- Full RTL support
This section Explains how to setup the theme to make it look and function like it does in the Demo website.
- Search Box:
Enable the "Search" module.
Go to block administration page: admin/structure/block and make sure that "Search form" block is placed in the "Search" region.
Make sure that "Search form" is the only block positioned within the in "Search" region, remove other blocks if any.
Make sure to set permissions to use Search for anonymous and authenticated users.
- Number of posts on FrontPage
Go to admin/config/system/site-information and set to 9 the "Number of posts on front page". This number is also valid for Taxonomy term teaser lists
- Image styles:
FontFolio use CSS image "width" rule to make sure images will displayed in the "right" dimensions for each part and will not break the layout.
For efficiency and better performance you should pre set proper dimensions using Drupal's image styles.
You should go to admin/config/media/image-styles and create new styles or override existing image styles to contain the needed effects.
In the Demo website, all images on front page, (single bigger image as well as the smaller images) are node teasers with image fields displayed using 'medium' image style. The default 'medium' image style was overridden to have single effect of "Scale and crop" with dimensions of 562x464 .
If you don't like the idea of using css to make the "smaller" images look small, you can replace default teasers lists with view that display fields instead of teasers, see 'views' on paragraph 6 (and "example view").
For full node view mode and also for blog teasers the demo website make use of drupal's default 'Large' Image style, overridden to contain only 'Scale': width 700 (upscaling allowed).
The Example view in "examples" folder assumes that your "thumbnail" image style have single effect of "Scale and crop" with dimensions of 281x211
To apply basic fontfolio style grid to any view:
A. Create new view with page display.
B. Set its format to "Unformatted list".
C. Click the format settings and insert "post-box" in "Row class" field.
D. Set the nomber of items to number that is divisible by 4 (e.g 8).
In case you want the first item to displayed bigger like the default fontfolio frontpage:
E. Add to your view new attachment display and keep its "Unformatted list" format.
F. Click the format settings and override (only for this display) the "Row class" to "big-post-box".
G. Set 1 for Items to display and "no" for "render pager".
H. Now click on "Page" display to set its pager "offset" field to 1.
I. Add "fontfolio" as your view tag. You can assign tag via "edit view name/description" button. Using this tag for any view will make it rendered using views-view--fontfolio.tpl.php template file. This template keeps the big box attachment only on the first page and remove it from inner pages of the same view. ( In case that a pager indicate existence of more than one single page).
*Example View. Inside "examples" folder of the theme there is an export file, export-of-fontfolio-frontpage-fields-view.txt . You can import this view by copy/paste the file content using the "import" link in views administration page or directly go to admin/structure/views/import.
Notice: the example view "assumes" the presence of the following overridden image styles:
'medium' has single effect of "Scale and crop" with dimensions of 562x464 .
'thumbnail' has single effect of "Scale and crop" with dimensions of 281x211.