Contents

1. Advertise & Newsletteer Blocks

2. Developer's Guide to FlowMag

3. Make an Advertise Widget

4. Manage Menus

5. Post/Page layouts

6. Hide author name & date from all posts

7. Add Designed Latest Posts Widget

8. FONTS - Change Default Font

9. Developer's Guide to NewsPaper

10. Make a translation for the theme

11. Featured post

12. Featured image for the posts

13. Homepage Setup

14. Create Featured, Or Slider post

15. Developer's Guide to BlogMag

16. Developer's Guide to Creek

17. Mega Menu (category articles dropdown)

18. Sidebar(s)

19. Install the theme

20. Make a video post

21. Customize the theme

22. Social icons

23. After the installation

24. Instagram Feed in Footer

25. Recipe in Posts

26. Setup After Installation

27. One Click Demo import

28. Share Buttons on the articles

29. FONTS - Change the default fonts

30. Update the theme

31. Setup Home Page Layout

32. Open a WooCommerce store

33. Create Post with Lead text

34. Create an Image Gallery into a Post

35. Mailchimp widget

36. Create large post to Homepage

37. Responsive Video embed into a Post

38. Developer's Guide to Attractive

1. Advertise & Newsletteer Blocks

The theme has two sidebars for NewsLeter or Ads block (Advertise 1, and Advertise 2).


The advertise blocks 

  1. Add a simple text widget to the sidebar where you want the advertise
  2. Put your advertise code into it in 'text'  view.
  3. Save the text widget

For the NewsLetter subscriber section (just like the demo):

  1. Install the the MailChimp for WordPress plugin (video about the plugin installation)
  2. Add your MailChimp Api key
  3. Create a form with these code
    <div class="text col col-half col-md-100 text-left">
        <span class="meta col-100">Never Miss a recipe</span> Subscribe to our newsletter
    </div>
    <div class="form col col-half col-md-100">
        <input type="email" name="EMAIL" placeholder="Your email address" required="" class="bg-white c-black col col-two-third">
        <input type="submit" value="Subscribe" class="bg-main c-white col col-one-third">
    </div>
    
  4. Add the MailChimp widget to an advertise sidebar section (Advertise 1, Advertise 2)
  5. Save the Widget

2. Developer's Guide to FlowMag

If you are a developer maybe this is useful to you.

Folders structure

There is three folders in the root of the theme: inc (incude file for loops or frquently used theme parts like sharebuttons), languages (for the translation to other languages), and lastly the assets:


Sources and Credits 

3. Make an Advertise Widget

Follow these steps to make an advertise widget such as in the demo.

  1. Navigate to WordPress Admin => Appearance => Widget
  2. Find the Text widget in the list on the left, and add it to the Sidebar
  3. Add a title if you want (but it has no title in the demo) and click the text button on the upper right.


  4. Add your banner code into the field

  5. Save the widget.

4. Manage Menus

To use the theme menu function firstly you have to define menu, than you can add menu items, and than you can make submenus.


Define menu

You must define a menu before you can add items to it.

  1. Login to the WordPress Dashboard.
  2. From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.
  3. Select Create a new menu at the top of the page
  4. Enter a name for your new menu in the Menu Name box
  5. Click the Create Menu button.

Add menu to the site

To apper the menu on the site you have to choose the position of the menu with ThemeLocations.

  1. In the top of the page click the ‘Manage locations‘ button.
  2. Select your menu with the dropdown selection in column Assigned Menu.
  3. Click save changes.

Adding items to the menu

You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.

Your custom menu has now been saved.


Multi level menus

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right.

The WordPress menu editor allows you to create multi-level menus using a simple ‘drag and drop’ interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

To make one menu item a subordinate of another, you need to position the ‘child’ underneath its ‘parent’ and then drag it slightly to the right.

  1. Position the mouse over the 'child' menu item.
  2. Whilst holding the left mouse button, drag it to the right.
  3. Release the mouse button.
  4. Repeat these steps for each sub-menu item.
  5. Click the Save Menu button in the Menu Editor to save your changes.

5. Post/Page layouts

The posts and Pages has many layouts, to use them follow these steps:

  1. In the editor view (when you writing the content) scroll until  you find a section on the right, named: Post Attrbutes, if you don't see it, than you just turn on in screen options (upper right of the page).
  2. Choose a template.

  3. Save the Post/Page

6. Hide author name & date from all posts

This is a really easy, and quick.

Please open the WP admin and navigate to Appearance/Editor find the style.css file (the editor opens by default), and  add this little code to the last line. Than don't forget to save the file.

.by-badge{display: none !important}

After you done with the style css and you can't see the modifications, delete the cache of the browser. Try to force refresh crtl + r keys. If it isn't working here is a little help for cache delete: https://www.lifewire.com/how-to-clear-cache-2617980

7. Add Designed Latest Posts Widget

The theme has a custom latest post widget called: "WeartStudio: Latest Posts". This widget displays the chosen number of fresh posts in the sidebar.


Add the widget

The setup is need to add a widget to to the sidebar.

  1. Navigate to WordPress Admin => Appearance => Widgets
  2. Find the "WeartStudio: Latest Posts" widget on the left, and add to the Sidebar
  3. Set up the widget Name & Number of posts
  4. Save the widget.

8. FONTS - Change Default Font

The theme default fonts are this:


Change the fonts in easy way

  1. Go to WP Admin > Apperance > Customize > Basic senntings > Font settings
  2. Choose your font family
  3. Save / Publish

Change the default fonts in advanced way

To Change the default font you have to install and activate a plugin: Easy Google Fonts

This is needed because this is a the most safe way to change fonts without a risk of a hacking or virus.

  1. After you installed the plugin go to WP Admin > Settings > Google Font 
  2. Create a new font control with the name of "Main Font"
  3. Click the input field of "Add CSS Selectors", paste this code and hit enter
    .f-main, .comment-list .comment-body .comment-meta, h1, .h1, .woocommerce .page-title, h2, .h2, h3, .h3, h4, .h4, .woocommerce div.product h1, .woocommerce div.product h2, .woocommerce div.product h3, .woocommerce div.product h4, .woocommerce div.product #reviews #review_form #respond #reply-title, h5, .h5, h6, .widget_rss ul li .rsswidget, .h6, .woocommerce ul.product_list_widget li .product-title,.woocommerce .button, .woocommerce #review_form #respond .form-submit input, .woocommerce span.onsale, .woocommerce div.product .woocommerce-tabs ul.tabs li,  .woocommerce div.product h1, .woocommerce div.product h2, .woocommerce div.product h3, .woocommerce div.product h4, .woocommerce div.product #reviews #review_form #respond #reply-title , #llc_comments_button, #submit, #desktop-menu .dropdown .dropdown-menu .dropdown-item 
  4. Save this font control


  5. Create an another New Font Control with the name of "Text Font"
  6. Repeat the step 3 just instead of that code paste this:
    .f-text, .woocommerce .woocommerce-result-count, .woocommerce div.product #reviews #review_form #respond .comment-form-comment, .woocommerce div.product #reviews #review_form #respond .comment-form-email, .woocommerce div.product #reviews #review_form #respond .comment-form-author
  7. Save the font control.
  8. Go to the Customizer (WP Admin > Appearance > Customizer) and Change the typography (Typography > Theme Typography ).
  9. Don't forget to Save/Publish the changes.

9. Developer's Guide to NewsPaper

If you are a developer maybe this is useful to you.

Folders structure - top

Sources and Credits - top

10. Make a translation for the theme

The theme has a themename.pot file which contains all strings in the template which means this theme is fully translateable.

This .pot file you have to translate your own language, what you can do with an offline and an online tool. I suggest the online tool, which is a plugin: Loco Translate  (Beginners guide)

Here is a detailed helpto make a translation for any of our themes.

11. Featured post

In the home you can add featured posts to the top.

Make featuerd post

The default look is the small, but if you want the large you just add the “large” tag into the post in post edit mode.

In the post edit mode scroll down the Tags section, type the “featured” word into the field and click the add button.

Lastly don’t forget Update or Publish the post.

12. Featured image for the posts

The theme supports the Featured image function, this means you can able to display images on the home screen and the archive pages.

In the post edit mode scroll down to the “Featured image” section on the right.

To add a featured image in a WordPress post, simply click on “Set Featured Image” link inside the featured image meta box shown in the screenshot above.

This will open the WordPress Media Uploader. You can use that to upload an image from your computer or use an existing image from your media library. Once you select the image, simply click on Set Featured Image button.

The image will appear in the Featured Image meta box, like this:

Lastly don’t forget Update or Publish the post.

13. Homepage Setup

The homepage has different sections with different layouts. Each section is capable to display latest posts  and you can filter by category, or tag or both.

  1. Go to the Customizer (WordPress Admin => Appearance => Customize => Home Layout)
  2. You see four sections ( 0, 1, 2, 3 ).
    What you need to setup is the layout, choose one or off the section, after this you can setup a post filter (if you not setup anything than the section will display the latest posts). Just type the name of the category or the tag (not slug, the name like: Tech or Cars).
  3. Don't forget to save the theme.

14. Create Featured, Or Slider post

In the home you can add featured posts to the top.


Create a Featured, or Slider post

In the post edit mode scroll down the Tags section, type the “featured” or “slider” word into the field and click the add button.

Lastly don’t forget Update or Publish the post.

15. Developer's Guide to BlogMag

If you are a developer maybe this is useful to you.

This template has PHP, IMG, SASS, CSS, and JS files.


Folders structure

The root theme folder contains the PHP fileslanguages folder contains the .POT file for translation, include folder (for the reuseable WP elements, like share buttons, or looping article lists) and the ASSETS folder for everithing else.

Assets folder:


HTML structure

Basically the template has three main different section, HEADERWRAPPERFOOTER

These sections are constant on all pages.

HEADER

WRAPPER (#wrapper) The main section for the content is constantly changing. Every page has a grids, cols and id-s in the wrpapper. Make a col line and the content for example the home page look like this:

FOOTER (#footer) Same in every page, a footer sidebar, a footer-social, and a footer-copyright.

Footer Social The icons are from FontAwesome here are the comlete list of usable icons: ICONS


CSS structure 

The style of the theme is written by SASS. The main file is in the main.scss and the there is sub styles wich are part of main: grid, menu... etc. All files are well commented, and transparent.

gridlex.min.css The grid system of the page, which respoinses for the good responsive looking. This grid system uses flexbox. More information about Gridlex system.

normalize.min.css For the HTML resetting. LINK for the author

main.scss All styles for the website, the scss file has a table of contents.


Sources and Credits

16. Developer's Guide to Creek

If you are a developer maybe this is useful to you.

Sources and Credits

17. Mega Menu (category articles dropdown)

The mega menu only works with categories.

  1. Open the WP Admin > Appearance > Menus
  2. Enable the CSS classes on the top right Screen Options button.



  3. Choose the Desktop Menu to edit, if it not chosen by default.
  4. Add a category what you want to the menu from the categories.


  5. Add weart-megamenu class to the CSS classes option in the category.

  6. Save the menu.

18. Sidebar(s)

Sidebars play an important role in designing the layout of a WordPress website to display content other than the main articles of a website. For example, a short list of recent articles, recent comments, a list of pages, or popular articles on a website can easily be displayed across the entire site.

It can also be used to display advertisements from third-party websites. Users can drag and drop items into sidebars from Appearance » Widgets in the admin panel. Some WordPress themes come with highly configurable options to create dynamic layouts for different sections of a website, which allow users to add their own sidebars from a drag and drop interface.

This video explains how to use wordpress sidebar.

19. Install the theme

  1. Make sure that you have the latest version of Wordpress installed.
  2. You can upload Recipe to Wordpress in one of two different ways:
    1. Extract the themename.zip and upload the extracted theme folder to the /wp-content/themes/ directory on your FTP server. Help Video
    2. OR go to Appearance > Themes and click on the Add New link at the top 

      and click Choose File, then select themename.zip and click Install Now.


  3. After you upload the theme, activate it by going to Appearance > Themes and place your mouse over the theme and click the Activate button underneath.

Notice: If you had any content before you installed the theme, maybe you need to regenerate the thumbnails of the posts to work fast the theme. Here is a tutorial.

20. Make a video post

To make a video post like this, you just need to follow these steps:

  1. Find the video embed code what you want to insert the article, for example in a case of a YouTube video:
    1. Click the share above the video
    2. Click the embed button, and copy the code:

  2. In the article edit in WordPress Admin (where you want to insert the video) scroll down the Video Audio Embed section 
    1. If it you do not find the section, than it need to turn on the section on the top. Click the Screen Options Button and check the Video, Audio embed option.
  3. Add the code.
  4. Save the article.

21. Customize the theme

With the WordPress Theme customizer you can personalize how the theme seems.

Open WordPress Administration panel, and navigate Appearance => Themes, roll over the theme and click the Customize button. After you have done the customization just click the save, and refresh your site.

Almost all Our templates support this functions:

22. Social icons

To make a social menu just create a menu, and make a position to social menu.

  1. click the "Custom Links"
  2. Add url to your social profile like: https://www.facebook.com/envato/
  3. Add link text the social platform name like: facebook ; twitter or instagram... etc.  (lowercase, no somicolon). See the full list a little further down.
  4. Save the menu

Brands icon list

You can  use all Font Awesome icons for example:

23. After the installation

How to build a website just like the demo?

After you installed and activated the theme, you need to enable/setup the features you want to use.

  1. Navigate to the WordPress Admin => Appearance => Customize
  2. Look through carefully the all sections and enable the functions you need.
  3. Don't forget to publish the changes.
  4. Homepage setup.

  5. Sidebar setup:

    1. Add the widgets in your sidebar. 
    2. Add theLatest Posts widget
    3. And a banner.
  6. Setup the Custom Menus
  7. Social stuff:
    1. Social icons to menu and other places
    2. Share buttons to articles
  8. Post stuff
    1. Use the featured tag to your posts.
    2. Make video post.
    3. Choose Post layout
  9. Read the documentation, if you have some quaestions.

24. Instagram Feed in Footer

To show your instagram pictures on the footer, you need to follow these steps:

  1. Install the WP Instagram Widget if is not installed when the theme was installed (video about the plugin installation).
  2. Add the Instagram widget to the Instagram sidebar in 'WordPress Admind > Appearance > Widgets'
  3. Setup the instagram account name and the number of pictures (any number, but we prefer the 9).
  4. Save the widget settings

25. Recipe in Posts

Install the WP Recipe Maker plugin, if is not installed when the theme was installed (video about the plugin installation).

Here is a little help to use it (fully formatted by default):

26. Setup After Installation

How to build a website just like the demo?

After you installed and activated the theme, you need to enable/setup the features you want to use.


  1. Navigate to the WordPress Admin => Appearance => Customize
  2. Look through carefully the all sections and enable the functions you need.
  3. Don't forget to publish the changes.
  4. Homepage setup
  5. Section setup for archive (Archive Layout), and related post (Article Settings). If you not setup these, than the section will off by default.
  6. Sidebar setup
    1. Add the widgets in your sidebar. 
    2. Add theLatest Posts widget
    3. And a banner.
  7. Setup the Custom Menus
  8. Social stuff
    1. Social icons to menu and other places
    2. Share buttons to articles
  9. Post stuff
    1. Use the featured tag to your posts.
    2. Make video post.
    3. Choose Post layout
  10. Read the documentation if you  have further quaestions before you ask.

27. One Click Demo import

After you installed the theme, and all the plugins what you need, install one more the ' One Click Demo Import ' and navigate the WPAdmin > Appearance > Import Demo Data 

Click the Import demo data button, wait 5-10 minutes and all the demo content will be imported. 

Notice: Maybe you get some error messages, this is because the woocommerce import, this is normal and won't disturb the usage. 

The basic wordpress content will be there, so you need to setup the widgets (delete the basic widgets), and  you need to delete the Hello World! post from articles.

28. Share Buttons on the articles

The theme has a great social engagement, it programmed to make your content viral. 

To add share buttons, you need to Install the Simple Share Buttons Adder plugin, but when you activate the theme, the system  draws attention to installing the plugin.

After you install and activate the plugin, please follow these steps:

  1. Navigate to WordPress Admin => Settings => Simple Share Buttons
  2. Add the buttons that you want on the top (just pull them down)
  3. Check that there is no location is selected

  4. Click the styling and set it up like the screenshot:

    Important to delete the text from Call To Action
  5. Save the settings with this button on the upper right:

29. FONTS - Change the default fonts

REPARE SETUP

To change the theme's fonts, you need to install Easy Google Fonts plugin. 

( If you use the One Click Demo import, and you had activated plugin when you import, than the font controls are imported, so you skip these steps and you only need to go the usage part )

After you installed the plugin, please follow the steps:

  1. Go to WPAdmin > Settings > Google Fonts
  2. Write the control name field to "Meta", and click "Create Font Control" 
  3. The "Add CSS Selectors" field paste this and hit enter:
    .f-meta, .article-content .post-password-form input[type=submit], .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count, .woocommerce .orderby, .woocommerce-page .orderby, .woocommerce .woocommerce-pagination .page-numbers, .woocommerce-page .woocommerce-pagination .page-numbers, .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce div.product form.cart input.qty, .woocommerce-page div.product form.cart input.qty, .woocommerce div.product form.cart button.button, .woocommerce-page div.product form.cart button.button, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .related ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .related ul.tabs li, .woocommerce .sidebar .mini_cart_item, .woocommerce .sidebar ul.product-categories, .woocommerce-page .sidebar .mini_cart_item, .woocommerce-page .sidebar ul.product-categories, .woocommerce .sidebar .woocommerce ul.cart_list li .amount, .woocommerce .sidebar .woocommerce ul.cart_list li .quantity, .woocommerce .sidebar .woocommerce ul.product_list_widget li .amount, .woocommerce .sidebar .woocommerce ul.product_list_widget li .quantity, .woocommerce-page .sidebar .woocommerce ul.cart_list li .amount, .woocommerce-page .sidebar .woocommerce ul.cart_list li .quantity, .woocommerce-page .sidebar .woocommerce ul.product_list_widget li .amount, .woocommerce-page .sidebar .woocommerce ul.product_list_widget li .quantity, .woocommerce .sidebar .woocommerce-mini-cart__total, .woocommerce-page .sidebar .woocommerce-mini-cart__total, .woocommerce .place-order .button.alt, .woocommerce .place-order .button.alt:hover, .woocommerce .wc-proceed-to-checkout .button.alt, .woocommerce .wc-proceed-to-checkout .button.alt:hover, .woocommerce-page .place-order .button.alt, .woocommerce-page .place-order .button.alt:hover, .woocommerce-page .wc-proceed-to-checkout .button.alt, .woocommerce-page .wc-proceed-to-checkout .button.alt:hover, .f-meta-nosize, .sidebar .widget_tag_cloud a, #weart-comments .comment-list .comment .comment-meta, .woocommerce ul.products li.product span.onsale, .woocommerce-page ul.products li.product span.onsale, .woocommerce div.product span.onsale, .woocommerce-page div.product span.onsale, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce .sidebar .button, .woocommerce-page .sidebar .button, .woocommerce .wc-proceed-to-checkout a.checkout-button, .woocommerce .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-page .wc-proceed-to-checkout a.checkout-button, .woocommerce-page .wc-proceed-to-checkout a.checkout-button:hover
  4. Click Save Font Control
  5. Repeat the step #2#3#4 with this settings:
    • Name: "Title"
      .f-title, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .article-content #review .review-summary-title, .article-content #review .review-title, .woocommerce div.product .woocommerce-tabs h2, .woocommerce div.product .related h2, .woocommerce-page div.product .woocommerce-tabs h2, .woocommerce-page div.product .related h2, h6, .h6, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .article-title, .single header .lead::first-letter, .single header .article-content blockquote p::first-letter, .article-content blockquote .single header p::first-letter, .article-content #review .review-summary-title, .article-content #review .review-title, .woocommerce .sidebar .woocommerce ul.cart_list li a, .woocommerce .sidebar .woocommerce ul.product_list_widget li a, .woocommerce-page .sidebar .woocommerce ul.cart_list li a, .woocommerce-page .sidebar .woocommerce ul.product_list_widget li a,
      
    • Name: "Text"
      .f-text, #weart-comments .comment-list .comment, .article-content #review li, .woocommerce .woocommerce-info, .woocommerce .woocommerce-notice, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-notice,
      

USAGE

After you done with the senttings (upper there), navigate WPAdmin > Appearance > Customize > Typography > Theme Typography. Here you can change the font family, if you need you can setup laguage specific options (subset, script etc...).


30. Update the theme

From time to time, a theme update will be released that either fixes a bug and/or adds new features to the theme. You can update the theme in one of three ways:

  1. Remove the old version of the theme by going to Appearance > Themes and activating another theme (you may want to place your site in Maintenance mode via a plugin). Then, hover your mouse over the Recipe theme image and click Theme Details. Then click delete in the lower right corner of the window that appears. Then, follow the installation instructions above to install the new version of the theme.
  2. OR you can upload the new /Theme folder from the Recipe.zip file via FTP and overwrite the old files.
  3. OR you can use the Envato Market plugin which you can update the items automatically.

NOTE: Updating the theme will overwrite any changes you made to any of the core theme files (index.php, style.css, header.php, etc), but you will not lose any changes you made to the Customizer, Menus, Widgets, etc.

31. Setup Home Page Layout

The theme homepage has many different sections (category, video, latests posts... etc.), and you decide the order of the sections. 

  1. Go to the Customizer (WordPress Admin => Appearance => Customize => Home Layout)
  2. Featured Section: Choose the Featured Posts layout on the top, or off this section.
  3. Category section: Define the categories what you want to display.
    1. Type a category name into a Category Name field like: Tech or Culture 
    2. choose layout which is displaying with this category on the homepage
  4. Video Section: To add articles into these section, you need to check the format to video when you edit a single.
  5. Position: Choose the order of the sections with the Positon 1-5 setup.
  6. Publish the settings.

32. Open a WooCommerce store

WooCommerce is an open-source, completely customizable eCommerce platform for entrepreneurs worldwide. Go beyond the confines of traditional eCommerce solutions, and be limited only by your own imagination.

Képtalálat a következőre: „woocommerce”

More information about the plugin.

Full user guide about the usage

33. Create Post with Lead text

Tons of oportunities to write a post. Here is a little video tutorial to show the basics:


Lead or Excerpt (important to use)

To create a lead text in WordPress it has two way, but this theme supports only one way, the excerpt.

In the post edit mode the top right corner click the Screen options button. And check the Ecxerpt (only once you have to do this).

Scroll down the Excerpt section and type the lead text.

Save or Publish.

34. Create an Image Gallery into a Post

Once you are on the post edit screen, you need to click on the Add Media button.

To add images to the gallery, you can either upload the images from your computer or choose existing images from your media library (images that you have previously uploaded to your site). All you have to do is select the images you want by clicking on them.

Once you have selected all the images that you want to add in your gallery, click on “Create New Gallery” button in the media uploader. Media uploader will then show your selected images in the Edit Gallery view. Here you can add captions to your images, change gallery settings, and rearrange the order of images by simply dragging and dropping them in the order you want them to appear in.

Clicking on Insert Gallery button will close the media uploader and insert the gallery code inside your WordPress post.

If you want more prettier gallery try the Jetpack plugin Gallery module.

35. Mailchimp widget

For the NewsLetter subscriber section (just like the demo):

  1. Install the the MailChimp for WordPress plugin (video about the plugin installation)
  2. Add your MailChimp Api key
  3. Create a form with these code
    <div class="text-center " id="weart-newsletter">
      <h5 class="h4 w-title"> Join the Family</h5>
      <p class="c-meta w-text">Recive the latest news via email.</p>  
      <div class="w-input">
        <div class="input-group">
          <input type="email" name="EMAIL" class="f-text rounded-0 form-control" placeholder="Your Email address">
          <div class="input-group-append">
            <button class="btn btn-sm btn-dark rounded-0" type="submit" value="Subscribe">Subscribe</button>
          </div></div>
        <i class="far fa-envelope "></i>
      </div>  
    </div>
    
  4. Add the MailChimp widget to a sidebar section
  5. Save the Widget

36. Create large post to Homepage

In the home and the archive pages have four different post look. Large, extralarge, extra-extralarge and small.


Make large post

The default look is the small, but if you want the large you just add the “large” tag into the post in post edit mode.

In the post edit mode scroll down the Tags section, type the “large” or “l”“xl”“xxl” word into the field and click the add button.

Lastly don’t forget Update or Publish the post.

37. Responsive Video embed into a Post

All you need to do is paste the video URL into the content area and the theme will make the embed responsive automatically.

Make sure is that the URL is in it’s own line and not clickable (hyperlinked). For example:

38. Developer's Guide to Attractive

If you are a developer maybe this is useful to you.

Folders structure

There is three folders in the root of the theme: include (incude file for loops or frquently used theme parts like sharebuttons), languages(for the translation to other languages), and lastly the assets:


Sources and Credits