Documentation

Barley - News and Magazine Joomla Theme

Thank you so much for purchasing our item.


If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.


Getting Start

Require: Joomla version 4.x

Barley is News and Magazine Joomla Theme . It is built for bloggers, journalists, freelancers, editors, authors, writers, developers. Barley is fully responsive, light-weight, superfast joomla theme and built with html, css, js.

If you are a programmer, do you write blog or teach programming to people. You can choose this theme. Barley comes with code highlighting features.


Theme Setup

Barley QuickStart Installation

By using this package, you will see your website exactly as our Demo with sample data. This is applied when you need a fresh Joomla with our template The following steps will guide to install a quickstart package of Barley Joomla Theme. Please take a look the video tutorial here


Install with Template and Extensions

Please refer the video here:


Layout Positions

Setting

Settings panel

Setting

Position Main Menu

Setting
Step-1: Create Module Main Menu
Setting
Step-2: Select layout Menu and Position
Setting

Position: Header Social

Setting
Step-1: Create Social Module
Setting

Position: Header Search

Setting
Step-1: Create Search Module
Setting

Position 1: Featured Slider

Setting
Step-1: Create Featured Slider Module
Setting
Step-2: Select Display Location
Setting
Step-3: Select Layout
Setting

Position 2: Posts Carousel

Setting
Step-1: Create Posts Carousel Module
Setting
Step-2: Select Display Location
Setting
Step-3: Select Layout
Setting

Position 3: Latest News List

Setting
Step-1: Create Latest News Module
Setting
Step-2: Select Display Location
Setting
Step-3: Select Layout
Setting

Position 4: About Me

Setting
Step-1: Create About Me Module
Setting
code:
                
                  <div class="widget barley--about">
                    <div class="widget-about__inner text-center">
                      <div class="widget__thumb">
                        <div class="background-img" style="background-image: url('http://ghost.bk-ninja.com/barley/assets/images/x2.jpg,qv=ad4f48e43b.pagespeed.ic.-p1axr3B69.webp');"> 
                        </div>
                      </div>
                      <div class="widget__content text-center">
                        <div class="widget__title">
                        <span class="entry-author__name" title="Ava Isabella">Ava Isabella
                        </span>
                        </div>
                        <div class="widget__excerpt">Conubia Fames etiam, et neque porttitor mattis dictumst
                        </div>
                      </div>
                    </div>
                  </div>
                
            

Position 5: Widget Listing Horizontal

Setting
Step-1: Create Widget Listing Horizontal Module
Setting
Step-2: Select Layout
Setting

Position 6: Widget Listing Vertical

Setting
Step-1: Create Widget Listing Vertical Module
Setting
Step-2: Select Layout
Setting

Social Footer

Setting
Step-1: Create Social Footer
Setting

Author Box

Setting

Please refer the video here: