Configuration Options

Configuration

    *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.

1. 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.

2. 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

3. 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.
   Medium:
   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").
   Large:
   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).
   Thumbnail :
   The Example view in "examples" folder assumes that your "thumbnail" image style have single effect of "Scale and crop" with dimensions of 281x211

4. Content type Teaser display

   Go to admin/structure/types choose your content types and click the Manage display tab. Then click the "teaser" display link.
   For the default "Article" node type you can go to /admin/structure/types/manage/article/display/teaser .
   Now configure the teaser display to hide all fields but the image field. Make sure the image style for teasers configured as 'medium'. (Screenshot).
   For "Default" displays you usually want the the body field to be visible. (Screenshot).

5. Secondary menu

   The links below main menu are the Secondary menu links.
   You should go to admin/structure/menu/settings and make sure that you are satisfied with the "Source for the Secondary links" settings. In FontFolio Demo the source for both, main links and secondary links is "Main menu". This way the main menu display only the first level menu links and secondary links really function as secondary menu while displaying the relevant sub menu (second level) items.
   In FontFolio Demo the source for secondary links is new custom created menu. Create new menu via "add menu" link (admin/structure/menu/add) and choose it to be "Source for Secondary menu".
   

   The final step requires filling out the Tags field for each node (page or article) that you want to appear under the different secondary link categories. For example, you create a new article. For it to appear under the secondary link "Bowls", you must type Bowls into the Tags field.
   

6. Views
   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).