Documentation

How to use this Add-On

For this Add-On, two Page Properties are used:

  • Name
  • Description

 To add or edit Page Name and Page Description:

  1. Login to your Concrete5 Site
  2. Go to the Dashboard
  3. Look for Sitemap and click on Full Sitemap
  4. Click on a Page and choose Properties
  5. On the first Tab Standard Properties you may edit or add Name and Description in the corresponding fields
  6. When finished, click Save.
  7. Repeat Step 4 to 6 for every Page

To add the Show Page Title Block

Just install this Add-On like any other and place the Show Page Title Block wherever you like on your pages. See here for help about installing Add-Ons

 

Options

When adding the block Show Page Title, you have several options to choose:

1. Option

The basic setting is that only the Page Name is shown, with no style added to it. Just Add the block by clicking Add. You may now style this block like any other by using the Design Feature of Concrete5.

2. Option

In the first Tab Global Block Style you may choose between Google Style or Newsspaper Style. Just try to see.

These styles are defined in the view.css of the package, which is located at
your_site_root_folder/packages/
pc_shooter_ch_show_page_title/
blocks/pc_shooter_ch_show_page_title/view.css

Just edit as you like! You'll see the comment lines to show which style is ment. 

Note: Adding your own styles to the dropdown list is planned for the next version of the Add-On

3. Option

In the second Tab Custom CSS-Classes you may add your own CSS-Classes, which correspond to your Stylesheet, e.g. from a Theme.

  • Whole block CSS-ID:
    Adds a CSS-ID to the container div of the whole block.
  • Whole block CSS-Class:
    Adds a CSS-Class to the child div of the container, with Page Title and Description.
  • Title block CSS-Class:
    Adds a CSS-Class to the h1 tag, containing the Page Title.

4. Option

In the third Tab Show Description you may show or hide the Page Description.

Check the box Show Description. A field named Description CSS-Class appears. Here you may add a CSS-Class to the page description div.

HTML-Plan of the Block:

<div id="Whole block CSS-ID" class="Whole block CSS-Class">
    <div id="Global Block Style (ID)">
        <h1 class="Title block CSS-Class"></h1>
            <div class="Description CSS-Class">
            </div>
    </div>
</div>

Container DIV having the Whole block CSS-ID and Whole block CSS-Class
        Child DIV having the Global Block Style (ID)
            H1 Tag having the Title block CSS-Class
            Description DIV having the Description CSS-Class
           Child DIV end
Container DIV end