Periodico — WordPress Theme

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our profile page contact form !
Or you can contact us via real time support: Live Chat .

WordPress installation & media setting

To install this theme you must have a latest version of WordPress already installed.

Configure WordPress

Theme depends on a few settings for optimal content presentation and functionality:

  1. Go to SettingsPermalinks and ensure anything but the default is selected. Post Name is recommended
  2. Go to SettingsMedia and ensure your settings are as follows:
    • Thumbnails: This is up to you, but we recommend 300×300
    • Medium: 800 wide and 9999 tall.
    • Large: 1200 wide and 9999 tall.
  3. If you have images in WordPress already, you will need to Regenerate your Images

WordPress Admin Settings Media

Layers Theme Framework Installation

Layers is a theme framework for the WordPress publishing platform. Hopefully you already know what WordPress is and how to use it. If not, you can find some excellent starting videos and guides here: https://wordpress.org/

Install Via WordPress Admin

  1. Download Layers theme framework
  2. Log into your WordPress Admin and navigate to AppearanceThemes
  3. Click on Add New
  4. Next click on Upload Theme
  5. Browse zip theme layerswp-2-0.zip from downloaded folder
  6. Now click on Install Now button
  7. Thats it, now lets go for Periodico Theme installation

Install Theme via WordPress Admin

Note: Layers theme framework should be installed.

Important: One of the most common reasons people have issues is because they try to upload the Full zip downloaded from themeforest.net. Please make sure you are uploading only the installable theme which is called "periodico.zip" inside the "theme-packages" folder.

Make sure WordPress Is Up To Date

Please make sure WordPress is fully up to date before installing the theme! You should always be running the latest version of WordPress, because otherwise you put your whole site at risk for potential threats. Never use an outdated version of WordPress!

Install Via WordPress Admin

  1. Log into your WordPress Admin and navigate to AppearanceThemes
  2. Click on Add New
  3. Next click on Upload Theme
  4. Browse zip theme periodico.zip from downloaded theme package folder
  5. Now click on Install Now button
  6. Once WordPress has unpacked and installed the theme, just click on Activate
  7. After activation of the theme, Require and Recommended plugin installation alert message will appear, Just click on the begin installation and select Thimfy Builder Widgets to complete the installation process by installing require Thimfy Builder Widgets. You can also select recommendaed plugin if you want to use them.

Install Theme via FTP

Note: Layers theme framework should be installed.


Important: One of the most common reasons people have issues is because they try to upload the Full zip downloaded from themeforest.net. Please make sure you are uploading only the installable theme which is called "periodico" inside the "theme-packages" folder.

Make sure WordPress Is Up To Date

Please make sure WordPress is fully up to date before installing the theme! You should always be running the latest version of WordPress, because otherwise you put your whole site at risk for potential threats. Never use an outdated version of WordPress!


We are using FileZilla FTP to upload theme

Install Via FTP

  1. Login into your server via FTP access and navigate to folder located at wp-content/themes.
  2. Unzip downloaded themeforest.net zip file and find the folder theme-packages and upload thimfy-periodico from the theme-packages.
  3. Now login into your WordPress admin and navigate to AppearanceThemes to activate "Periodico".
  4. After activation of the theme, Require and Recommended plugin installation alert message will appear, Just click on the begin installation and select Thimfy Builder Widgets to complete the installation process by installing require Thimfy Builder Widgets. You can also select recommendaed plugin if you want to use them.

Import Demo Content

Note: Premium images used in demo not included with sample data.

Note: We do not recommend this if you have existing content in your WordPress installation, as it will add numerous posts, categories, media and more to your site.

How to Import the Sample Data

  1. Important: To ensure all content is imported correctly, make sure that you have installed all require and recommnded plugins.
  2. Download and install One Click Demo Import wordpress plugin.
  3. From your wordpress dashboard navigate to AppearanceImport Demo Data
  4. Now click on Import demo data.
  5. It will take few minutes to import sample data, after success message you can start customization of your site.

This sample data only import post, categories, images etc.

Theme Support & Policy

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via our profile page contact form !
Or you can connect us via real time support: Live Chat .

What's included in item support

We are providing the best possible support only for the features which we have created and for the issues related to this theme. Custom modifications or third party module implementations are not included.

Read more about Themeforest Item Support Policy

Support Policy

Users must provide their purchase code to get support.
How to find your purchase code

Custom modification

Customization is the process of making changes to strandard theme that is not covered by the scope of our support, feel free to contact us for any customization related queries.

How to upload my logo?

WordPress Admin Layers Customize Site Setting Logo & Title

There are two options which you may use one is image logo or second is site title using google fonts.

Logo Image

Upload your image logo and adjust size according to your design.


Site Title & Tagline

Site title have number of option to create your right style.

  • Site Title Font: Select your Google Font.
  • Site Title Color: Set color of you site title.
  • Site Title Font Size: Adjust font size.
  • Site Title Font Weight: Thikness of font.
  • Site Title Text Transform: Uppercase, lowercase or as you written on input box.
  • Site Title Font Style: Normal or Italic
  • Site Title Letter Spacing: Space between characters.

Adding a favicon in address bar

WordPress Admin Layers Customize Site Setting Logo & Title

A favicon (short for "favorite icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs, and elsewhere to help identify a website visually. Also, it is used as application icon of mobile device.

Social media icons in footer

Add remove social media icons from footer.

WordPress admin: LayersCustomizeSite SettingSocial Media

How to change site font family & size

Body font option allow you to change font family, size and font weight.

WordPress admin: LayersCustomizeSite SettingFonts

Site color scheme

Customizer options for buttons and pagination to change font, color, height etc.

It will affect on all buttons and pagination.

WordPress admin: LayersCustomizeSite SettingColors

  • Site Background: Main background color of the site
  • Text Color: Color of the reading text
  • Link: Color of the links
  • Link Hover: Color of the links on hover
  • Headings: Color of the headings or titles
  • Post Title: Color of the post Title
  • Post Title Hover: Color of the post title hover
  • Featured Tag: Color of the featured post mark.
  • Categories & Author Link: Color of the categories and authors link.
  • Read More: Color of the readmore link
  • Read More Hover: Color of the readmore link on hover
  • Selection Text: Color of the text when select text using mouse drag.
  • Selection Background: Color of the text background when select text using mouse drag.
  • Buttons: Color of the buttons.
  • Buttons Hover: Color of the buttons hover.

Home page setting

Customization & layout options for home page setting.

  1. Home Sidebar: Display sidebar in home page.
  2. Layout Style:
    • Standard Style
    • Standard Center No/ Sidebar
    • Grid Style
    • 1st Full + Grid Style
    • List Style
    • 1st Full + List Style
    • Masonry Style
  3. Post Meta & Options: Setting allow you to choose what meta and options to display on home page.

WordPress admin: LayersCustomizeBlogHome/Front

Archive/Categories setting

Its easy to customize archive/category page from customizer options.

  1. Archive Sidebar: Display sidebar in archive pages.
  2. Layout Style:
    • Standard Style
    • Standard Center No/ Sidebar
    • Grid Style
    • 1st Full + Grid Style
    • List Style
    • 1st Full + List Style
    • Masonry Style
  3. Archive Title:Title options for cateogry pages.
  4. Post Meta & Options: Setting allow you to choose what meta and options to display on archive/category post page.

WordPress admin: LayersCustomizeBlogArchive

Single post options

You may use single post options to customize your single post page from customizer options.

  1. Single Post Sidebar: Display sidebar in single post.
  2. Post Layout: Use the Layout Option for change width of the single post page, you can also adjust reading area space from Content Space option.
  3. Post Meta & Options: Setting allow you to choose what meta and options to display on singple post page.

WordPress admin: LayersCustomizeBlogSingle Post

Social share for posts

Add or remove social share option for posts in archive and single post page.

WordPress admin: LayersCustomizeBlogSocial Share

Pages title & options

Control page templates and layers templates title option, also you can enable/disable pages comment.

WordPress admin: LayersCustomizePages

  • Page Title: Page title optiosn for page and layers template.

Back to top display & styling

Enable/Disable back to top button and styling.

WordPress admin: LayersCustomizeSite SettingBack to Top

How to enable site preloader?

A plugin to add awesome collection of Loaders and spinners. Delightful and performance-focused pure CSS animations.

Plugin Download Link: WP Smart Preloader

  1. Install and activate plugin with Periodico Theme or you can install it manually.
  2. Now you can select loading style from options or add any custom loading css.

Navigate to: SettingsWP Smart Preloader

How to display Instagram Feed in Footer?

Display beautifully clean, customizable, and responsive feeds from multiple Instagram accounts.

Plugin Download Link: Instagram Feed

Note: Sidebar and footer both using same plugin.

  1. Install and activate plugin with Periodico Theme or you can install it manually.
  2. Now it will appear in wordpress menu section like in below screenshot.
  3. To activate feed and display photos from your account you need "Access Token" and " User ID"
  4. Display instagram feed in footer widget area using Thimfy bulder widget.

    Navigate to: LayersCustomizeEdit LayoutFooter Widgets

  5. Click on Add a Widget button and add Thimfy Content widget.
  6. Delete other 2 colunms and set remaining colunm width 12 of 12 colunm.

Use below code in widget excerpt section.

[instagram-feed class=instagram-feed]

How to display Instagram Feed in Sidebar?

Display beautifully clean, customizable, and responsive feeds from multiple Instagram accounts.

Plugin Download Link: Instagram Feed

Note: Sidebar and footer both using same plugin.

  1. Install and activate plugin with Periodico Theme or you can install it manually.
  2. Now it will appear in wordpress menu section like in below screenshot.
  3. To activate feed and display photos from your account you need "Access Token" and " User ID"
  4. Display instagram feed in sidebar widget area using text widget with shortocde.

    Navigate to: LayersCustomizeEdit LayoutRight Sidebar

    Use below code in widget content section.

    [instagram-feed num=9 cols=3 showheader=false]

Mailchimp subscription in sidebar

MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods.

Plugin Download Link: MailChimp for WordPress

  1. Install and activate plugin with Periodico Theme or you can install it manually.
  2. Now it will appear in wordpress menu section like in below screenshot.
  3. To activate MailChip, you need to connect it from your MailChip account with API Key.
  4. Just follow steps in MailChip area to get your API Key.
  5. Add widget in your sidebar widget area to display MailChimp subscribe form.

    Navigate to: LayersCustomizeEdit LayoutRight Sidebar

  6. Click on Add a Wdiget and add MailChimp Sign-Up Form widget.

Recent Tweets Widget in Sidebar

Recent Tweets Widget plugin for Twitter API v1.1 with Cache.

Plugin Download Link: Recent Tweets Widget

  1. Install and activate plugin with Periodico Theme or you can install it manually.

    Navigate to: LayersCustomizeEdit LayoutRight Sidebar

  2. Click on Add a Widget button and add * Recent Tweets widget.
  3. Get your API keys & tokens at: https://apps.twitter.com/

Recent Posts Widget Extended in Sidebar

Allows you to display a list of the most recent posts with thumbnail, excerpt and post date, also you can display it from all or specific or multiple taxonomy, post type and much more!

Plugin Download Link: Recent Posts Widget Extended

  1. Install and activate plugin with Periodico Theme or you can install it manually.

    Navigate to: LayersCustomizeEdit LayoutRight Sidebar

  2. Click on Add a Widget button and add Recent Post Extended widget.
  3. Thumbnail (height,width,align) 70 x 90, align: left.
  4. Unchecked Use Default Styles and clear Custom CSS area.

How to add featured post slider in home

We are using builder widget to add featured post slider in home page, its easy to use and customizable.

WordPress Admin Layers Customize Edit Layout Home Top Widgets

1. Click on Add a Widget for post slider and add Thimfy Post Slider.

2. Click on widget arrow to expand options.

3. Now you need Post ID to display post in featured slider.

How to find post Id in wordpress?

4. Add picture in your post slide, simply click on background image option just like in below screenshot and broswer your uploaded image or upload any new one.

5. Post Title: alignment of slide content, content background, post title color and font options.

6. Category: Show/Hide category on post slide and color option.

7. Date: Show/Hide date on post slide and color option.

8. Excerpt: Show/Hide excerpt on post slide and color option.

9. Button: Show/Hide button on post slide and color option.

10. Layout: Choose the layout option for post slider.

10. Slider: options you can use to setup your post slider.

  • Auto Height Slides: It will adjust height according to your post content.
  • Slider Height (px): You can use slider height for Boxed and Full Width layout, No need to set height for full screen layout.
  • Show Slider Arrows: Show/Hide slider arrows.
  • Show Slider Dots: Show/Hide slider dots.
  • Slider Controls Color: Change color of the arrows and dots.
  • Animation Type: Content animation of option - slide, fade or parallax.
  • Autoplay Slides: Set the time of auto slide.

How to add post carousel in home

We are using builder widget to add featured post slider in home page, its easy to use and customizable.

WordPress Admin Layers Customize Edit Layout Home Top Widgets

1. Click on Add a Widget for post slider and add Thimfy Post Carousel.

2. Click on widget arrow to expand options.

3. Now you need Post ID to display post in carousel.

How to find post Id in wordpress?

5. Use Add New Colunm button to add more post slide in caoursel.

6. Layout: Choose the layout option for post carousel.

7. Title/Subtitle: You can use Title and subtitle with carousel and customize font, color, style etc.

8. Colunm Style: Show/Hide excerpt on post slide or adjust font and color option.

Take a look at the carousel demos

  • Style: Overlay display post content over on image and standard display post content below the image.
  • Gutter Space: Space between post colunms.
  • Number of Items: How many colunms you would like to display on carousel, it could be 2 to 5.
  • Category: Show/Hide category.
  • Date: Show/Hide Date.
  • Text Align: Align post content left, center or right.
  • Title font size, title font weight and Title text transform to adjust font style of post title.

9. Advanced: Set top or buttom maring/padding from advanced option.

How to find post Id in wordpress?

Login to wordpress admin panel, and click on post menu, now you will see all post listed here.

From here, simply hover your mouse over on post title you want to find the ID for. Now, take a look in the bottom left hand corner of the screen.

WordPress Update

You should always update WordPress to the latest version. When a new version of WordPress is available you will receive an update message in your WordPress Admin Screens. To update WordPress, click the link in that message.

Before you proceed with the update, we strongly advise you to make a backup of your WordPress and Database.

Layers Theme Framework Update

When an important fix, new feature or improvement is released for Layers, you will be able to update right from the WordPress Dashboard as long as you have the Layers Updater Plugin activated. Staying on top of updates is important to maintain the stability of your theme.

Periodico Theme Update

Before you proceed with the update, backup your theme files if you have made any changes.


Note: Changes on any theme file is not recommended.

Periodico Theme update via FTP (safest method)

Your host provides you with FTP file access to your webspace via a free program such as FileZilla , or through your hosting control panel.

  1. Download updated Periodico Theme package from your themeforest account and unzip it to your desktop
  2. Open the periodico-wordpress-theme package folder to find the updated theme thimfy-periodico folder.
  3. Connect to your site via FTP
  4. Upload the  thimfy-periodico theme folder to wp-content/themes
  5. You should be asked to confirm overwriting of this folder and its contents. Confirm the overwrite.