Slain

Best free blog and magazine theme for writers who want minimal layouts with best customization options. This theme is simple, clean, SEO optimized with eCommerce support takes you to the next level to your blog, magazine and your ecommerce store. You can use any page builder to build multiple sections to your website with this theme (Zero coding skilled required).

1 Get Started

This is the Slain theme documentation page. We have tried our best to provide proper, simple and clear instruction. If you think it can be improved, please let us know. We will update as per your feedback too.

Please click on the left sidebar’s title to navigate the section.

2 Installation

Installation of our theme is quite easy and simple. You can follow two type of installation procedure. Either directly from WordPress repo panel or from uploading the theme zip file.

  1. Directly from WordPress repository:

If you want to install directly from WordPress repository, just navigate Appearance >> Theme menu from your website (WordPress admin dashboard) and on Add New button then type Slain on the search box. You will see our theme on below. Then just click on install and activate the theme. That’s it 🙂

  1. Uploading zip file ( manual installation ):

Please go to wordpress.org/themes/slain and download the theme zip file from there. Upload that zip file into your website from Appearance>>Theme>>Add New>>Upload Theme.

Additional information: WordPress Codex – Using Themes

3 Header Options

Appearance >> Customize >> Header Options – Panel

Website main header related section goes here.
Click to go related section description.

4 Header Media

Appearance >> Customize >> Header Options >> Header Media – Section

This section help to set header image to specific part of header. Please read following instruction to insert header image properly.

  • Header Video – Please click to select video area to “Add New video” to top of the website. This options simply allow to show video on top of the entire website and if you  want to add video of YouTube then just put the YouTube video link below.
  • Current Header – Please click to add new image button to “Add New Image”. This options simply allow to show image on header. But if you want to show image randomly than please insert more than one image. After adding multiple Image please check below button name “Randomize Uploaded Header”.

5 Top Header

Appearance >> Customize >> Header Options >> Top Header – Section

This section is shown before the branding area(Top of the website). This section helps us to manage social icon and top header navigation. Here are some settings available with description.

  • Social Icon – This options allow to show/hide social media icon(If you hide top header then social section will not shown). If you want to add or remove social icon than go to Appearance >> Customize >> Additional Sections >> Social Icons. Click to go to section Social Icons

6 Branding Area

Appearance >> Customize >> Header Options >> Branding Area – Section

This section is shown before the navigation menu and after top header. This section helps us to add widget to header area after site title and tagline. Here are some settings available with description.

  • Add to a Widget – This options allow to add widget on header (You can also manage header widget from Appearance >> Widgets >> Branding Area)

7 Site Identity

Appearance >> Customize >> Header Options >> Site Identity – Section

This section is known as the branding area(After Top Header Section). This section helps us to manage website logo , Site Fav Icon, Site title and Tagline. Here are available settings with description.

  • Logo – From this option, you can change the logo of your website. Click on this logo area to insert logo for website.
  • Site Title – You can change the site title of your website from this text field. We can say this is the website name for SEO.
  • Tagline – You can change tagline of this site. Please put here website slogan or main features of your website.
  • Social Icon – This options allow to on/off social media icon(If you on social icons  then social icons will be visible on branding section). If you want to add or remove social icon than go to Appearance >> Customize >> Additional Sections >> Social Icons. Click to go to section Social Icons
  • Site Icon – Click on Select Site Icon if doesn’t exist. This icon is same like a logo which shows on browser tab icon. Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps
  • Show section on Brands area – This options have two switch box options. This options allow you to set office details or widgets section.
    • None – This options did not display anything to branding area.(Only display title and tagline)
    • Widgets– This options allow to add widget area on branding section. If you check this options then please add widget through Branding Area.
  • Branding Alignment – This options allow to manage branding left, center and right.

    • Left – If you check this options then branding alignment will be left and this is the default value.
    • Center – If you need center alignment of logo, office details or widget area then just check this as per your requirement.
    • Right – If you need right alignment of logo and left alignment of branding area then just check this as per your requirement.
  • Background Image – You can manage background image for brand section.(Which includes site title, tagline, social icon, branding area). Just add image to add background image for entire these sections.
  • Background Size: You can manage background size cover and pattern formats.
  • Enable Parallax: Check on to add parallax for background Image.

10 Header Settings

Appearance >> Customize >> Header Options >> Header Settings – Section

You can mange header related settings from here like sorting section, merging menu and width of header.

  • Sort-able Header Section – You can sort your section by drag and drop as per your requirement and also you can check to show and uncheck to hide the section on header.
  • Header Width – You can manage header width from here. Here are three options available to manage header width(Boxed, contained and full).
    • Boxed: If you choose boxed then you entire header width will be 1160px width by default.
    • Contained: If you choose contained options then you header will be full width but header elements will be visible on 1160px.
    • Full Width: If you choose full width then you header elements will be visible full width with some left and right padding.
  • Merge top and main Menu – If you enable this options then your main and top menu will be visible at the place of main menu on mobile device.

11 Template Options

Appearance >> Customize >> Template Options – Panel

Website template related section like post, page, 404, search, archive etc goes here. If you want to change specific settings related template please follow the instructions below.

12 Homepage Settings

Appearance >> Customize >> Template Options  >> Homepage Settings – Section

If you want to set it up like our demo first you have to setup static home page.

Your can follow following step to setup static home page.

  1. Please go to Dashboard >> Pages >> add new page and set title name home and publish it.
  2. Then, please go to Appearance >> Customize >> Template Options >> Homepage Settings and check ( if unchecked ) A static page then from Homepage dropdown section please select your home page  and save it.
  3. After that Homepage template options checked Widgetize layout.(Default value is widgetize)
  4. Then, everything you need to do is save and check all widgets from Appearance >>Widgets and drag and drop those widgets into widget areas.

Structure of magazine Layout.

Header Media
Top Header
Logo Part Branding Area / Header Ads (Widget Area)
Navigation
Top Home Area( Fullwidth -Widget Area)
Home Left Area ( Middle Part – Widget Area) Home Sidebar ( Middle Area – Widget Area)
Bottom Home Area(Fullwidth – Widget Area)
Top Footer 1st Column (Widget Area) Top Footer 2st Column (Widget Area) Top Footer 3st Column (Widget Area) Top Footer 4st Column (Widget Area)
Middle Footer 1st Column (Widget Area) Middle Footer 2st Column (Widget Area) Middle Footer 3st Column (Widget Area) Middle Footer 4st Column (Widget Area)
Footer Info(Copyright Section)

13 Post Options

Appearance >> Customize >> Template Options >> Post Options – Section

Post options cover post details page. Please check the field with descriptions about post settings.

  • Wrapper Width – You can manage post content width from here. Here are three options available to manage post content width(Boxed, contained and full).
    • Boxed: If you choose boxed then you entire post detail content width will be 1160px width by default.
    • Contained: If you choose contained options then you post detail content will be full width but post content width elements will be visible on 1160px.
    • Full Width: If you choose full width then you post content width elements will be visible full width with some left and right padding.
  • Enable Breadcrumbs – This options allow to show/hide breadcrumbs to post details page. Enable to show breadcrumbs on post details page and disable it if you want to remove from post details page.
  • Sidebar Layout – This options to show sidebar with different positions on post detail page. You can see certain image there which show sidebar positioning on all single post.
    • Left Sidebar – This options allows to show sidebar on left side of all single post. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • Right Sidebar – This options allows to show sidebar on right side of all single post. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all single post.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar – This options allow to show left and right sidebar both on post details page.
  • Enable Sticky Sidebar – This options allow to show/hide featured image on post details page.
  • Show Featured Image – This options allow to make sidebar sticky when scroll on single post.
  • Enable Drop Caps – This options allow to make big first letter of content on single post.
  • Show Categories – This options allow to show/hide categories on post details. If you checked on show button then post related categories will display on post details page.
  • Show date on post?  – This options allow to show/hide posted date of single post.
  • Show author name on post – This options allow to show author name near date and comments of the post. By default this options show after featured image.
  • Show author name on post – This options allow to show author name near date and comments of the post. By default this options show after featured image.
  • Show Comment Counts – If you checked show then no of comments are visible on single post .
  • Show Tags Name on post– This options allow to show/hide tags on post details. If you checked on show button then post related categories will display on post details page.
  • Show before and after link of post – This option allow to display/hide link of previous and next post link.
  • Show author info on post – This options is related to display author information of this post.
    • Show– If we checked on Show author information will shown below post content to all single post.
    • Hide – If we checked on Hide author information will be hidden on all single post.
  • Show author info on post – This option allow to show/hide author information of post.
  • Related Post Options – This options help to manage related article on single post.
    • Show – If you check on show you can see related article after author information and before comment section(If single post have related articles on categories or tag)
    • Hide – If you checked on hide option Related Article Sections will be hidden on single post.
  • Related Post Title – Please enter the title text to show related articles heading on single post.
  • Related Post from? – This options help to manage related article by category or tag.
    • By Category – By category options allow to show post related to single post category. This means if we browse “hello world” post than our theme check “hello world” post category. If “hello world post have “uncategorized” category than related articles post will be “uncategorized” category post except “hello world” post.
    • By Tags – By Tags options allow to show post related to single post tags. This means if we browse “hello world” post than our theme check “hello world” post tags. If “hello world post have “abcd” tags than related articles post will be “abcd” tags post except “hello world” post.
    • By Post Format– This options allow to show related post on post details page by related post format. This means if we browse “hello world” post than our theme check “hello world” post format. If “hello world post have “image” post format than related articles post will be “image” post format post except “hello world” post.
  • Enable Comments – By default comments options enable to all posts if you want to disable comments for your website visitor then just check disable.

14 Page Options

Appearance >> Customize >> Template Options >> Page Options – Section

Page options cover page details. Please check the field with descriptions about page settings.

  • Wrapper Width – You can manage page width from here. Here are three options available to manage page width(Boxed, contained and full).
    • Boxed: If you choose boxed then you entire page detail content width will be 1160px width by default.
    • Contained: If you choose contained options then you page detail content will be full width but page content width elements will be visible on 1160px.
    • Full Width: If you choose full width then you page content width elements will be visible full width with some left and right padding.
  • Enable Breadcrumbs – This options allow to show/hide breadcrumbs to page details. Enable to show breadcrumbs on page details page and disable it if you want to remove from page details .
  • Sidebar Layout – This options to show sidebar with different positions on page detail. You can see certain image there which show sidebar positioning on all single page.
    • Left Sidebar – This options allows to show sidebar on left side of all single page. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • Right Sidebar – This options allows to show sidebar on right side of all single page. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all single page.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar – This options allow to show left and right sidebar both on single page.
  • Enable Sticky Sidebar – This options allow to show/hide featured image on single page
  • Show Featured Image – This options allow to show/hide featured image on page details page.
  • Enable Drop Caps – This options allow to make big first letter of content on single page.
  • Show Comment Counts – If you checked show then no of comments are visible on single post .
  • Show before and after link of post – This option allow to display/hide link of previous and next post link.
  • Enable Comments – By default comments options enable to all posts if you want to disable comments for your website visitor then just check disable.

15 Archive Options

Appearance >> Customize >> Template Options >> Archive Options – Section

Archive Options cover category, taxonomy page and date archive page(For Developer it’s covered archive.php). Please check the field with descriptions about archive settings.

  • Wrapper Width – You can manage archive content width from here. Here are three options available to manage archive content width(Boxed, contained and full).
    • Boxed: If you choose boxed then you entire archive page content width will be 1160px width by default.
    • Contained: If you choose contained options then you archive page will be full width but archive elements width will be visible on 1160px.
    • Full Width: If you choose full width then you archive elements will be visible full width with some left and right padding.
  • Enable Breadcrumbs – This options allow to show/hide breadcrumbs to archive page. Enable to show breadcrumbs on archive page and disable it if you want to remove from archive page.
  • Sidebar Layout – This options to show sidebar with different positions on archive page. You can see certain image there which show sidebar positioning on all archive page.
    • Left Sidebar – This options allows to show sidebar on left side of all archive page. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • Right Sidebar – This options allows to show sidebar on right side of all archive page. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all archive page.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar – This options allow to show left and right sidebar both on archive page.
  • Enable Sticky Sidebar – This options allow to show/hide featured image on archive page.
  • Enable Full width first post – This options allow to make first post layout will be full width layout on archive page.
  • Archive Layout: This options allow to choose archive layout. Slain theme have three types of layout list, grid and full width. You can select layouts as per your requirements.
  • Show Featured Image – This options allow to make sidebar sticky when scroll on archive page.
  • Enable Drop Caps – This options allow to make big first letter of content on archive page if you choose archive page layout full width.
  • Show Categories – This options allow to show/hide categories on archive post items. If you checked on show button then post related categories will display on archive page.
  • Show date on post?  – This options allow to show/hide posted date of archive page.
  • Show author name on post – This options allow to show author name near date and comments of the post. By default this options show after featured image.
  • Show Comment Counts – If you checked show then no of comments are visible on archive page .
  • Pagination Layout – This option allow to display pagination types. This theme have two options to display pagination one is numeric format and another is previous next format.
  • Enable Related Post – This options help to manage related article on archive page. If you checked on show then related post will be visible after each post.
    • Show – If you check on show you can see related article each post.
    • Hide – If you checked on hide option Related Article Sections will be hidden on archive page.
  • Related Post Title – Please enter the title text to show related articles heading.
  • Related Post from? – This options help to manage related article by category or tag.
    • By Category – By category options allow to show post related to post category. This means if we browse “hello world” post than our theme check “hello world” post category. If “hello world post have “uncategorized” category than 3 related articles will be visible “uncategorized” category post, except “hello world” post.
    • By Tags – By Tags options allow to show post related to post tags. This means if we browse “hello world” post than our theme check “hello world” post tags. If “hello world post have “abcd” tags than related articles post will be “abcd” tags post, except “hello world” post.
    • By Post Format– This options allow to show related post on archive page by related post format. This means if we browse “hello world” post than our theme check “hello world” post format. If “hello world post have “image” post format than related articles post will be “image” post format post except “hello world” post.

16 Blog Options

Appearance >> Customize >> Template Options >> Blog Options – Section

Blog Options cover category, taxonomy page and date blog page(For Developer it’s covered index.php). Please check the field with descriptions about blog settings.

  • Featured Slider – This options allow to show/hide featured slider to blog page. Enable to show featured slider on blog page and disable it if you want to remove from blog page.
  • Featured Blocks – This options allow to show/hide featured blocks to blog page. Enable to show featured blocks on blog page and disable it if you want to remove from blog page.
  • Wrapper Width – You can manage archive content width from here. Here are three options available to manage blog content width(Boxed, contained and full).
    • Boxed: If you choose boxed then you entire blog page content width will be 1160px width by default.
    • Contained: If you choose contained options then you blog page will be full width but archive elements width will be visible on 1160px.
    • Full Width: If you choose full width then you blog elements will be visible full width with some left and right padding.
  • Enable Breadcrumbs – This options allow to show/hide breadcrumbs to blog page. Enable to show breadcrumbs on blog page and disable it if you want to remove from blog page.
  • Sidebar Layout – This options to show sidebar with different positions on blog page. You can see certain image there which show sidebar positioning on all archive page.
    • Left Sidebar – This options allows to show sidebar on left side of all blog page. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • Right Sidebar – This options allows to show sidebar on right side of all blog page. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all blog page.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar – This options allow to show left and right sidebar both on blog page.
  • Enable Sticky Sidebar – This options allow to show/hide featured image on blog page.
  • Enable Full width first post – This options allow to make first post layout will be full width layout on blog page.
  • Archive Layout: This options allow to choose blog layout. Slain theme have three types of layout list, grid and full width. You can select layouts as per your requirements.
  • Show Featured Image – This options allow to make sidebar sticky when scroll on blog page.
  • Enable Drop Caps – This options allow to make big first letter of content on blog page if you choose blog page layout full width.
  • Show Categories – This options allow to show/hide categories on archive post items. If you checked on show button then post related categories will display on blog page.
  • Show date on post?  – This options allow to show/hide posted date of blog page.
  • Show author name on post – This options allow to show author name near date and comments of the post. By default this options show after featured image.
  • Show Comment Counts – If you checked show then no of comments are visible on blog page .
  • Pagination Layout – This option allow to display pagination types. This theme have two options to display pagination one is numeric format and another is previous next format.
  • Enable Related Post – This options help to manage related article on blog page. If you checked on show then related post will be visible after each post.
    • Show – If you check on show you can see related article each post.
    • Hide – If you checked on hide option Related Article Sections will be hidden on blog page.
  • Related Post Title – Please enter the title text to show related articles heading.
  • Related Post from? – This options help to manage related article by category or tag.
    • By Category – By category options allow to show post related to post category. This means if we browse “hello world” post than our theme check “hello world” post category. If “hello world post have “uncategorized” category than 3 related articles will be visible “uncategorized” category post, except “hello world” post.
    • By Tags – By Tags options allow to show post related to post tags. This means if we browse “hello world” post than our theme check “hello world” post tags. If “hello world post have “abcd” tags than related articles post will be “abcd” tags post, except “hello world” post.
    • By Post Format– This options allow to show related post on blog page by related post format. This means if we browse “hello world” post than our theme check “hello world” post format. If “hello world post have “image” post format than related articles post will be “image” post format post except “hello world” post.

17 Search Options

Appearance >> Customize >> Template Options >> Search Options – Section

Search Options cover category, taxonomy page and date search page(For Developer it’s covered search.php). Please check the field with descriptions about search settings.

  • Wrapper Width – You can manage archive content width from here. Here are three options available to manage search content width(Boxed, contained and full).
    • Boxed: If you choose boxed then you entire search page content width will be 1160px width by default.
    • Contained: If you choose contained options then you search page will be full width but search elements width will be visible on 1160px.
    • Full Width: If you choose full width then you search elements will be visible full width with some left and right padding.
  • Enable Breadcrumbs – This options allow to show/hide breadcrumbs to search page. Enable to show breadcrumbs on search page and disable it if you want to remove from search page.
  • Sidebar Layout – This options to show sidebar with different positions on search page. You can see certain image there which show sidebar positioning on all search page.
    • Left Sidebar – This options allows to show sidebar on left side of all search page. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • Right Sidebar – This options allows to show sidebar on right side of all search page. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all search page.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar – This options allow to show left and right sidebar both on blog page.
  • Enable Sticky Sidebar – This options allow to show/hide featured image on search page.
  • Enable Full width first post – This options allow to make first post layout will be full width layout on search page.
  • Archive Layout: This options allow to choose search layout. Slain theme have three types of layout list, grid and full width. You can select layouts as per your requirements.
  • Show Featured Image – This options allow to make sidebar sticky when scroll on search page.
  • Enable Drop Caps – This options allow to make big first letter of content on search page if you choose search page layout full width.
  • Show Categories – This options allow to show/hide categories on search post items. If you checked on show button then post related categories will display on search page.
  • Show date on post?  – This options allow to show/hide posted date of search page.
  • Show author name on post – This options allow to show author name near date and comments of the post. By default this options show after featured image.
  • Show Comment Counts – If you checked show then no of comments are visible on search page .
  • Pagination Layout – This option allow to display pagination types. This theme have two options to display pagination one is numeric format and another is previous next format.
  • Enable Related Post – This options help to manage related article on search page. If you checked on show then related post will be visible after each post.
    • Show – If you check on show you can see related article each post.
    • Hide – If you checked on hide option Related Article Sections will be hidden on search page.
  • Related Post Title – Please enter the title text to show related articles heading.
  • Related Post from? – This options help to manage related article by category or tag.
    • By Category – By category options allow to show post related to post category. This means if we browse “hello world” post than our theme check “hello world” post category. If “hello world post have “uncategorized” category than 3 related articles will be visible “uncategorized” category post, except “hello world” post.
    • By Tags – By Tags options allow to show post related to post tags. This means if we browse “hello world” post than our theme check “hello world” post tags. If “hello world post have “abcd” tags than related articles post will be “abcd” tags post, except “hello world” post.
    • By Post Format– This options allow to show related post on search page by related post format. This means if we browse “hello world” post than our theme check “hello world” post format. If “hello world post have “image” post format than related articles post will be “image” post format post except “hello world” post.

18 404 Options

Appearance >> Customize >> Template Options >> 404 Options – Section

404 page settings cover page not found page(For Developer it’s covered 404.php). Please check the field with descriptions about 404 page settings.

  • Wrapper Width – You can manage 404 content width from here. Here are three options available to manage 404 content width(Boxed, contained and full).
    • Boxed: If you choose boxed then you entire 404 page content width will be 1160px width by default.
    • Contained: If you choose contained options then you 404 page will be full width but 404 elements width will be visible on 1160px.
    • Full Width: If you choose full width then you 404 page elements will be visible full width with some left and right padding.
  • Enable Breadcrumbs – This options allow to show/hide breadcrumbs to 404 page. Enable to show breadcrumbs on 404 page and disable it. If you want to remove from 404 page.
  • Sidebar Layout – Available sidebar options to show sidebar layout. You can get certain image which show sidebar positioning on all 404 pages.
    • Right Sidebar – This options allows to show sidebar on right side of 404 pages. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • Left Sidebar – This options allows to show sidebar on left side of 404 pages. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all 404 pages.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar – This options allow to show left and right sidebar both on 404 page.
  • Enable Sticky Sidebar – This options allow to make sidebar sticky on 404 page.
  • 404 Page Title – This options help you to setup page not found section title on fronted.
  • 404 Page Description – This options help you to setup page not found section description