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

Quick guide to customize Willer Free

Hi,in this guide I will explain how to customize Willer 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 1 Plugin.So the first thing you need to do is to install and activate the Plugin. Now in the Dashboard in the "Appearance" Menu you have seen an entry "WILLER Import Demo".Enter this menu.Visit the "WillerStarter 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 "WILLER 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. Common problems:in some cases the Homepage is not selected during the import. Then you can still notice the latest posts on your Homepage. To solve go in Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home"! Customization without Demo​As soon as you have activated Willer on your Homepage you will have the latest articles published.To set up a Homepage with the various sections you must proceed in this way. 1 Create a new page with only the title for example "Home" and Attribute Page Template "Home Willer".2 Go to Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home". Now you will have the sections on the home page and you can customize them as you wish. In order in the Customizer​Other SettingsPreloader: enable or disableBack To Top: enable or disableBreadcrumbs: enable or disableNav Menu: color and sizeMenu Right: page to appare and enable or disable Social MediaExcerpt lengthFont Family: titles and subtitlesSocialPost: enable or disable meta info and effect titleScroll Effect Images: enable or disable SectionsSlider: category post, height, margin and colorServices: page, category post, width Images and marginGallery: category post and marginTestimonials: page and marginAbout Me: page, color and marginPortfolio: page, color and marginTeam: page, category post and marginBlog: category post, title, enable or disable meta info, color and marginParallax: page, position button, height image and marginContact: page PagesHome Willer: order sections in sectors, font size title and color title Site IdentityTitle and tagline, enable or disable rotation logo, fonti size logo, title and subtitle, site icon Header MediaSelect Video or image, category post, enable or disable text in header, button play video, font size title and subtitle, color text Background ImagePossibility to insert an image and position MenusAdd menu WidgetsAdd Widget ( 4 for Footer and 1 for Blog) Homepage SettingsYour homepage displays ,your latest posts or a static page Additional CSSHere you can enter a custom style via css FooterHeight Footer, number column for widget area, enable or disable logo and social and copyright, size logo and color Theme StyleHere you can choose between 3 different colored skins and change the background color of the site Mobile DevicesEnable or disable back to top, sidebar, object fit image and icon scroll widget area

READ MORE

Willer Free Documentation

Willer Free – DocumentationA Multi Concept ThemeHi, 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. 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. 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 )Link 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 PreloaderBack 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: Enable or Disable Section, Select Services page, Select Category Post for ServicesGallery: Enable or Disable Section, Select Category Post for Gallery 1/2/3/4/5/6Testimonials: Enable or Disable Section, Select Category Post for Testimonials CarouselAbout Me: Enable or Disable Section, Select About pagePortfolio: Enable or Disable Section, Select Category Post for PortfolioTeam: Enable or Disable Section, Select Team page, Select Category Post for TeamBlog: Enable or Disable Section, 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: Enable or Disable Section, Select name page for ParallaxContact: Select name page for Contact 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 3 Widgets Willer Free has 5 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 5 Areas Widgets. SIDEBAR This area is on the Blog pages and some articles with the sidebar. 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.

READ MORE

Quick guide to customize Willer Pro

Hi,in this guide I will explain how to customize Willer Pro 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 "WILLER Import Demo".Enter this menu.From the "WILLER 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 6 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:in some cases the Homepage is not selected during the import. Then you can still notice the latest posts on your Homepage. To solve go in Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home"! Customization without Demo​As soon as you have activated Willer Pro on your Homepage you will have the latest articles published.To set up a Homepage with the various sections you must proceed in this way. 1 Create a new page with only the title for example "Home" and Attribute Page Template "Home Willer".2 Reload the dashboard page where you created this page and you will see the meta-boxes.3 Now you can select the Sections you want to have in the various sectors!4 Go to Customizer -> Homepage Settings -> Select -> Your homepage displays-> A static page and select "Home". Now you will have the sections on the home page and you can customize them as you wish. In order in the CustomizerOther SettingsButton Read More: you can enter the name you want.Excerpt lengthPre-loader: enable or disable, choose the Pre-loader ( you can choose different pre-loaders, or insert one you want!)Back To Top: enable or disable, enable Position Back To Top LeftBreadcrumbs: enable or disable in post/pages Template defaultNav Menu: color and sizeMenu Right: page select and enable or disable Social MediaFont Family: titles and subtitles, font size and color title section HomepageSocial MediaScroll Effect Images: enable or disable SectionsSlider Zoom: category post, height, margin and colorSlider Vertical: category post, height, margin and colorServices: page, category post, width Images and marginGallery: category post, color and marginTestimonials: post and marginBrand: post and marginAbout Me: page, color and marginPortfolio: page, color and marginTeam: page, category post and marginBlog: category post, title, enable or disable meta info, color and marginParallax: page, position button, color, height image and marginContact: page and text for button Pages404 Page: select post end color text Site IdentityTitle and tagline, enable or disable rotation logo, font size logo, margin top logo, margin top menu, title and subtitle, font size title and subtile, site icon Header MediaSelect Video or image, category post, button play video, font size title and subtitle, color text, enable or disable text header Background ImagePossibility to insert an image and position MenusAdd menuWiller Pro it has 2 menus, 1 main and one for the shop WidgetsAdd Widget ( 4 for Footer and 1 for Blog, 1 for Menu Right, 1 for area Contact Form Post V-card, 1 for area Sidebar WooCommerce, 1 for area Content Page Contact, 1 for area Header Page Contact ) Homepage SettingsYour homepage displays ,your latest posts or a static page Additional CSSHere you can enter a custom style via css FooterHeight Footer, number column for widget area, enable or disable logo and social and copyright, size logo and color, title and link custom copyright, background color and color Footer Shop WillerSelect header for Shop, enable or disable Cart icon in menu, enable or disable Login icon in menu, custom number product, color text and icon vertical Slider, color text and icon Zoom Slider Theme StyleHere you can choose between 9 different colored skins or enable custom color (this option to select the colors you want!) Mobile DevicesEnable or disable back to top, sidebar, object fit image and icon scroll widget area Meta-box In Willer Pro you have many Meta-boxes to customize the various templates available.When you create a new post or a new page you can select the attribute of the page with the template you prefer.To view the meta-boxes you need to reload the dashboard page where you created this page or post!

READ MORE
Willer Free Theme Franchi Desing

Willer Pro Theme

[vc_row][vc_column][vc_column_text]Showcase your work in the best light. Willer Pro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. Willer is perfect for anyone who wants an easy theme to use and with a clean code. You can use this theme for: web agency, freelancer, eCommerce, photography studios, architect agency, personal portfolio, web design works. With Willer you can easily create any layout you like, because it has many templates for both pages and posts.This theme was created with a black background. You can also set a light background.For customization you can use the Customizer and also the Meta-boxes. Willer Free is GPL Compatible. You can use theme for personal and commercial use. Changelog V. 10.0.2 - March 03, 2020 Fixed general bugs (add poppins.js ) Updated the graphics for the copyright footer and Search form for Safari Browser Add option to place back to top on the left Updated customize graphics (color control and drop-down selection control) Updated WooCommerce template Added option to open new browser Social Media link Added 5 fantastic google fonts for titles Added 5 fantastic google fonts for paragraphs Added option to insert personal url google font for titles and paragraphs Added logo and menu margin top option V 10.0.3 Fixed bug for color checks in meta-box Updated WooCommerce template Fixed button spacing V 10.0.4 Improved Widget area in the Footer, now in responsive mode the Widgets are all shown online to take up less space. To see the improvement immediately, you need to clear your Broswer caches. V 10.0.5 - May 19, 2020 Fixed some bugs Added expert length control Added section margin control Added check enable or disable meta info Blog section Added the possibility to choose between 9 color skins Added ability to control size and color of section titles on Home Page Added control to enable or disable scroll image effect Added size and color control for nav-bar menu Add enable or disable Breadcrumbs in default template for page/post Added control color for Footer Added control color for effect image in Section Homepage Added Video Support in header Improve the Customizer Improve the Responsive Added ability to import demos with a click! Added control for size Footer Logo Upload WooCommerce Template Title size and section colors Improve Page Admin Added ability to choose the image for the pre-loader Added possibility edit test button V 10.0.6 - 01 June, 2020 Fixed bug Footer V 10.0.7 - 10 October, 2020 Fixed some bug Fixed bug input color meta-box V 10.0.8 - 19 December, 2020 Fixed some bug Added possibility to open the link of the Read More button on another page Improved the Customizer Added the ability to adjust the left and right margin of the Menu Added the ability to enable or disable the Form Search in the Menu Fixed the Search in Menu input color bug Added the ability to adjust the size of the Logo in Mobile Devices V 10.0.9 - 19 February, 2021 Fixed some bug V 11.0.0 - 02 October, 2021 Added BubiBlock Slider Updated demo importer and added detailed guide Compatibility with Gutenberg Blocks Added Willer Canva Template for page and Post with related controls to Customize Improved administration page Fixed general bugs Fixed readme file [/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][ezy_button title="See Details" button_type_of_link="default" style="btn-outline" shape="btn-rounded" thickness="font-weight-bold" alignment="justify-content-center" add_icon="true" icon_library="icon_linear" icon_linear="lnr lnr-magnifier" icon_size="text-3" css_animation="fadeInUpShorter" button_add_link="true" button_default_link="url:https%3A%2F%2Fwww.denisfranchi.com%2Fblog%2Fportfolio%2Fwiller%2F|title:https%3A%2F%2Fwww.denisfranchi.com%2Fblog%2Fportfolio%2Fwiller%2F||"][/vc_column][/vc_row]

READ MORE

Showing 5 of 5 results