Zerif Lite Documentation

Sample Content

Admin Demo

Child Theme Sample

Please access your  Purchase History to download the theme. After downloading the theme, navigate to Appearance > Themes > Add New > Upload, in your WordPress dashboard. Now, click the Choose File button, select the archive of your theme from your local computer and press theInstall Now button. In few seconds, WordPress will upload and extract the theme archive for you. All you need to do next is to press the Activate link under the message for successful theme installation.

Now, navigate to Settings > Reading settings, and make sure that you are using Your latest postsoption. If you've done all this, then you can visit your website and it will look similar to our theme demo.

Setting Up A Blog Page

Navigate to Pages > Add New, in your WordPress dashboard. In the screen that comes, title your page as Blog, and scroll down to find the Page Attributes metabox. In Page Attributes, click on theTemplate option and pick either Blog template or Blog template with large images, based on your preference. Publish the page, and now you can use this page as your Blog page.

Configuring Menu

Zerif theme focuses on the one-page parallax design. And to do that, we have divided the front-page of our theme in multiple sections. And linking those sections from menu is very simple, all you need to do is assign section anchor to the menu. Navigate to Appearance > Menus, in your WordPress dashboard.And create anchors to the sections, as seen below:

  Here are all the anchors:

  • Our Focus - #focus
  • About Us - #aboutus
  • Our Team - #team
  • Testimonials - #testimonials
  • Bottom Ribbon - #ribbon_bottom
  • Right Ribbon - #ribbon_right
  • Contact - #contact
  • Subscribe - #subscribe
  • Latest News - #latestnews

Big title Section

To customize the Big title section navigate to Appearance > Customize > Big title Section. There are multiple panels in this customizer section, such as Main Content, Parallax effect and Video background. The Main Content panel allows you to edit section's content while in the Parallax effect panel you are able to upload two layer images (to experience the parallax effect, the second image should have some transparency in it) and to enable the parallax effect in the theme. The video and slider background is a feature only available in the PRO version of the theme.

Our focus Section

To customize the Our Focus section navigate to Appearance > Customize > Our Focus Section. There are two panels in this customizer section, which Content & Our focus section widgets. In Content panel, you can choose if you want to display the section or not, and to edit section's title/subtitle. And to add content to the section, you will have to add Zerif - Our Focus widget from Our focus section widgets.  

About Us Section

To customize About Us section navigate to Appearance > Customize > About us Section. There are multiple panels in this customizer section, such as Settings, Main Content, Features and About us section. In Settings panel, you can choose if you want to display the section or not, and Main Content panel allows you to edit section's content. And to edit the feature knobs on the right, there are multiple Feature options. In the About us section panel, you can enter as many Zerif - Clients widgets as you want.

Our Team Section

To customize Our Team section navigate to Appearance > Customize > Our Team Section. There are two panels in this customizer section, which Content & Our team section widgets. In Content panel, you can choose if you want to display the section or not, and to edit section's title/subtitle. And to add content to the section, you will have to add Zerif - Our Team widget from Our team section widgets.

Testimonials Sections

To add Testimonials of your clients to your website, you can navigate to Appearance > Customize > Testimonials Section.There you can find all the options to customize the section, just as header text, colors, and adding the main widgets. And yes, it should be "clients say," There are two panels in this customizer section, which Testimonial section & Testimonials section widgets. In Testimonial panel, you can choose if you want to display the section or not, and to edit section's title/subtitle. And to add content to the section, you will have to add Testimonials widget from Testimonials section widgets.

Ribbon Sections

Zerif Pro theme comes with two ribbon sections - BottomButton Ribbon & RightButton Ribbon. To customize them you can navigate to Appearance > Customize > Ribbon sections, and there you can find two ribbons. And the ribbon will only appear on your site when you will add some text to it.

Contact Section

Zerif Lite theme comes with a built-in contact form, which makes it easier for you to get emails from your viewers without installing any additional plugins. This form can be configured from Appearance > Customize > Contact Us Section. There you can configure the email which you want to use to receive these emails, in Settings tab. Additional from display and email settings, you can add your  reCaptcha keys to Settings tab to enable reCaptcha to prevent spam.

Also, you can configure contact form text in Main Content tab. If you're unable to receive after configuring your contact section settings, then check  this troubleshooting guide.

Latest News Section

Latest News section displays your latest blog posts on the front page of your site. You can configure the display settings from Appearance > Customize > Latest News Section. In Settings panel, you can choose if you want to display the section or not, and Header panel allows you to edit section's title/subtitle.

And to add content, you can navigate to Posts > Add New, in your WordPress dashboard. Make sure to  add a featured image to your blog posts. And the number of blog posts displaying can be configured from Settings > Reading settings. It's 8, by default.

Suggested Image Sizes

  • Background Image/Slider/Video: 2048×1365px, 20mb mp4 video
  • Our Focus - 150x150px
  • Our Team - 174x174px
  • Testimonial - 73x73px
  • Client Logo - 130x50px

Why upgrade to Zerif Pro?

You have not yet decided between Zerif Lite and its premium version Zerif Pro?

Don't worry :) Here is a comparison table between their features:

For the Spanish version of the Zerif Lite documentation, you can check out this link: TUTORIAL DE ZERIF LITE EN ESPAÑOL.