Blog Entry (with comments)

How to create a blog entry

Start by logging into your website.

Creating a new blog post

Once you have successfully logged in, proceed forward by clicking on “Content” in the black administrative toolbar.

Content tool bar

 

Next, click on the link “Add content” at the top-left of the page.

Adding content in Drupal

 

From the list that appears, select “Blog Entry (with comments)”.

Adding a new Blog entry

 

On the following page, you will see a form containing all the fields and options related to blog entries. These are described below.

  • Title*: This is the title of your blog entry.
  • Path settings: By default, the path will take the shape of “blog/page-title”. You generally do not need to change the path.
  • Author: If you wish, enter the name of the person who wrote the blog entry.
  • Long summary: Enter a longer extract of the post that will be used when the blog entry is featured at the top of the main blog landing page.
  • Summary: Enter a shorter, 2-3 line summary of the blog post.
  • Body*: Enter the full content of the blog post in this field.
  • Related Links: Enter any links you wish to feature in the sidebar of the blog entry.
  • Date posted*: The publication date of the post.
  • Banner image: Select an image that will be featured at the very top of the post. This image should be wider than it is tall.
  • Primary image: Select an image that will be used as a thumbnail on the main blog landing page.
  • Content groups: Unless instructed by your webmaster, you do not need to select anything.
  • Sidebar reference: Unless instructed by your webmaster, you do not need to enter anything.

*An asterisk indicates a mandatory field.

Once you are done filling out the fields, scroll to the bottom of the page and enter a comment that describes your changes in the “Revision log message” text box.

Adding a revision message

 

If you do not wish to publish the post right away, click on the “Publishing information” tab on the left and unselect the “Published” option.

Blog post publishing information

 

Finally, click on the button “Save” to save your post.

If you forgot any steps, the system will throw errors to let you know what fields you missed.

 

Previewing and publishing an unpublished post

To preview an unpublished post, you must be logged into your site. Then, you can navigate to “Content” in the administrative toolbar, search for your post and click on its title.

Previewing a Blog post

 

An unpublished post will have a slight reddish background and will be clearly indicated as “Not published” on the blog listing page.

Unpublished Blog post

 

If you wish to publish the post, simply edit it, scroll to the very bottom, enter a description of your changes in the “Revision log message” field, switch to the “Publishing information” tab and unselect the option “Published”. Finally, click on the button “Save”.

Creating a list of blog posts using a DCL

This section assumes that you already know how to work with Panel Pages. If not, check out the online guides below:

  1. Creating a new Panel page
    http://www.uottawa.ca/uoweb/en/user-guide/creating-new-page
  2. Adding content to a Panel page or Mini panel
    http://www.uottawa.ca/uoweb/en/user-guide/panels-adding-content-panel-page-mini-panel

Creating the Dynamic Content List

To begin, make sure that you have created a few blog entries with comments before creating your Dynamic Content List (DCL). If that is already done, follow the steps below.

  1. Navigate to Structure and then Pages.
  2. Edit the page on which you wish to add your blog list. Preferentially, this page should have a B or BB layout.
  3. In the left menu, click on “Content”.
  4. You will now be presented with a page outlining the regions of your layout. Click on the top-left gear icon of one of those regions.
  5. In the dropdown menu that appears, click on “Add content”.
  6. A new window will appear. In the left menu, select “Content” and then “Dynamic Content List”.
  7. The following page will allow you to configure your Dynamic Content List. For the purpose of this exercise, select the values below:
    • Display Mode: List with categories
    • Data Source: Entity
    • Source Settings
      • Entity Type: Node
      • Sub-Type: Blog Entry (with comments)
      • View Mode (Results): Read More Teaser with Image
      • View Mode (Label): None
      • View Mode (RSS): Summary Only
      • RSS Feed title
        • English: President’s blog [Change as needed]
        • French: Blogue du recteur [Change as needed]
      • No results snippet: None
    • Sorters
      • Sorter #1
        • Sorting Method : Field (Date)
        • Settings
          • Field: Date Posted
          • Newest to oldest: Select this option.
    • Categorizers
      • Categorizer #1
        • Categorizing Method: Field (Date)
        • Settings
          • Field: Date Posted
          • Granularity: Year and Month
          • Display categories as hierarchy: Select this option.
          • Position: Right Side
          • “All” text string
            • English: ALL
            • French: TOUT
          • Category label
            • English: Change as needed.
            • French: Change as needed.
    • Pager
      • Items per page: 10
  8. Once done, click on the button “Finish”.
  9. Afterwards, click on the button “Update and save” to save all the changes on the page.

Styling the DCL

After the DCL has been added to the page, you will want to style it. For this, follow the steps below.

  1. Click on the top-right gear icon of the Dynamic Content List you just added.
  2. In the dropdown menu, under Style, click on “Change”.
  3. A new window will pop up. Select “Component Styles” from the list and then click on “Next”.     
    1. Under Styling, configure the following options.
      1. Container Type: Full
      2. Spacing: Top Gutter
      3. Summary: Shown
      4. Button Link Position: Right
      5. Image Width: 20%
      6. Image Position: Left
    2. Scroll down and save.
  4. Once done, click on the button “Update and save” to save your changes on the page.
» Submit feedback
    Types: 
  • User Guide
Back to top