Photofolio:Documentation

From MtTWiki

Jump to: navigation, search

Contents

Overview

Content types

Photofolio comes with three build in Content types

Of course Photofolio also supports the rest of Drupal's default content types: Article and Basic page.

Blog post

A blog post, similar in form to a story, is ideal for creating and displaying content that carries images and informs or engages website visitors. Press releases, site announcements, and informal blog entries may all be created with a blog post entry. By default, a blog post entry is automatically featured on the site's initial home page, and provides the ability to post comments. It has the option to be displayed into front page slide show. It provides the ability to attach an image which is automatically adjusted to fit into the websites layout. Blog post enables free tagging (just like labels), taking the taxonomy one step further.

Gallery post

A gallery node, similar in form to an article, is ideal for creating and displaying content that carries a series of images, usually of common context, such as photos of a trip or of the same subject. By default, a Gallery node entry is automatically featured on the site's initial home page, and provides the ability to post comments. However, what’s particularly cool about a Gallery node, is that it provides the ability to attach a series of images, thumbnails of which are automatically created and adjusted to fit into the website layout.

Slideshow entry

A Slideshow entry is ideal for creating commercial banners as well as messages for your website. Use it to promote any page of your website or URL into the front page slide show. It can carry a title, a teaser and an image linking to an internal path or external link.

Image handling

Photofolio comes with the ImageCache module pre-configured and ready to be used. All the content types, Blog entry, Gallery and Slideshow entry make use of this and produce all necessary thumbnails and other derived images.

Just upload your images and the Photofolio will use them for the Front Page, the Image Galleries and any other place where a derived image is needed. Ph3-image-handling-all.png Ph3-image-handling-04.png Ph3-image-handling-05.png Ph3-image-handling-06.png Ph3-image-handling-07.png

Pre-configured Blocks

Photofolio comes with a set of pre-configured ready-to-use blocks and view blocks:

Latest posts

This block collects and displays the latest post on your site.

Pf3-blocks-01.png

Recent Comments

This block collects and displays the latest comments on your site.

Pf3-blocks-02.png

Enriched Image Galleries

This block Collects all Galleries that have been created and displays them in a list. A thumbnail is automatically generated using each Gallery's Preview Image.

Pf3-blocks-03.png

Monthly archive

With the power of Views, Photofolio provides a ready to use block that counts and summarizes your posts.

Pf3-blocks-04.png

Connect with us

Ready made, html block with eye-candy typography and social icons.

Pf3-blocks-05.png

Latest from Twitter

Connects with a given twitter account and displays automatically the latest tweets. This blocks comes with a build in module with configuration options.

Pf3-blocks-06.png

Image Galleries

Collects and displays thumbnails of the Galleries on your site.

Pf3-blocks-07.png

Tags cloud

Collects, counts and displays the taxonomy terms used in your posts.

Pf3-blocks-08.png

How to

Add a new Gallery

  1. Select "Add Content" and click on the "Gallery" link

Pf3-ht-gallery-01.png .

  1. Enter a title
  2. Upload a Gallery image to be used in the teaser display as well as for the main image of the Gallery.
  3. Enter a Gallery description. [optional]
  4. Enter the body text. [optional]

Pf3-ht-gallery-02.png

  1. Enter as many images as you like.
  2. For every image you have the option to enter a title and some text.

Pf3-ht-gallery-03.png

  1. Click save and your new Gallery is complete. All necessary images will be automatically generated.

Pf3-ht-gallery-04.png

Publish a post in the front-page slideshow

Article, Gallery or Blog entry

  1. Create a new or edit an existing Article, Gallery or Blog entry
  2. Check the "Promoted on slideshow" option
  3. Upload a Slideshow image using the Image field
  4. Optionally enter a "Slideshow Text" to appear on the slide.

Pf3-ht-promo2SS-01.png

Your image will automatically be uploaded and resized to fit in the Slideshow. Your post now is part of the front page Slideshow. Pf3-ht-promo2SS-02.png

Slideshow entry

  1. Create a new Slideshow Entry
  2. Enter the title and upload an image using the Image field
  3. Set the target path. It can also be an external link.

Pf3-ht-promo2SS-03.png

  1. Optionally enter a "Slideshow Text" to appear on the slide.
  2. Make sure the "Promoted on slideshow" check box is enabled.

Customize the main menu for mobile dimensions

All customizations regarding the mobile menu can be found at the theme settings.

Pf3-ht-themeSettings-01.png

Disable optgroups

Optgroups support up to 1 extra menu level

Pf3-ht-responsiveMenu-01.png

To be able to display more menu levels in the drop down select list you have to disable optgroups

Pf3-ht-responsiveMenu-02.png

The result will look like this

Pf3-ht-responsiveMenu-03.png

Link the Galleries view blocks with your preferred Gallery listing layout

Photofolio comes with 2 different view blocks to promote your Galleries.

Pf3-blocks-03.png

Pf3-blocks-07.png

By default the "View all Image Galleries" link at the bottom of those blocks leads you to the default single column Gallery listing.

Ph3-image-handling-07.png

In order to customize this link to refer to your preferred Gallery listing, follow the steps bellow.

  1. Click on the "Edit view" option of the block's contextual links

Pf3-galleryLink-01.png

  1. Open the "Advanced" options tab
  2. Click on "Link display: Custom URL"

Pf3-galleryLink-02.png

  1. Change the "Custom URL" text field to your preferred gallery link
    • galleries (Single column)
    • galleries-2 (Two column)
    • galleries-3 (Three column)

Pf3-galleryLink-03.png

  1. Hit the "Apply (all displays)" button
  2. Click "Save"

Pf3-galleryLink-04.png

Personal tools
Namespaces
Variants
Actions
Main Menu
Premium Themes
Toolsets
Freebies
Navigation
Toolbox
This wiki is hosted by morethanthemes.com, creators of top quality premium and free themes for Drupal 6 and 7, as well as HTML and PSD themes.
Find out more
for Drupal 6 & 7