Argu - Kitchen WordPress Theme

by Useful Pixels Studio


Introduction


This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.

Requirements

Make sure that your web server supports WordPress.

  1. WordPress Web Hosting
  2. PHP version 7.3 or greater.
  3. MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
  4. HTTPS support

Please note that this theme will work with cheap web hosting, but you will have problems with Revolution Slider and WPBakery Page Builder.

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Getting Started #back to top

When you purchase a theme (standalone or Hosted) that bundles a plugin like Revolution Slider, Visual Composer, purchase codes for those bundled plugins are not included, or you are seeing registration or update notices for these plugins in your WordPress admin.


Solution: No action is needed!!!

Plugins that are bundled with your theme are managed by the theme and will be updated when the entire theme package is updated - you do not need to activate/register or update them separately. You may safely ignore any notices in your admin.

How to Install WordPress #back to top

WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less than five minutes to complete.


How to download and install Theme #back to top

Each WordPress has a green button Download. Clicking on that button shows a dropdown. Then select All files & documentation to download


After you download the .zip package from ThemeForest, unzip it. You’ll see a file argu.zip, which is the main theme file that needs to be uploaded and installed.To install a WordPress theme from a .zip file, login to your WordPress dashboard and click on Appearance → Themes. Then click on the Add New button at the top.


On the next screen, click on the Upload Theme button at the top. You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.

Once your theme is installed, you will see a success message along with the link to activate and preview the theme. Just click Activate link to complete the installation of the theme.

Install required and recommended plugins

After installing the WordPress theme, you might see a notification at the top of the page that says the theme needs some plugins to function properly.

To install plugins, click on the link Begin installing plugins as shown in the screenshot above. You’ll be redirected to a page where all needed plugins are listed. Just click on Install below the plugins’ names or select all of them (recommended) and choose Install from the drop-down and click Apply.

Some plugins are included directly in the themes and some are hosted on wordpress.org which takes a while to download.

After installing, click the link Return to Required Plugins Installer. You’ll be redirected to a page where all installed plugins are listed. It’s required to activate them. So select them all and choose Activate from the drop-down and click Apply:

That’s all. Now you have your theme and plugins installed.


Using One Click Demo Import Plugin

Once the plugin is activated, import the dummy data for the theme from Appearance > Import Demo Data by clicking the "Import" button. Wait for some time, it will take hardly 10 to 20 minutes to complete the process. After that all posts, pages, images, widgets, menus and other theme settings will get imported.

After importing the data, follow the below steps

Importing Dummy Sliders

Navigate to Revolution Slider and click on import Sliders.
From the package, navigate to Demo Content --> Your Demo -->Slider .

Import all zip files

Last step Go to Permalink Settings and click Post Name

How to Install theme Manually #back to top

Installation

Esentially, there are 2 methods for installing the ARGU WordPress Theme:

  1. Upload theme zip file through wordpress theme installation. Login to your wordpress admin panel, go to "Appearance" -> "Themes" and then select "Add New" tab in upper part of the page. Select "Upload" on next page and upload provided .zip file on your computer. Click on "Install now" and you should be done. When your theme is uploaded, click "Activate". 
  2. Upload theme files through FTP. Uncompress provided .zip file and upload this content to your /wp-content/themes/ folder.

Both methods are ok and your decision should be made solely on your personal preferences and system settings.

Activation

Once you have uploaded your theme, go to "Appearance" -> "Themes" and select "Activate" on ARGU.

You are one step closer to getting your site up and running using ARGU WordPress Theme.

After your theme is successfuly installed, you will be presented with notification in upper part of the screen. Click on "Begin installing plugins" to start the process. Check all plugins, and install them. Go to Plugins screen and click on activate each of the 3 installed plugins: Contact form 7, Visual composer and Revolution Slider.

If you need shop on your website, please install latest version of "woocommerce". Afterwards, you can go to Appearance -> Menus and add "Shop" to your menu.

Importing Demo Content

If you want to make your website look exactly like on ARGU WordPress Theme demo, you need to import .xml file. You can find xml file in your theme file. This is also fastest and best way of learning and exploring all best practices in ARGU WordPress Theme. Just follow these few simple steps:

  • Login to your wp-admin
  • Navigate to "Tools" -> "Import" from left hand menu
  • Choose "Wordpress" and install it if needed
  • Select xml file provided in the theme (Demo Content folder) and choose appropriate demo, turn on "Download and import file attachments" and wait for all of content to be imported.
  • Go to "Appearance" -> "Menus", go to Manage Location tab on top, assign menus (menu for primary navigation and mob menu for mobile navigation) and click save."
  • Go to "Settings" -> "Reading" and choose "Home" as your home page. Leave empty Post Page tab.
  • Go to "Settings" "Permalink" and select choose Post name, then click save
  • Go to "ARGU Options" "Import/Export" and click "Import From File" button and paste code from text file "Theme Options Import" found in Demo Content folder / appropriate demo folder

Importing Revolution Slider Content

Once you have installed provided Revolution Slider, you can import demo slider content. This is done through Revolution Slider import interface:

  • Select Revolution slider in left hand menu
  • Click on "Import slider" in right hand side
  • Choose Revolution slider file you want to import and click "Import slider".

Upgrading ARGU Theme

As we improove ARGU WordPress Theme, you will need to upgrade your theme files. Just follow these few steps:

  • Argu theme
  • Download the latest theme from ThemeForest
  • Uncompreess downloaded file
  • Replace(FTP FileZilla or Cpanel)(\wp-content\themes\argu) ARGU theme folder with new argu (Unpack)
  • Visual Composer
  • Replace wp-content/plugins/js_composer folder with:
    Unpack argu.zip
    argu\inc\plugins\js_composer.zip (Unpack)

  • Revolution Slider
  • Replace wp-content/plugins/revslider folder with
    Unpack argu.zip
    argu\inc\plugins\revslider.zip

    Useful Pixels Plugin

    Replace wp-content/plugins/useful-pixels_plugin folder with Unpack argu.zip argu\inc\activate-plugins\useful-pixels_plugin.zip (Unpack)

Don't hesitate to contact us should you have any further quesitons on our support forum.

Creating Blog Pages #back to top

Create new page and select Blog or Masonry template

Posts - blogs are main part of every wordpress website. We have worked really hard on giving you lots of different options when it comes to displaying your content best possible way.



There are 4 different post types:

How to create Portfolio [Kitchens] #back to top

We have enabled you to display your work in a form of portfolio. Each portfolio can be part of one or more portfolio categories. Similar to blog settings, you can change each protfolio entry to have its own header style (Dark or Light). Furthermore, each portfolio can have number of different settings - you can use these fields for different portfolio characteristics:

RECOMMENDED Image size 1200x800px
For Portfolio main names don't use special characters like "+_)-(^$@!~~<>?"


Change portfolio URL name

Go to Theme options --> Misc Settings

How to Use ARGU Option Panel #back to top

In order to access theme options, you need to click on "ARGU Options" in left hand panel of your wordpress admin. ARGU options is divided into following sections:

click to enlarge

General Options - #back to top

General Settings page is dedicated to general, site wide settings of ARGU theme. You can change site layout here (wide or boxed); theme skin stylesheet out of provided ones; main website logo; site logo font (if you don't have logo uploaded as image) as well as logo spacings.


click to enlarge

Footer Options - #back to top

Footer Options page is dedicated to fine tuning footer of your website. This is the place to change number of widgets in footer; footer copyright text; main style of footer (light, dark or image); background color and background image settings.


click to enlarge

Typography - #back to top

Typography page is the right place for you if you want to change complete typography of your new website. You can change font for H1, H2, H3, H4. H5 and body font. Note: there are 600+ fonts to choose from.


click to enlarge

Menu options - #back to top

This page is made for updating your menus. You can change primary menu font as well as mobile menu font. Yes, you can have different settings for Main menu and mobile menu. Convenient, isn't it?


click to enlarge

Misc Settings - #back to top

Misc settings can help you if you want to change main page for your projects. Note that you have to create this page first in order to select ih in this menu. Furthermore, you can select if you want to enable comments on portfolio pages and lot more features.


click to enlarge

Styling Options - #back to top

Styling Options page is dedicated to settings for boxed layout only. You can change background color, image, placement; body background color, image, placement as well as fixed or scroll for boxed layout.


click to enlarge

Advanced Settings - #back to top

Advanced settings page is made for all of you developers and advanced users who want to make some CSS customizations. Note that all changes should be made here. Lots of you are going to ask why, and here is the answer you are looking for: Argu theme is constantly upgraded and updated. Once you install new version of your theme, all changes you made in actual css files are going to be overwritten and you are going to loose them. If you make changes here, they are going to be transferred to new version of Argu theme.


click to enlarge

Shop Settings - #back to top

Shop options gives you flexibility when it comes to settings of your shop pages. You can decide here if you want to have sidebar on shop archive pages; show or hide cart total in top bar; choose how many products you want to display per page (pagination).


click to enlarge

Import / Export - #back to top

Import and Export your Redux Framework settings from file, text or URL.

WPBakery Page Builder
(formerly Visual Composer) #back to top

Note: Please use page template: "Visual Composer" if you need VIsual Composer great functionality.


Anchor - use for One Page site, exp. anchor name about, go to menus, add new Custom link and set URL to www.yoursite.com/#about


You can have some hover effect on Column, Just add Extra class name:

hover white

hover gray

hover dark

hover dark-gray

hover main

bgzoom
set image background to "No Repeat"


Instructions manual for WPBakery Page Builder

https://kb.wpbakery.com/

Page, Post, Portfolio Options


Other Plugins #back to top

Instructions manual for Revolution Slider

Revolution slider is exactly what the name says - Slider with a revolution. This means that you are going to be able to create fantastic and yet responsive sliders that will get your visitors to WOW.

Slider Revolution WordPress 5.x Documentation

Mailchimp for WordPress

This plugin helps you grow your Mailchimp lists and write better newsletters through various methods. You can create good looking opt-in forms or integrate with any existing form on your site, like your comment, contact or checkout form.

Go to Mailchimp for WordPress --> Form --> Form code

        

360 Panorama Photo Sphere - Visual Composer Addon by UsefulPixels

Icon Set - Font Awesome & Themify #back to top

ARGU Theme has integrated Font Awesome & Themify for icons accross whole website. The main reason for using this way of icons is that its great way of having wide array of scallable vectors that can adapt to any website. Also, its constantly expanding and giving new and exciting icons.

You are probably going to wonder what icons you can use? I knew you are going to ask. This is complete list of icons:

Font Awesome

Themify Icons


HOW TO ADD A FAVICON

Go to Wordpress dashboard-->Appearance-->Customize-->Site Identity

Custom Shortcodes #back to top

We have included some custom shortoces for your convenience. Please use Text tab

[dropcap]P[/dropcap] - First letter of the paragraph will be bigger.
[highlight] Aenean ultricies mi vitae est.[/highlight] - Highlight the text
[copyright]
[the-year]
[site-name]
[theme-credit]

[icon position="left" padding="7" url="#" newtab="yes" size="14px" color="#000" icon="fa fa-facebook"]

position="left" Set this so left padding is 0px
padding="7" padding will be 7px Put your desired link instead of "#"
14px -- Font size
#000 -- Font Color
fa fa-facebook -- Font-Awesome Icons
newtab="yes" Open link in new windows


Share icons (useful for custom Visual Composer single portfolio )

[fbshare size="20px" color="#282b2b"] 
[twshare size="20px" color="#282b2b"]
[gshare size="20px" color="#282b2b"]
[pshare size="20px" color="#282b2b"] 
[inshare size="20px" color="#282b2b"]

For widget area and Text Widget you can use any shortcode from Visual Composer.
[vc_empty_space height="5px"]

[vc_empty_space height="5px"]

[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-map-marker"] 2250 Lexington Avenue

[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-phone"]+99 (0) 101 0000 8134

[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-envelope"] office@argustudio.com

[icon position="left" padding="7" url="#" size="16px" color="#d5ac63" icon="fa fa-clock-o"] Mon-Sat: 07:00 - 17:00

Navigation & Mega Menu #back to top

Go to Appearance --> Menus --> Screen Options
Select Title Attribute, CSS Classes, Description.

If you want to put icon in any of your menu item, you can put, for instance, "fa-home" in Tittle Attribute of that particular menu item.
If you want some custom name, just add custom link, give it a name and put "dropdown-header" in Tittle Attribute of that menu item.
If you need divider line in any dropdown menu, just add "divider" into Tittle Attribute field.

Drop down menu direction

Just add ' dropleft ' to CSS Classes (optional)


ARGU Mega Menu

Use this class names

5 columns "up-megamenu columns-5"
4 columns "up-megamenu columns-4"
3 columns " up-megamenu columns-3"
2 columns " up-megamenu columns-2"



ARGU Mega Menu with Images

Contact Form 7 #back to top

ARGU Theme has integrated Contact form 7 which has prooven to be among the best contact forms available. It's easily integrated into any page and has really nice and intuitive way of creating all different forms that you need. Just select "Contact" in your wordpress admin menu and click on "Add new". Fill in all the required fields, setup email address that you want to receive emails to and you are good to go. You will get shortcode that can be embedded into any page that you want.


Find Us Form

[text* your-name placeholder "Name"]
[email* your-email placeholder "Email"]
[text* your-subject placeholder "Subject"]
[textarea your-message placeholder "Message"]

[submit "SEND MESSAGE"]


Book Design Form

Your Contact Details

[text* your-name placeholder "First Name"] [text* your-name-last placeholder "Last Name"] [text* your-phone placeholder "Daytime Phone*"]
[text* your-subject placeholder "Subject"] [textarea your-message placeholder "Message"]

How did you hear about us?

[select menu-738 "- - - - -" "College’s Course Information Unit" "Email from the College" "Text message from the College"]
Best Time to Call*
[radio radio-684 "AM" "Midday" "PM"]

[submit "SEND Message"]

Support Desk #back to top

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our ThemeForest UsefulPixels page or ask question office@useful-pixels.com

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Make sure to double check the theme FAQs.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Version History (Changelog) #back to top

You can find the version history (changelog.txt) file on yourthemename-full.zip folder or you can check changelog on theme sale page.

As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.


Changelog


                                        -----------------------------------------------------------------------------------------
                                        Version 1.0 -Apr 25th, 2019
                                        -----------------------------------------------------------------------------------------

                              


                                      

Copyright and license #back to top

Code released under the GNU GPLv3 License.

For more information about copyright and license check choosealicense.com.

Cheers!
Have a great day!

Useful Pixels Wordpress Theme