Willer Pro Documentation

Willer Pro Documentation A Multi Concept Theme Hi, and welcome to the Willer User Guide. Let’s begin! 1 Theme Installation WordPress upload Login to your WordPress admin panelNavigate to Appearance > Themes > Add New > Upload ThemeClick on Choose File and select willer.zipClick on Install Now FTP upload Extract the willer.zip file you previously located.Using an FTP client, login to the server where your WordPress website is hostedUsing an FTP client, navigate to the /wp-content/themes/ directory under your WordPress website’s root directoryUsing an FTP client, upload the previously extracted willer folder to the themes directory on your remote server Once the installation is complete, your Wiler theme will be ready for use. Now all you need to do is navigate to Appearance > Themes and activate the Willer theme. After you have done this, you should see Willer Options appear in the left navigation bar of your WordPress admin panel, under the heading Appearance. When you first install the theme you’ll see a popup on your dashboard from the theme asking you to install a number of plugins. Update from the Free Version 1st method Deactivated the Willer free themeDelete the themeProceed with the installation indicated previously 2nd method Download the “update-theme-and-plugins-from-zip-file” plugin from the official WordPress repository https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/Go to WordPress DashboardSelect PluginInstall nowSelect the zip file you downloadedActive PluginProceed with the installation indicated previously Importing Demo Content With the Willer theme, you have the option to either start creating your site from scratch, or choosing to import the demo, to use as a starting point, and then modifying it to suit your needs. In this section we will explain how to do the latter. Navigate to Tools > Import > WordPress > Install NowRun Importer > Upload File and importChoose the file Theme Files/Demo Content/willer.wordpress.xmlCheck the box : Download and import file attachmentsImport AttachmentsSubmit Note​If the import is not successful, you can install the “Theme Demo Importer” plugin, which can be downloaded from the official WordPress website https://wordpress.org/plugins/theme-demo-import/ Once the plugin is installed and activated, the file is imported Theme Files/Demo Content/willer.wordpress.xml Navigate to Apparence > Import Demo ContentChoose fileImport Demo Content 2 Using Willer Once you’ve installed Willer, you can start building your site. In this section of the User Guide we will explain how you can upload your logo, create your menu, set up your footer area and customize the general look. UPLOADER YOUR LOGO Navigate to Appearance > Customize > Site Identity > Select LogoChoose whether to enable the site namePublished From here you can customize: Enable/Disable rotation logoFont size Logo (px)Site icon MENU CREATION Willer has two menu areas, one in the general site and one in the Ecommerce,in this way you can create two different menus. Navigate to Appearance > MenusClick on Create a new menu.Enter a name for your new menu and then click Create Menu. To expand the menu, proceed as follows: Screen OptionsCheck the box : CSS ClassesAdd this CSS class : willer-menu-columnsUnder the dropdown menu Note: if you have very long titles for the menu, you have to enlarge it,​adding these classes to Additional CSS ( Navigate to Appearance > Customize > Additional CSS ).​.willer-menu-columns ul.dropdown-menu li {width:250px;(enter the desired value)}.willer-menu-columns ul.dropdown-menu.show{width:550px;(enter the desired value)}​To add a post image in the menu proceed as follows: Screen OptionsCheck the box : CSS ClassesAdd this CSS class : willer-special-dropdown-imgunder the dropdown menu FOOTER To set up your footer: Navigate to Appearance > Customize > Footer > Settings FooterChoose the number of columns for the footer widgets ( 1/2/3/4 )Title Link FooterLink FooterEnable/Disable Custom Logo in FooterEnable/Disable Copyright in FooterEnable/Disable Social in Footer The function “Height Footer (px)” serves to increase or decrease the height of the Footer, based on the widgets chosen for the Footer. This topic will be covered in the widget section. CUSTOMIZE GENERAL LOOK Now let’s set up the general look and feel of your site. General Settings Navigate to Appearance > Customize > General SettingsPreloader : Enable/Disable PreloaderLogin: Enable/Disable Login IconBack To Top: Enable/Disable Back To Top,Enable/Disable Back To Top DevicesSidebar in devices: Enable/Disable sidebar in mobile devicesMenu right: Enable/Disable Menu Right, Select Menu Right page, Enable/Disable Social Icons Section Home Willer Note: this section works when a static page has been set in Homepage Settings, this topic will be covered in the Page section.​ Navigate to Appearance > Customize > Section Home WillerServices: Select Services page, Select Category Post for ServicesGallery: Select Category Post for Gallery 1/2/3/4/5/6Testimonials: Select Category Post for Testimonials CarouselBrand: Select Category Post for Brand CarouselAbout Me: Select About pagePortfolio: Select Category Post for PortfolioTeam: Select Team page, Select Category Post for TeamBlog: Select Category Post for Blog 1/2, Title Blog Slider, Subtitle Blog Slider, Title Blog Slider, Subtitle Blog Slider,Select category post for Blog sliderParallax: Select name page for ParallaxContact: Select name page for Contact Colors Navigate to Appearance > Customize > ColorsSelect a default Skins ( Default, Black, White, Colors)Or customize all colors to your liking Header Navigate to Appearance > Customize > Header ImageSelect an image for the headerSelect category post for Header Static, this topic will be covered in the Page section. General Social Navigate to Appearance > Customize > SocialSettings SocialEnable the desired Social with related links Note: Social Generals are different from Social for Teams and V-cards!​ 404 Page Navigate to Appearance > Customize > 404 Page > Settings 404 PageSelect the page for 404 PageSelect a color for Text Image 404 Page Font Navigate to Appearance > Customize > Font > Font FamilyChoose Font Family for titleChose Font Family for subtitle 3 Pages HOMEPAGE Let’s start by creating a page with the name “Home” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Home”Page Attribute > Template > Home WillerReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​General color These options are used to customize the general colors of the page Text color image slider parallaxText color image slider zoomBackground color border general imageBackground color filter Gallery imageText color image GalleryText color image Parallax Sectors This option is very important, used to establish the order of the sections that will appear on this page. Select a Section for the Sector 0 : the sector 0, is the sector of the header, you can choose to make it appear or not. If you choose “Header Static” you can use the function in the Customizer to load an image in the Header with the possibility to choose the category of the post to be displayed. To access this customization: navigate to Appearance > Header Image.Select a Section for Sector 1/2/3/4/5/6/7/8/9/10 : you can put the sections to your liking. Header This option is used to set the categories to show the post in the “Vertical Slider” and “Zoom Slider” sections. Choose the categories for Vertical Slider (Multiple selection enabled)Choose the categories for Zoom Slider (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page and set it as the site’s home page. PublishNavigate to Appearance > Customize > Homepage Settings > A static page > Homepage > Select the page you just created. ABOUT ME PAGE Let’s create a new page with the name “About Me” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “About Me”Page Attribute > Template > About MEReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-) V-Card General Enable V-cardChoose the category for V-card(Multiple selection enabled) : this option is used to select the category of the post that will insert the link inside the V-Card button on this page (in the button the link that will lead to the chosen article and the name of the article will appear) Brands General Enable Brands Categories Choose the categories to show the Posts in the Carousel Brands(Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish ABOUT US PAGE Let’s create a new page with the name “About US” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “About US”Page Attribute > Template > About USIn this “About US” template you can load the second image. (Only in this model is enabled!)Reload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Effect Image(This option is used to enable or disable effect image Header on this page)Text color image (Header page)Background color image TestimonialsEnable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-) Statistics General Enable Section Statistics Statistics 1/2/3 Title Statistics 1/2/3Percentage Statistics 1/2/3 Testimonials General Enable TestimonialsTitle TestimonialsSubtitle Testimonials Categories Choose the categories to show the Posts Testimonials(Multiple selection enabled) Portfolio General Enable Section PortfolioChoose the page for the Portfolio(Select a page for the Portfolio – the title and link will appear on this page) Column 1/2/3/4 Title Column 1/2/3/4Choose the categories to show the Posts in the Column 1/2/3/4 (Multiple selection enabled) Team General Enable TeamChoose the page for the Team (Select a page for the Team – the title and link will appear on this page) Post Choose the categories for Team(Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG METRO PAGE Let’s create a new page with the name “Blog Metro” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Metro”Page Attribute > Template > Blog MetroReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Metro General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog Metro ( 3/4 Columns)Select Layout for Page Blog Metro ( Full width / Box) Post Select Number Post for Page Blog MetroChoose the categories for Blog Metro(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG NO SIDEBAR PAGE Let’s create a new page with the name “Blog no Sidebar” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog no Sidebar”Page Attribute > Template > Blog no SidebarReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog no Sidebar General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog no Sidebar ( 3/4 Columns)Select Layout for Page Blog no Sidebar ( Full width / Box) Post Select Number Post for Page Blog no SidebarChoose the categories for Blog no Sidebar(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG SIDEBAR LEFT PAGE Let’s create a new page with the name “Blog Sidebar Left” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Sidebar Left”Page Attribute > Template > Blog Sidebar LeftReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Sidebar Left General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog Sidebar Left( 3/4 Columns)Select Layout for Page Blog Sidebar Left ( Full width / Box) Post Select Number Post for Page Blog Sidebar LeftChoose the categories for Blog Sidebar Left(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG SIDEBAR RIGHT PAGE Let’s create a new page with the name “Blog Sidebar Right” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Sidebar Right”Page Attribute > Template > Blog Sidebar RightReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Sidebar Right General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Layout Select Column number for Page Blog Sidebar Right( 3/4 Columns)Select Layout for Page Blog Sidebar Right ( Full width / Box) Post Select Number Post for Page Blog Sidebar RightChoose the categories for Blog Sidebar Right(Multiple selection enabled)Enable date and authorEnable categories and comment To publish Once these personalizations have been completed, you can proceed to publish the page. Publish BLOG WILLER PAGE Let’s create a new page with the name “Blog Willert” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Blog Willer”Page Attribute > Template > Blog WillerReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Blog Willer General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Text color image (Header page) Post Select Number Post for Page Blog WierChoose the categories for Blog Sidebar Right(Multiple selection enabled)Enable date and author To publish Once these personalizations have been completed, you can proceed to publish the page. Publish CONTACT PAGE In this template you can decide to insert the image in the header or even a Widget (for example a map!) Let’s create a new page with the name “Contact” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Contact”Page Attribute > Template > ContactReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Page Contact Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Social(Enable social icons on this page, based on the icons enabled in Customize -paragraph 2-Select Layout for Page Contact ( Full width / Box) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish FAQ PAGE Let’s create a new page with the name “Faq” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Faq”Page Attribute > Template > FaqReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Page Faq General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Effect Image(Header Page)Text color image (Header page)Select Layout for Page Faq ( Full width / Box) Faq Select Number Post for Page FaqChoose the categories for Faq (Multiple selection enabled) Carousel General Enable CarouselTitle CarouselSubtitle Carosel Carousel 1/2/3 Choose the categories for Carousel 1/2/3 (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO STANDARD PAGE Let’s create a new page with the name “Portfolio Standard Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Standard”Page Attribute > Template > Portfolio StandardReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Standard General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Select Effect Hover(You can choose from 19 hover effects for Portfolio images)Background color for filter image Layout Select Column number for Page Portfolio Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Standard ( Full width / Box) Post Select Number Post for Page Portfolio StandardChoose the categories for Portfolio Standard (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO STANDARD PAGE-PAGE Let’s create a new page with the name “Portfolio Standard Page-Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Standard Page”Page Attribute > Template > Portfolio Standard PageReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Standard Page General Choose the page for all Portfolio (Page that contains all the categories in the portfolio)Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Select Effect Hover(You can choose from 19 hover effects for Portfolio images)Background color for filter image Layout Select Column number for Page Portfolio Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Standard ( Full width / Box) Post Select Number Post for Page Portfolio StandardChoose the categories for Portfolio Standard (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO WILLER PAGE-PAGE Let’s create a new page with the name “Portfolio Willer Page-Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Willer Page”Page Attribute > Template > Portfolio Willer PageReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Willer Page General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Background color for filter image Layout Select Column number for Page Willer Standard ( 2/3/4 Columns)Select Layout for Page Portfolio Willer ( Full width / Box) Post Select Number Post for Page Portfolio WillerChoose the categories for Portfolio Willer (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO WILLER SLIDER PAGE Let’s create a new page with the name “Portfolio Willer Slider” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Slider”Page Attribute > Template > Portfolio Willer ParallaxReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Willer Slider Choose the categories for Portfolio Willer (Multiple selection enabled)Text color image To publish Once these personalizations have been completed, you can proceed to publish the page. Publish PORTFOLIO WILLER PAGE Let’s create a new page with the name “Portfolio Willer Page” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Portfolio Willer”Page Attribute > Template > Portfolio WillerReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Portfolio Willer General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Nav SliderBackground color slider imageText Color slider image Page 1/2/3/4 Choose the categories for page Portfolio 1/2/3/4 (Multiple selection enabled)Choose the page for the Portfolio 1/2/3/4 To publish Once these personalizations have been completed, you can proceed to publish the page. Publish OUR PROCESS PAGE Let’s create a new page with the name “Our Process” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Our Process”Page Attribute > Template > Our ProcessReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Our Process General Enable Breadcrumb (Enable or disable the breadcrumbs on this page) Step 1/2/3/4/5 Choose the categories for Step 1/2/3/4/5 (Multiple selection enabled) To publish Once these personalizations have been completed, you can proceed to publish the page. Publish SERVICES PAGE Let’s create a new page with the name “Services” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Services”Page Attribute > Template > SevicesReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Services General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Image Effect (Header)Text color imageBackground color Price(Select background color for text price Product Services)Background color Faq (Select background color for text Faq Services)Color text Faq (Select color for text end icons Faq Services) Statistics General Enable StatisticsSelect Layout for Statistics section( Full width/Box) Statistcs 1/2/3/4 Title Statistics 1/2/3/4Percentage Statistics 1/2/3/4 Our Services Title Our ServicesSubtitle Our ServicesChoose the categories for Our ServicesSelect Layout for Statistics section( Full width/Box) Price Enable Section Items for SaleTitle Items for saleSubtitle Items for saleSelect Categories for Items for sale 2 ArticleSelect Categories for Items for sale Featured ArticleSelect Categories for Items for sale 1 ArticleSelect Layout for Statistics section( Full width/Box) FAQ General Enable Section FaqChoose the page for the FaqSelect Layout for Statistics section( Full width/Box) Faq 1/2/3/4/5/6 Choose the categories for Faq 1/2/3/4/5/6 To publish Once these personalizations have been completed, you can proceed to publish the page. Publish TEAM PAGE Let’s create a new page with the name “Team” (you can choose a name as you like). Navigate to Pages > Add NewAdd title “Team”Page Attribute > Template > TeamReload the pageNow the meta boxes will appear to customize this page Note: You can create pages indefinitely, and give each one a different personalization!​ Team General Enable Breadcrumb (Enable or disable the breadcrumbs on this page)Enable Image Effect (Header)Text color image Post Select Number Post for Page TeamChoose the categories for Team Layout Select Layout for page Team( Full width/Box)Select Column number for Page Team ( 2/3/4/6) Brands Enable BrandsChoose the category for Brands To publish Once these personalizations have been completed, you can proceed to publish the page. Publish 4 Post POST NO SIDEBAR Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post No SidebarReload the pageNow the meta boxes will appear to customize this post Post General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST SIDEBAR LEFT Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post Sidebar LeftReload the pageNow the meta boxes will appear to customize this post Post Sidebar Left General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST SIDEBAR RIGHT Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post Sidebar RightReload the pageNow the meta boxes will appear to customize this post Post Sidebar Right General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Reading Point (Percentage of article reading progress)Enable date and authorEnable categories and comment Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST PORTFOLIO Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post PortfolioReload the pageNow the meta boxes will appear to customize this post Post Portfolio General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Image Effect Layout Select Layout post (Full width/Box) To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST TEAM Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post TeamReload the pageNow the meta boxes will appear to customize this post Post Team General Enable Breadcrumb (Enable or disable the breadcrumbs on this post)Enable Testimonials (This option is used to enable or disable Testimonials on this post) Layout Select Layout post (Full width/Box) Social Enable social media in this post with related custom links To publish Once these personalizations have been completed, you can proceed to publish this post. Publish POST V-CARD Let’s create a new post : Navigate to Post > Add NewAdd titlePost Attribute > Template > Post V-cardReload the pageNow the meta boxes will appear to customize this post Post V-card General Enable Breadcrumb (Enable or disable the breadcrumbs on this post) Social Enable social media in this post with related custom links To publish Once these personalizations have been completed, you can proceed to publish this post. Publish 5 Widgets Willer has 10 Widgets areas. Customize the Widgets: Navigate to Appearance > Customize > Widgets Based on the page you are on, the personalize will show the adjacent Widgets areas. Here are the 10 Areas Widgets. Sidebar This area is on the Blog pages and some articles with the sidebar. WIDGET FORM MENU RIGHT Menu This area is in the Menu right FOOTER 1/2/3/4 These four areas are found in the Footer. In Customize> Footer > Settings Footer, you can enable them one at a time, for example you can enter only 2 Widget areas, or 3, depending on your specific needs. HEADER CONTACT AND CONTENT CONTACT These two areas are in the contact page template, they can be used to insert maps and contact forms. WIDGET FORM POST V-CARD This widget area is located in the post V-card template SIDEBAR WOOCOMMERCE This area can be found in the Ecommerce section, obviously it can only be used if the Woocommerce plugin has been activated (We’ll talk about it in the next paragraph) 6 Ecommerce Willer comes with WooCommerce integration, which allows you to easily create an online shop. For more information on installing and configuring WooCommerce, please visit this page: https://docs.woocommerce.com/documentation/plugins/woocommerce/getting-started/. To start you need to create a new page of the Shop, with a title at will, for example “Shop”. Once the page is published, let’s go to: WooCommerce > Settings > Product In Shop Page we select the page just created and save. To create a new product, let’s go to: Products > Add New. Now we create the cart page: We create a new page with the name “Cart” and insert this Shortcode: Now we create the Checkout page: We create a new page with the name “Checkout” and insert this Shortcode: Now we create the My Account page: We create a new page with the name “My Account” and insert this Shortcode: Now let’s go to WooCommerce > Settings > Advanced We select: Cart page : Cart Checkout page: Checkout My account page: My Account and we save.

READ MORE

Avik Pro Documentation

Hi, and welcome to the Avik User Guide. Through Dashboard Unzip the Avik-Pro file to your desktopOpen Folder Avik-Pro Open Folder Theme Files Log in to the WordPress DashboardGo to Appearance -> ThemesClick on Add New ThemeClick on Upload Theme buttonClick on Choose File button and select avik.zip then click on Install Now button and wait for the install to complete.After the theme installed successfully, click on Activate button Manual Installation using FTP Unzip avik.zip to your Desktop.Use an FTP client to access your host web serverGo to /wp-content/themes/Upload theme to /wp-content/themes/Go to Appearance -> Themes and activate theme from Dashboard 2 Update the Free version with the Pro version1st method Deactivated the Avik free themeDelete the themeProceed with the installation indicated in point 1 2nd method Download the “update-theme-and-plugins-from-zip-file” plugin from the official WordPress repositoryGo to WordPress DashboardSelect PluginInstall nowSelect the zip file you downloadedActive PluginProceed with the installation indicated in point 1 3 Home Page Setup Go to the DashboardAdd new pageAdd title example “Home”Select Home Avik templatePublicGo to WordPress Dashboard -> Appearance -> Customize -> Homepage SettingsClick on “A static page” and select “Home” from the dropdowns. Choose the sections you want to enable in the customize: Who ww areServicesPortoflioBlogContact 4 NavigationHow to set up Navigation Kindly go to Appearance -> Menu -> Before moving on you have to create top menu first and set theme location to primary menu please see the below screenshot 5 Header ManagementCustomize Header Click on Appearance > Customize > Site IdentitySite Identity SITE LOGO SITE TITLE HEADER IMAGE 6 Footer OptionsCustomize Footer Options Click on Appearance > Customize > WidgetsFooter 7 Page TemplatesPage Templates Default Template Helps in setting up the content on any page without Sidebar About USBlog MetroBlog Sidebar LeftBlog Sidebar RightBlog no SidebarContactFaqHome AvikOur ProcessPortfolio AvikPortfolio StandardPortfolio Standard PageServicesWo we are These templates can be used to completely customize your site!8 Post Templates Default Template Helps in setting up the content on any page with Right Sidebar Post No SidebarPost Sidebar LeftPortfolio These templates can be used to completely customize your site! 9 Meta BoxFor each template you choose, you will see the corresponding Meta-Boxes to customize the template

READ MORE

Quick Customization Guide Avik Pro

Hi,in this guide I will explain how to customize Avik Pro in a few simple steps.Let's begin!  Customization with import of the Demo ​As soon as you have installed and activated Avik Pro, you will notice a Notification advising you to install 7 Plugins.So the first thing you need to do is to install and activate these Plugins. Now in the Dashboard in the "Appearance" Menu you have seen an entry "AVIK Import Demo".Enter this menu.From the "AVIK Import Demo" menu choose the demo you prefer and click "Import Demo Data" button.Wait about 5 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen. Now you can change the content as you see fit, and customize it as you wish. Common problems error 500: here a guide In Demo Avik Drink:this Demo is the most complex because it requires the WooCommerce plugin, in some cases on the home page the categories of the posts of the sections are not selected, to resolve just select the categories of posts from the Sections.You will also need to select the Store page from WooCommerce-> Settings -> Product and in WooCommerce-> Settings -> Advanced-> select the pages for Cart page and Checkout page (Cart and Checkout). Customization without Demo As soon as you have installed Avik Pro you will have the latest articles on your site on the Homepage.To have the Homepage with the various sections you will have to create a new page with the title only (for example Home) and choose the attribute page (Template: Home Avik or Home Avik Two).Now you will have the sections on the Home page! To customize it you have to open the Customize and you will have the various controls. Other Settings Font Family : Here you can set the Font Family for titles and paragraphs and choose the size of the titles and the color. Back To Top : Here you find the settings for the "Back to Top" button Social: Here you can activate social media, when you activate them they appear in the header, in the Contacts section and in the Footer Button Read More: Here you can edit the text of this button. Nav Menu Settings: Here you have all the controls for the navigation menu, from color to size. Layout: here you can insert the sections of the Homepage in the order you want Preloader:here you can enable or disable the Preloader Site Identity Here you can upload your logo, adjust the size and rotation of the logo,the size of the site title and tagline, write the site title and upload the favicon. Section ( sections are blocks of the homepage) Slider: the Avik slider has 3 carousels showing the last post of a certain category, here you can select the category you want for the three carousels. Slider Parallax: here you can choose the category of posts to show and whether to enable social media icons. Header Spider: here you have all the controls related to this section. Who We Are: here you can enable or disable this section, you can set the category of the post you want to show. In this section you have the possibility to show 2 images of the post you create. You must have activated the 'Multiple Post Thumbnails' plugin, so you can set 2 foreground images.You can also adjust their sizes and distances. Services: here you can enable or disable this section, you can set the category of the post you want to show and you can set the size of the images. Portfolio: here you have the possibility to set 3 different categories to show your posts in 3 blocks. When you create a post for the Portfolio you can use the "Portfolio" Template as an "Attribute". Blog: here you have the possibility to set the category to show your posts, the length of the expert to show, enable the date and comments.You can also set the category and the number of posts you want to show in the carousel of individual blog posts and enable / disable the Sidebar on Smartphones. Contact: here you can enable social media, enable the image before the Footer (which is the foreground image of this post that you can select from its category), you can enable the image effect and the distance of the Widget that you can enter from the Widget menu. Pages (these are the pages with specific templates), in Avik Pro you have a lot of page templates available, when you create a new page choose the template you want in Attribute pages, regenerating the page you will see the meta-boxes to personalize that template. In addition, you have other controls available for these pages in the customizer. Who We Are: here you have all the settings for this page.Services: here you have all the settings for this page.404 Page: here you have all the settings for this page.Home Avik: here you have all the settings for this page.Home Avik Two: here you have all the settings for this page.Contact: here you have all the settings for this page.About US: here you have all the settings for this page.Blog Metro: here you have all the settings for this page.Blog No Sidebar: here you have all the settings for this page.Blog Sidebar Right: here you have all the settings for this page.Blog Sidebar Left: here you have all the settings for this page.Faq: here you have all the settings for this page. Colorshere you have 10 skins with shades of color, you can still choose to set the colors manually. Header Media Here you can set an image in the header or a video or set the Slider for the header.If you decide to set an image or a video you should set the category of posts you want the automatic cursor to write. (Title and excpert). You can also activate or deactivate the down arrow, social networks, the font. Bold text and the font. size and padding.If you decide to set the Slider in the header you will have to select the categories from the Slider section. Background Image You can select an image for the background of your site Menus Avik Pro has 3 menus, 1 for the Homepage and one for posts and pages and one for Footer.There are 2 menus because if in menu 1 (Main) you set the hooks to scroll through the sections (as a guide) then when you go inside the posts or pages they would no longer work. So you have the possibility to create menu 2 (Secondary) where you can make it exactly the same as the first one, but you will have to insert the various links. WidgetYou have 13 Widget areas: 2 on the Homepage in the Contact section, 4 in the Footer,1 in About US, 2 in Contact Page, 1 in Woocommerce, 1 in Home Avik Two, 1 in the blog and 1 on the Services page. Homepage Settings Here you can set a specific page for the homepage of your site, if instead you leave the last posts. Additional CSS here you can further customize the style of your site. Obviously you need to know a bit of code. The changes made here will not change the Avik Pro core in any way. Footer Here you can enable Social and Copyright of your site, the color and how many widget areas to show.

READ MORE

Quick Customization Guide Avik

Hi,in this guide I will explain how to customize Avik in a few simple steps.Let's begin!  Customization with import of the Demo​As soon as you have installed and activated Avik, you will notice a Notification advising you to install 3 Plugins.So the first thing you need to do is to install and activate these Plugins. Now in the Dashboard in the "Appearance" Menu you have seen an entry "AVIK Import Demo".Enter this menu.Visit the "Avik Starter Demos" demo page, choose the demos you prefer and download it for free.Now unzip the zip file you just downloaded onto your desktop.Inside you will find 3 files.From the "AVIK Import Demo" menu select these 3 files respecting the extensions (.xml,. Wie,. Dat) and press the "Import Demo Data" button.Wait about 5 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen. Now you can change the content as you see fit, and customize it as you wish. Customization without Demo​As soon as you have installed and activated Avik, in the home of your site you will already have all the sections in order.To customize it you have to open the Customize and you will have the various controls. Other Settings Font Family : Here you can set the Font Family for titles and paragraphs​Back To Top : Here you find the settings for the "Back to Top" button​Social: Here you can activate social media, when you activate them they appear in the header, in the Contacts section and in the Footer​Button Read More: Here you can edit the text of this button.​Nav Menu Settings: Here you have all the controls for the navigation menu, from color to size.​Layout: here you can insert the sections of the Homepage in the order you want​Preloader:here you can enable or disable the Preloader​​Site Identity Here you can upload your logo, adjust the size and rotation of the logo, write the site title and upload the favicon.​Section ( sections are blocks of the homepage) Slider: the Avik slider has 3 carousels showing the last post of a certain category, here you can select the category you want for the three carousels.​Who We Are: here you can enable or disable this section, you can set the category of the post you want to show. In this section you have the possibility to show 2 images of the post you create. You must have activated the 'Multiple Post Thumbnails' plugin, so you can set 2 foreground images.You can also adjust their sizes and distances.​Services: here you can enable or disable this section, you can set the category of the post you want to show and you can set the size of the images.​Portfolio: here you have the possibility to set 3 different categories to show your posts in 3 blocks. When you create a post for the Portfolio you can use the "Portfolio" Template as an "Attribute".​Blog: here you have the possibility to set the category to show your posts, the length of the expert to show, enable the date and comments.You can also set the category and the number of posts you want to show in the carousel of individual blog posts and enable / disable the Sidebar on Smartphones.​Contact: here you can enable social media, enable the image before the Footer (which is the foreground image of this post that you can select from its category), you can enable the image effect and the distance of the Widget that you can enter from the Widget menu.​Pages (these are the pages with specific templates) Who We Are: here you have all the settings for this page.Services: here you have all the settings for this page.404 Page: here you have all the settings for this page. Colorshere you can set different skins already preset, otherwise you can change the colors as you wish. Keep in mind, however, that if you edit a Skin and then decide to change it, the previously set colors will not be saved. Header Media Here you can set an image in the header or a video or set the Slider for the header.If you decide to set an image or a video you should set the category of posts you want the automatic cursor to write. (Title and excpert). You can also activate or deactivate the down arrow, social networks, the font. Bold text and the font. size and padding.If you decide to set the Slider in the header you will have to select the categories from the Slider section. Background Image You can select an image for the background of your site Menus Avik has 2 menus, 1 for the Homepage and one for posts and pages.There are 2 menus because if in menu 1 (Main) you set the hooks to scroll through the sections (as a guide) then when you go inside the posts or pages they would no longer work. So you have the possibility to create menu 2 (Secondary) where you can make it exactly the same as the first one, but you will have to insert the various links. WidgetYou have 5 Widget areas: 1 on the Homepage in the Contact section, 2 in the Footer, 1 in the blog and 1 on the Services page. Homepage Settings Here you can set a specific page for the homepage of your site, if instead you leave the last posts set, Avik by default will show the page with the blocks in sections. Additional CSS here you can further customize the style of your site. Obviously you need to know a bit of code. The changes made here will not change the Avik core in any way. Footer Here you can enable Social and Copyright of your site.

READ MORE

500 server error when importing content Avik

So you wanted to import the theme demo data, but after about 30 seconds you get the 500 (internal server) error? What to do now? First check, if anything at all was imported. Click through the Post, Pages, Media and other Custom Post Types in the wp-admin dashboard. If something has imported, then just go back to Appearance -> Import demo data and import the same demo data again. You can repeat the same import a few times (give it 7 tries max), but refresh the page between each try. The demo import should finish with a success message on one of those 7 tries. Once it does, you are done with importing. This method should resolve issues for 80% of our theme users, so please try this first. Why is this 500 error even happening? The server, where you are hosting your WordPress site has some sort of issue, when importing the content and break the import. There are many reasons, why the server can’t process the import… If the above method does not work to resolve this issue, then you can also check the One Click Demo Import documentation of common import issues and how to resolve them.

READ MORE

Quick guide to customize Pepe Lite

Hi,in this guide I will explain how to customize Pepe Lite in a few simple steps.Let's begin!  Customization with import of the Demo​ As soon as you have installed and activated Pepe Lite, you will notice a Notification advising you to install two Plugins.MC4WP: Mailchimp for WordPress it is used to create a banner for the Newsletters in Block 2 by setting a Widget.One Click Demo Import it is used to install the demos with a simple click. So the first thing you need to do is to install and activate the Plugins. Now in the Dashboard in the "Appearance" Menu you have seen an entry "PEPE LITE Import Demo".Enter this menu.Visit the "PepeLiteStarter Demos" demo page, choose the demos you prefer and download it for free.Now unzip the zip file you just downloaded onto your desktop.Inside you will find 3 files.From the "Pepe Import Demo" menu select these 3 files respecting the extensions (.xml,. Wie,. Dat) and press the "Import Demo Data" button.Wait about 3 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen. Now you can change the content as you see fit, and customize it as you wish. Customization without Demo​As soon as you have activated Pepe on your Homepage you will have the latest articles published. In order in the Customizer​General Option 1 Header -> Blocks -> Block TopEnable/Disable Box widthShow Login, Show Menu, Show SocialBackground Color, ColorBlock LogoEnable/Disable Box width, Margin Top Block (em Unit), Margin Bottom Block (em Unit), Header Background ColorLogo, Font Size Logo (px Unit),Site Title, Tagline, Display Site Title and Tagline, Font Size Description Title (px Unit, Font Size Description Subtitle (px Unit), Description ColorShow Banner, Choose whether to use a post or a widget.(Recommended widget: Advanced Ads), Select Post for Banner (Only if you have selected Post!), Text Button Banner Only if you have selected Post!, Background Color Banner, Color Banner Only if you have selected Post!, Background Color Button Banner Only if you have selected Post!, Color Button Banner Only if you have selected Post!Site IconEnable/Disable Banner in ResponsiveBackground color Header in ResponsiveColor Header in ResponsiveSelect image Logo for MobileWidth Logo (px Unit)Enable/Disable Description Site in ResponsiveFont Size Description Title Responsive (px Unit)Font Size Description Subtitle Responsive (px Unit)Block MenuEnable/Disable Box widthEnable/Disable sticky MenuEnable/Disable search form MenuFont Size Menu (px Unit)Padding Menu (px Unit)Background Color, ColorBlock NewsEnable/Disable Box widthEnable/Disable this sectionText NewsSelect Category NewsShow Date and TimeShow Time Header -> Layout -> Choose the Layout for the Header Header -> Header ImageClick “Add new image” to upload an image file from your computerHeight Image Header (px Unit)Object Fit Image Header 2 Body -> Blocks ->Block Slider with TabChoose the Layout for the Block Slider with TabMargin Top (em Unit), Margin Bottom (em Unit)Select Category for post Slider, Show Category Slider, Show Author and Date Slider, Enable or disable effect fade Slider, Show Nav Controls Slider, Show dark shading SliderShow Category Post in Multi-tabsTitle Tab One/Two/Three, Select Category for Tab One/Two/ThreeBlock OneChoose the Layout for the Block OneMargin Top (em Unit), Margin Bottom (em Unit)Enable or disable Sidebar in Mobile DevicesBlock One Title,Title Style, Background Color Title, Color TitleShow Category, Show Comments, Show Author and DateBlock FourImage Pepe Four, Height Image (px Unit), Object Fit ImageMargin Top (em Unit), Margin Bottom (em Unit)Choose whether to show a Widget or text in the BannerBackground Color Banner, Color BannerText Banner, Textarea BannerText Button Banner, Link Button Banner, Background Color Button Banner, Color Button Banner Body -> Layout -> Choose the Layout for the Site 3 Footer -> General SettingsEnable Layout Large for FooterWidget AreaEnable Layout Large for Aree Widget FooterShow Logo Area Widget FooterSelect image Logo for Footer, Height Logo Widget Area (px Unit)Background Color Widget Area, Color Widget AreaFooter InfoBackground Color, Color 4 Blog -> PostThe page has 2 templates: Default template and Single Large. You can select them in the dashboard in Post Attributes!Margin Top Sidebar (px Unit)Show Breadcrumbs, Show Breadcrumbs, Show the categories above the title, Enable or disable meta info Post, Enable or disable update post infoText Button Comment, Background Color Button Comment, Color Button CommentCategoryShow BreadcrumbsCategory Badge ColorComments Badge Color ( In Home Page)Select image for CategoryHeight Header Category (px Unit), Padding Top Header Category (em Unit), Font Size Title Header Category (px Unit), Font Size Description Header Category (px Unit), Color Text CategorySearch PageSelect image for Search PageHeight Header Search Page (px Unit)Padding Top Header Search Page (em Unit)Font Size Title Header Search Page (px Unit), Font Size Description Header Search Page (px Unit)Color Text Header Search PageSearch Page not foundSelect image for Search Page not foundWidth Image Page not found (px Unit)Text Button, Background Color Button, Color ButtonPagesThe page has 2 templates: Default template and Page no sidebar. You can select them in the dashboard in Page Attributes!Margin Top Sidebar (px Unit)Enable or disable sidebar in Mobile DevicesPadding Content (px Unit)Background color Content Page 5 Other Settings -> Back to TopEnable or disable Back to TopEnable or disable Back to Top in Mobile DevicesSocial MediaEnable or disable social and insert the linksWidget StyleChoose the Style for Title WidgetWidget ColorOne Color SocialEnable or disable title SearchWidget Custom ColorMenu ResponsiveEnable or disable Social in menu ColorsSelect predefined skins to use with this themeBackground Color Background ImageSet a background image for the site MenusThis theme has 2 menus, you can create menus and set them in their positions! WidgetThis theme has 7 Widget areas, all Widgets have been customized. There are 2 additional widgets Home Page SettingsYou can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed. Additional CSSHere you can insert CSS code to modify the theme!

READ MORE

Quick guide to customize Pepe

Hi,in this guide I will explain how to customize Pepe in a few simple steps.Let's begin!  Customization with import of the Demo​As soon as you have installed and activated Willer, you will notice a Notification advising you to install Plugins.So the first thing you need to do is to install and activate the Plugins. Now in the Dashboard in the "Appearance" Menu you have seen an entry "PEPE Import Demo".Enter this menu.From the "PEPE Import Demo" menu, you will see the demos you can choose.Choose the one you want and with a simple click you will import the demo.Wait about 3 minutes (It also depends on the speed of your connection) and you will already have your site equal to the demo you have chosen. Now you can change the content as you see fit, and customize it as you wish. Customization without Demo​As soon as you have activated Pepe on your Homepage you will have the latest articles published. In order in the Customizer General Option 1 Header -> Blocks -> Block TopChoose the Layout for the Top HeaderEnable/Disable Box widthShow Login, Show Menu, Show SocialBackground Color, ColorBlock LogoChoose the Layout for the Logo HeaderEnable/Disable Box width, Margin Top Block (em Unit), Margin Bottom Block (em Unit), Header Background ColorLogo, Font Size Logo (px Unit),Logo alignmentSite Title, Tagline, Display Site Title and Tagline, Font Size Description Title (px Unit, Font Size Description Subtitle (px Unit), Description Color, Display Site Title and Tagline, Description alignmentShow Banner, Margin top and botton Banner (px Unit), Choose whether to use a post or a widget.(Recommended widget: Advanced Ads), Select Post for Banner (Only if you have selected Post!), Text Button Banner Only if you have selected Post!, Background Color Banner, Color Banner Only if you have selected Post!, Background Color Button Banner Only if you have selected Post!, Color Button Banner Only if you have selected Post!Site IconEnable/Disable Banner in ResponsiveBackground color Header in ResponsiveColor Header in ResponsiveSelect image Logo for MobileWidth Logo (px Unit)Enable/Disable Description Site in ResponsiveFont Size Description Title Responsive (px Unit)Font Size Description Subtitle Responsive (px Unit)Block Menu (The third level menu in responsive mode could give problems on very small screens!)Enable/Disable Box widthEnable/Disable sticky MenuEnable/Disable search form MenuFont Size Menu (px Unit)Padding Menu (px Unit)Background Color, ColorBlock NewsNews Header LayoutEnable/Disable Box widthEnable/Disable this sectionText NewsSelect Category NewsShow Date and TimeShow Time Header -> Layout -> Choose the Layout for the Header Header -> Header ImageClick “Add new image” to upload an image file from your computerHeight Image Header (px Unit)Object Fit Image Header 2 Body -> Blocks ->Block CardShow Card Appare EffectShow dark shadingCard LayoutMargin Top and Bottom (em Unit)Card One, Two Large, Three, FourSelect Category for post CardShow Category CardShow Comments CardEffect Hover CardBackground Color CardBlock Card with SliderShow Card Appare EffectShow dark shadingMargin Top and Bottom (em Unit)Select Category for post SliderShow Category SliderShow Icons SliderCard One,Two,ThreeSelect Category for post CardShow Category CardShow Comments CardEffect Hover CardBackground Color CardBlock Slider with TabChoose the Layout for the Block Slider with TabMargin Top (em Unit), Margin Bottom (em Unit)Select Category for post Slider, Show Category Slider, Show Author and Date Slider, Enable or disable effect fade Slider, Show Nav Controls Slider, Show dark shading SliderShow Category Post in Multi-tabsTitle Tab One/Two/Three,Icons for Tab One/Two/Three, Select Category for Tab One/Two/ThreeBlock One (This block has 1 Sidebar Widget Area!)Choose the Layout for the Block OneMargin Top (em Unit), Margin Bottom (em Unit)Enable or disable Sticky SidebarEnable or disable Sidebar in Mobile DevicesBlock One Title,Title Style, Background Color Title, Color TitleShow Category, Show Comments, Show Author and DateBlock Two (This block has 2 Sidebar Widget Areas!)Choose the Layout for the Block TwoChoose the order for SectionsMargin Top (em Unit), Margin Bottom (em Unit)Enable or disable padding 0 contentEnable or disable Sticky SidebarEnable or disable Sidebar in Mobile DevicesGreat PostSelect PostsShow CategoryShow CommentsShow IconsBackground Color and Color Great PostCategory Badge Background Color and ColorComments Badge Background Color and ColorSmall postsSelect Category for post for Small postsNumber PostTitle for Small postsTitle StyleBackground Color and Color TitleShow Comments for Small posts, Show Date for Small posts, Show Author for Small postsBlock Three (This block has 2 Sidebar Widget Areas!)Choose the Layout for the Block ThreeMargin Top (em Unit), Margin Bottom (em Unit)Enable or disable Sticky SidebarEnable or disable Sidebar in Mobile DevicesTitle StyleBackground Color and Color TitleTitle Pepe Sect ThreeTitle Tab 1/2/ 3/4Icon Tab 1/2/3/4Select Category, Show Comments, Show Date, Show Author, Select Category for post(Bottom) 1/2/3/4Block FourImage Pepe Four, Height Image (px Unit), Object Fit ImageMargin Top (em Unit), Margin Bottom (em Unit)Choose whether to show a Widget or text in the Banner(You must insert the Mailchimp for WordPress Widget, activating the relevant Plugin. Other widgets are not supported!)This is the recommended code for setting up the plugin form: HTML: <p> <label> <input type="email" name="EMAIL" placeholder="Your email address" required /> </label> </p> <p> No spam, notifications only about new products, updates. </p> <p style="float:right"> <input type="submit" value="Sign up" /> </p> Background Color Banner, Color BannerText Banner, Textarea BannerText Button Banner, Link Button Banner, Open the link on another page, Background Color Button Banner, Color Button BannerBlock Five (This block has 1 Sidebar Widget Area!)Choose the Layout for the Block FiveTitle, Title Style, Background Color and Color TitleMargin Top (em Unit), Margin Bottom (em Unit)Enable or disable Sticky SidebarEnable or disable Sidebar in Mobile DevicesSelect Category for post, number post, Show Comments, Show Date, Show AuthorEnable or disable Posts foregroundColor text foreground Body -> Layout -> Choose the Layout for the SiteSelect Block for Sector One, Two, Three, Four, Five and Six 3 Footer -> General SettingsEnable Layout Large for FooterWidget AreaEnable Layout Large for Aree Widget FooterNumber Column Aree Widget FooterShow Logo Area Widget FooterSelect image Logo for Footer, Height Logo Widget Area (px Unit)Select image for FooterBackground Color Widget Area, Color Widget AreaFooter InfoEnable Layout Large for Footer InfoNumber Aree Info FooterShow Menu FooterShow Social FooterShow Name Copyright FooterText Power, Text Copyright, Link Copyright, Open the link on another pageHeight Info Footer Area (px Unit)Background Color, Color 4 Blog -> PostThe page has 4 templates: Default template,Single Large, Single Sidebar Left, Single Large. You can select them in the dashboard in Post Attributes!Margin Top Sidebar (px Unit)Enable or disable sticky sidebarEnable or disable sidebar in Mobile DevicesShow Breadcrumbs, Show Breadcrumbs, Show the categories above the title, Enable or disable meta info Post, Enable or disable update post info, Enable or disable border color meta info postRound avatarBorder Radius Image Featured (% Unit)Show Related Post, Text Related Post, Related Post for Category or TagsButton Comment, Effect Button CommentText Button Comment, Background Color Button Comment, Color Button CommentCategory/Archive (This block has 2 Sidebar Widget Areas!)Show BreadcrumbsEnable or disable sticky sidebarCategory Badge ColorEnable or disable single color Badge Category, If you disable this control you can select a different color for each category directly from the administration page.Comments Badge Color ( In Home Page)Choose the Layout Category for SidebarLayout ArticleSelect image for CategoryHeight Header Category (px Unit), Padding Top Header Category (em Unit), Font Size Title Header Category (px Unit), Font Size Description Header Category (px Unit), Color Text CategorySearch PageSelect image for Search PageHeight Header Search Page (px Unit)Padding Top Header Search Page (em Unit)Font Size Title Header Search Page (px Unit), Font Size Description Header Search Page (px Unit)Color Text Header Search PageSearch Page not foundTitle and subtitleSelect image for Search Page not foundWidth Image Page not found (px Unit)Size Button, Effect Button,Text Button, Background Color Button, Color Button404 PageText 404 PageSize Button, Effect Button,Text Button, Background Color Button, Color ButtonSelect image for 404 PageWidth ImageContact PageThis page has 2 dedicated areas, 1 for the sidebar and one for the content. The recommended widget for the content is the Form Contact 7.This is the recommended code for setting up the plugin form: HTML: <label class="pepe-left-7"> [text* your-name placeholder "Your Name"] </label> <label class="pepe-right-7"> [email* your-email placeholder "Your Mail"] </label> <label class="pepe-textarea-7"> [textarea your-message placeholder "Your Message"] </label> <div class="pepe-color-button-7"> <a class="pep-6 pep3 pepe-submint-7">[submit "Submit Message"]<span></span></a> </div> Background Color and Color ButtonPagesThe page has 4 templates: Default template,Page sidebar left, Page no sidebar, Page two sidebar. You can select them in the dashboard in Page Attributes!Margin Top Sidebar (px Unit)Enable or disable sticky sidebarEnable or disable sidebar in Mobile DevicesBorder Radius Image Featured (% Unit)Padding Content (px Unit)Background color Content Page 5 Other Settings -> Back to TopEnable or disable Back to TopChoose where to show the Back to Top(Right or Left)Enable or disable Back to Top in Mobile DevicesPreloaderEnable or disable PreloaderSelect image for Preloader, Recommended image type (.gif)TypographyAll Headings, Body Text, Nav Menu, Link, BlockH1 Heading: font size, style, weight, text transform, letter spacingExcerptExcerpt length Content, Excerpt more ContentExcerpt length Title: Block Two, Block Three, Block Five, Widget Pepe post One, Widget Pepe post Two, Widget About, Widget MultitabSocial MediaOpen the link on another pageEnable or disable social and insert the linksLoginSelect Logo for Form LoginWidth and height LogoMargin Top Form LoginText LoginBackground color and color Form LoginBackground Color Button LoginChoose whether to set a color or an image as the background for the Login page. If you choose an image it is recommended to set the color with transparency!Background color Login PageBackground Image Login PageWidget StyleChoose the Style for Title WidgetWidget ColorOne Color SocialEnable or disable title SearchWidget Custom ColorMenu ResponsiveChoose whether to set a color or an image as the background for the Menu and Search in Mobile Devices. If you choose an image it is recommended to set the color with transparency!Background color Menu and Search, Color Menu, Search and Log In, Background Image MenuEnable or disable Social in menuBackground color Sign InImage EffectEnable or disable the effect of scrolling images general siteEnable or disable the effect of scrolling images Block One/Two/Three/FiveEnable or disable the effect opacity of hover imagesIt has no effect on "Card, Card with Slider, Slider with Tab" blocks! ColorsSelect predefined skins to use with this theme (9 Skins)Background ColorEnable/Disable Custom ColorEnable this option to select the colors you want! Background ImageSet a background image for the site MenusThis theme has 3 menus, you can create menus and set them in their positions! WidgetThis theme has 23 Widget areas, all Widgets have been customized. Home Page SettingsYou can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed. Additional CSSHere you can insert CSS code to modify the theme!

READ MORE

Pepe Installation

This guide will allow you to install Pepe correctly. First unzip the downloaded file "Pepe-v.1.0.0.zip" on your desktopInside you will find 3 foldersOpen the "Theme Files" folder where you will find the pepe.zip fileNow go to the Dashboard of your WordPress site in Appearance / Theme / add new and upload the pepe.zip fileActivate the theme, you will notice a notification inviting you to install plugins (The theme works great even without these Plugins, they are only used to add options such as the Contact Form, or the subscription to the Newsletter, add advertising banners and import demos with one click)If you install the Demo Importer plugin, you will notice a new entry in the Appearance menu(PEPE demo importer), From this menu you can install a demo with a simple click and you will have a site readyOtherwise you can set up your site as you wish Pepe can be completely customized directly in Live from the Customizer, in a very simple and intuitive way.On the Site we have put handles that will take you inside each customization. Pepe has different types of templates, to have the Homepage with the various blocks, just set "Homepage Settings" -> Latest Articles from the Customizer. There are different Templates for Posts and Pages. To use them when you create a new Post or a new Page you have to set the various Templates available in the "Attributes Page".

READ MORE

Showing 8 of 8 results