Dicotby DesignOrbital

Getting Started

After activating your theme, visit the Customizer under Appearance → Customize to set up the basic theme settings, such as background color, custom header, site logo, or custom menu.

Featured Content Carousel

Dicot includes an eye-catching featured content carousel area on the home page. Capture your visitors’ attention and lead them to specific posts or pages.

Dicot WordPress Theme Featured Content

Here are some tips to help you get the featured content carousel set up.

  1. Go to Appearance → Customize → Featured Content and add the featured tag or a tag of your choice. Dicot supports up to twelve posts or pages in its featured content area.
  2. Create or edit a post or page you wish to feature. Assign the special tag from step one to this post or page.
  3. Set a Featured Image for your post or page. Use big and beautiful featured images for the carousel.
  4. Publish or Update the post or page.

Site Logo

Go to Appearance → Customize → Site Identity to add your site logo.

Site Logo Dicot Magazine Theme

Check out this guide for full details on how to set up a site logo.

Theme Options

You’ll find Dicot’s theme options in the Customizer, under Appearance → Customize → Theme.

Customizer Dicot WordPress Theme

1. Theme Layout

You can use Dicot‘s default wide layout or personalize it with beautiful backgrounds using the boxed layout.

Wide Layout

Dicot will cover the full screen width in wide-layout mode. Any background color or background image will not be visible using wide-layout mode.

Box Layout

Dicot will wrap the content in a box. This option is best if you want to use a background color or background image for your website.

2. Main Sidebar Position (If Active)

Dicot displays the main sidebar on the right or left side, as long as it contains widgets.

3. Animation

Dicot features a cool animation effect when elements like posts, widgets or the footer, appear as you scroll.  You can choose from several different animation styles.

4. Show Animation on Page Scroll

You can enable/disable content animation via the “Show Animation on Page Scroll” option.

5. Show Page Preloader

Dicot‘s preloader hides the content before it’s fully loaded and provides a smooth experience to your website’s visitors. The preloader displays a “Skip” link automatically on slower internet connections after few seconds.

You can enable/disable the preloader via the “Show Page Preloader” option.

6. Enable Sticky Menu on Large Displays

You can choose to make the header custom menu sticky, so visitors can always access the menu while they scroll on screens wider than 767px. This option can be enabled via the “Enable Sticky Menu on Large Displays” option.

Featured Images

Dicot supports Featured Images on blog posts and static pages. Featured Images appear near the title on the blog index and archive pages. For best results, use an image at least 800px wide and 800px high.

Featured Images Dicot Magazine Theme

If you upload larger Featured Images or images with different proportions, they will be automatically resized to match the dimensions noted above.

Pull Quotes

To create a pull quote, switch to the Text/HTML Editor and add one of the following code snippets, replacing the highlighted portion with your own quote text:

Right Aligned

<blockquote class="alignright">
    This is a right-aligned blockquote.
</blockquote>

Left Aligned

<blockquote class="alignleft">
    This is a left-aligned blockquote.
</blockquote>

Add a Custom Header Image

Add a Custom Header image by going to Appearance → Customize → Header. Your uploaded image should be at least 285px tall. The width should be at least 1920px to provide a crisp background.

Add a Custom Background Image or Color

Add a Custom Background via Appearance → Customize → Background. You must choose the Box Layout in the Customizer’s Theme area to see background colors or images.

Custom Menus

Dicot allows you to have two Custom Menus, which can be set under Appearance → Menus.

Select Primary Menu location in the Menu Settings to display Custom Menu in the header.

Primary Menu Dicot WordPress Theme

Select Secondary Menu location in the Menu Settings to display Custom Menu in the footer.

Secondary and Social Menu Dicot Magazine Theme

Social Icons

Dicot allows you display links to your social media profiles, like Twitter and Facebook, as icons using a Social Links Menu. Read the full guide for setup instructions.

Available icons

Linking to any of the following sites will automatically display its icon in your menu.

  • CodePen
  • Digg
  • Dribbble
  • Dropbox
  • Facebook
  • Flickr
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Email (mailto: links)
  • Pinterest
  • Reddit
  • RSS Feed (urls with /feed/)
  • Skype
  • StumbleUpon
  • Tumblr
  • Twitter
  • Vimeo
  • WordPress
  • YouTube

Widget Areas

Dicot comes with four widget areas: one in the sidebar, and up to three in the footer. The footer widget areas will activate once you add widgets to them in Appearance → Widgets.

Dicot Widgets

Dicot features two custom widgets:

Dicot: Post List

Post List Widget Dicot Magazine Theme

The Post List widget displays posts alongside a small Featured Image. Go to Appearance → Widgets to use the Dicot: Post List widget.

Dicot: Post Carousel

Post Carousel Widget Dicot WordPress Theme

The Post Carousel widget displays the posts in a rotating slideshow with Featured Images. Go to Appearance → Widgets to use the Dicot: Post Carousel widget.