Getting Started Thanks for your interest in Dicot! We truly appreciate the opportunity to share our themes with you. If you have any questions or run into any trouble, please visit us on the Dicot Support Forum. We’ll get you fixed up! Upon activating your theme, you should visit the Customizer under Appearance → Customize to set up the basic theme settings, such as your background color, a header/logo image, or a Custom Menu. Detailed instructions and tips can be found below. Required Plugin Jetpack is required plugin for Dicot WordPress theme. Jetpack is comprehensive and free plugin by WordPress.com which provides you several features under one roof. Featured Content Carousel Dicot has an eye-catching featured content area on the home page. You can easily capture your visitors’ attention on desired posts or pages. You can feature any post or page using the featured tag via the Customizer. Here are some tips to help you get the featured content carousel set up. Install Jetpack WordPress plugin. This plugin is required for featured posts. Go to Appearance → Customize → Featured Content and add the featured tag or a tag of your choice. Dicot supports up to 12 posts in its featured slider area. Create or edit a post you wish to feature. Assign the special tag from step two to this post. Set a Featured Image for your post. Use big and beautiful featured images for the featured content carousel. Publish or Update the post. Setting Up the Site Logo Here are some tips to help you get the site logo set up. Go to Appearance → Customize → Site Title, Tagline & Logo to add your site logo. Theme Options You can use the handy theme options to personalize Dicot. You’ll find Dicot’s options in the Customizer, under Appearance → Customize → Theme Options. Here is a brief rundown of the settings in the Theme Options menu: 1. Theme Layout You can use Dicot‘s default wide layout or personalize it with beautiful backgrounds using the boxed layout. Go to Appearance → Customize → Theme Options. Select Wide or Box from the Theme Layout drop down. 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 if the widgets are present in it. 3. Animation Dicot reveal animations when you scroll and content is in viewport. You can select available animation styles depending on your taste. 4. Show Animation on Page Scroll You can enable/disable content animation via the “Show Animation on Page Scroll” option. 5. Show Page Preloader Page Preloader is an excellent feature of Dicot. Dicot‘s preloader hides the content before they are loaded. It provides a smooth experience to your website’s visitors. Page Preloader displays “Skip” link automatically on slower internet connections after few seconds. You can enable/disable page preloader via the “Show Page Preloader” option. 6. Enable Sticky Menu on Large Displays Dicot has power to make the header custom menu sticky, so the visitors can always access the menu while they scroll. You can enable/disable sticky menu via the “Enable Sticky Menu on Large Displays” option. Featured Images Dicot supports Featured Images on blog posts. Featured Images appear along the title on the blog index and archive pages. For an optimal result provide an image at least 800px wide and 800px high. If you upload larger Featured Images or images with different proportions, they will be automatically resized to match the specific image dimensions noted above. So you can have big, beautiful Featured Images in your posts. Add a Custom Header Image Add a Custom Header Image to your site by going to Appearance → Customize → Header. First, upload a new image or choose one from your media library. Once uploaded, you will have the opportunity to crop the image and set a few more options. Note: Your uploaded image should be at least 285 pixels tall. The width should be at least 1920 pixels to provide a crisp background. Add a Custom Background Image or Color Add a Custom Background to your site by going to Appearance → Customize → Background. Similar to the Custom Header Image, you can either upload a new image or choose one from your media library. Once you’ve chosen your image, you will have several options for displaying the background. You can also choose a background color instead of an image. Custom Menus Dicot allows you to have two Custom Menu. It can be set up by going to Appearance → Menus. Select Primary Menu location in the Menu Settings to display Custom Menu in the header. Select Secondary Menu location in the Menu Settings to display Custom Menu in the footer. Social Icons Dicot allows you display links to your social media profiles, like Twitter and Facebook, as icons using a Custom Menu. Set up the menu To automatically apply icons to your links, simply create a new custom menu. Next, add each of your social links to this menu. Each menu item should be added as a custom link. Once your menu is created and your social links added, you need to select Social Links Menu in the Menu Settings; if the option isn’t selected, Dicot will not display the menu in the overlay. Dicot will automatically apply an icon if it’s available. 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 Skype Stumbleupon Reddit RSS Feed (urls with /feed/) 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 comes with two custom widgets. Dicot: Post List The Post List widget will display posts alongside a small Featured Image. Go to Appearance → Widgets to use the Dicot: Post List widget. Dicot: Post Carousel The Post Carousel widget will display the posts in a rotating slideshow with Featured Images. Go to Appearance → Widgets to use the Dicot: Post Carousel widget.