EL Creative
EL Creative
Organization

Configuring Item Page in NoUI Theme

Configuring Item Page in NoUI Theme.
Yasya El Hakim
105 Reads ·
Comment

Item Page (Single Item) is the main page for posts and static pages. The elements on the item page also vary; consists of Breadcrumb, Post Title, Post Description, Author Name and Profile Image, Publication and Update Date, Share Button, CommentS, main content, etc.

You can customize it and adjust the elements to be displayed on the Item page easily.

Options for Item Page

There are several Options for the Item Page that can be customized, namely:

Item Layout

This setting is useful for setting the Layout on the Index page. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Index Options.
  4. Look for the Slider setting named Item Layout (Column | Column Reverse | Row | Row Reverse), drag the slider right or left. Here is the explanation:
    • 1px: Column - The layout will be columns (from top to bottom).
    • 2px: Column Reverse - The layout will be in reverse columns (bottom to top)
    • 3px: Row - The layout will be in rows (from left to right)
    • 4px: Row Reverse - The layout will be in reverse rows (from right to left)
  5. Click the Save button (diskette icon) in the lower right corner.

Item Post Decoration

This setting is useful for enabling or disabling decorations on Post pages or Static Pages. Here are some steps to customize and some explanations:

  • Go to Blogger Dashboard and select the Theme menu.
  • Click the CUSTOMIZE button.
  • Click Advanced Dropdown, click Default Options Dropdown and Select Item Options.
  • Look for the Slider setting named Item Post Decoration (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Item Post Decoration will be disabled or hidden.
    • 2px: Enable - Item Post Decoration will be enabled or displayed.
  • Click the Save button (diskette icon) in the lower right corner.

Item Breadcrumb

This setting is useful for enabling and disabling Breadcrumb on the Posts page. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Item Options.
  4. Look for the Slider setting named Item Breadcrumb (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Item Post Breadcrumb will be disabled or hidden.
    • 2px: Enable - Item Post Breadcrumb will be enabled or displayed.
  5. Click the Save button (diskette icon) in the lower right corner.

Information:

  • Don't worry, if this feature is disabled, Schema Markup for Breadcrumbs will still exist and be valid.

Item Summary

This setting is useful to enable or disable Summary on Item page. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Item Options.
  4. Look for the Slider setting named Item Summary (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Item Post Summary will be disabled or hidden.
    • 2px: Enable - Item Post Summary will be enabled or displayed.
  5. Click the Save button (diskette icon) in the lower right corner.

Information:

  • If you enable this feature but the Summary does not appear, make sure you have enabled the Meta Tag - Enable Search Description setting and filled in the Meta Description. More details can be seen on the Search Description page.

Item Author

This setting is useful to enable or disable Avatar and Author Name on the Item page. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Item Options.
  4. Look for the Slider setting named Index Author (Disable | Name | Name and Avatar), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Index Post Author Avatar and Name will be disabled or hidden.
    • 2px: Name - Index Post Author Name will be enabled or displayed (Without Avatar).
    • 3px: Name and Avatar - Index Post Author Avatar and Name will be enabled or displayed.
  5. Click the Save button (diskette icon) in the lower right corner.

Information:

  • You can also set it globally (For Index and Item page) by accessing the Blog Posts Settings page.

Item Published Timestamp

This setting is useful to enable or disable the Publication Date Timestamp on the Item page. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Item Options.
  4. Look for the Slider setting named Item Published Timestamp (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Item Post Published Date Timestamp will be disabled or hidden.
    • 2px: Enable - Item Post Published Date Timestamp will be enabled or displayed.
  5. Click the Save button (diskette icon) in the lower right corner.

Information:

  • You can also set it globally (For Index and Item page) by accessing the Blog Posts Settings page.

Item Updated Timestamp

This setting is useful to enable or disable the Update Date Timestamp on the item page. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Item Options.
  4. Look for the Slider setting named Item Updated Timestamp (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Item Post Update Date Timestamp will be disabled or hidden.
    • 2px: Enable - Item Post Update Date Timestamp will be enabled or displayed.
  5. Click the Save button (diskette icon) in the lower right corner.

Information:

  • You can also set it globally (For Index and Item page) by accessing the Blog Posts Settings page.

Item Comments

This setting is useful to enable or disable Comments on item page. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Index Options.
  4. Look for the Slider setting named Item Comments (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Item Post Comments will be disabled or hidden.
    • 2px: Enable - Item Post Comments will be enabled or displayed.
  5. Click the Save button (diskette icon) in the lower right corner.

Information:

  • You can also set it globally (For Index and Item page) by accessing the Blog Posts Settings page.

Item Sharer

This setting is useful for enabling or disabling Sharer on item pages. Here are some steps to customize and some explanations:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Index Options.
  4. Look for the Slider setting named Item Sharer (Disable | Enable), drag the slider right or left. Here is the explanation:
    • 1px: Disable - Item Post Sharer will be disabled or hidden.
    • 2px: Enable - Item Post Sharer will be enabled or displayed.
  5. Click the Save button (diskette icon) in the lower right corner.

Information:

  • You can also set it globally (For Index and Item page) by accessing the Blog Posts Settings page.

Color Settings for Item Page

There are several color settings for the Index Pages that can be customized, namely:

  • Item Text Color: To set the Text Color.
  • Item Link Color: To set the Link Color.
  • Item Link Hover Color: To set the Link Color when the cursor hovers.
  • Item Meta Color: To set the Meta Text Color.
  • Item Border Color: To set the Border Color.

Here are some steps to customize it:

  1. Go to Blogger Dashboard and select the Theme menu.
  2. Click the CUSTOMIZE button.
  3. Click Advanced Dropdown, click Default Options Dropdown and Select Index Options.
  4. Find a color setting and select the color you want to change.
  5. Click the Save button (diskette icon) in the lower right corner.

Those are some steps to configure the Item Page (Single Item). If you have any questions, please write them in the comments section.

Tags: NoUI Documentation
Comment
Share

Sign In

By continuing, you agree to our User Agreement and acknowledge that you understand our Privacy Policy.

Sign in with Google

Or, Sign in with

Forgot Password|Sign Up