Build Your Site Archives - Porto Documentation

WordPress Configuration

porto_admin — Mon, 15 Oct 2018 03:00:38 +0000

You can adjust WordPress settings as follows:

You can set Site Title in Settings > General.
You can set Blog pages show at most in Settings > Reading.
You can select Front Page and Posts Page in Settings > Reading.
You can set Discussion settings in Settings > Discussion.
You can change Image sizes in Settings > Media.
We used the following sizes on our demo sites:
Thumbnail size: 50 x50
Medium size: 500 x 500
Large size: 1024 x 1024
You should ensure that a non-default permalink setting is selected, e.g. Month and name in Settings > Permalinks.

The post WordPress Configuration appeared first on Porto Documentation.

WPBakery Page Builder

porto_admin — Mon, 15 Oct 2018 03:02:42 +0000

WPBakery Page Builder is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout– no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

You can see here for more details.

After installing the WPBakery Page Builder please go to WPBakery Page Builder > Role Manager and make sure to check the following checkboxes under Content Types: post, page, product, porto_builder, faq, member & portfolio. After making the changes please click Save Changes button.

The post WPBakery Page Builder appeared first on Porto Documentation.

Woocommerce

porto_admin — Mon, 15 Oct 2018 03:04:37 +0000

WooCommerce is the most popular WordPress eCommerce plugin. Packed full of features, perfectly integrated into your self-hosted WordPress website.

You can see here for more details and woocommerce documentation.

– Install Woocommerce Pages

Important!

If you want to import dummy data, you can skip to install woocommerce pages.

You can see the following message after install woocommerce plugin and you should click Install Woocommerce Pages.

You can see “Shop”, “Cart”, “Checkout” and “My Account” pages in Pages on admin sidebar.

– Change Image Sizes

You can change the product image sizes in Porto > Theme Options > Woocommerce > Product Images on admin sidebar.

We used the following image sizes on our demo sites:

Main Image Width: 600 or 500
Catalog Images: 300 or 400

After change the image sizes, you may regenerate all the thumbnails.

– Enable Registration on My Account

Please go to WooCommerce > Settings > Account > Registration Options and enable registration on the “My Account” page.

The post Woocommerce appeared first on Porto Documentation.

Regenerate Thumbnails

porto_admin — Mon, 15 Oct 2018 03:06:00 +0000

Regenerate Thumbnails allows you to regenerate the thumbnails for your image attachments. This is very handy if you’ve changed any of your thumbnail dimensions (via Settings -> Media) after uploading images beforehand or have changed featured post image dimensions.

You can either regenerate the thumbnails for all image uploads, individual image uploads, or specific multiple image uploads.

You can see here for more details.

Please go Tools > Regen.Thumbnails and click Regenerate All Thumbnails.

The post Regenerate Thumbnails appeared first on Porto Documentation.

Theme Layout

porto_admin — Mon, 15 Oct 2018 03:06:49 +0000

The post Theme Layout appeared first on Porto Documentation.

Theme Options

porto_admin — Mon, 15 Oct 2018 03:12:04 +0000

You should configure theme options in Appearance > Theme Options and Appearance > Advanced Options on admin sidebar.

The post Theme Options appeared first on Porto Documentation.

Menu Setup

porto_admin — Mon, 15 Oct 2018 03:15:49 +0000

Menu Type

Porto provides powerful and most advanced menu. There are 6 areas of the theme where you can assign a menu.

Main Menu,Sidebar Menu,Top Navigation,Secondary Menu,View Switcher,Currency Switcher

Important

If you need to add Portfolio, Faq, Member archive pages in the menu, you should install and activate WordPress Post Type Archive Links.

Edit Menu & Menu Options

1. Please go Appearance > Menus on admin sidebar.

2. Click Create a new menu or select a menu.

3. Add new menu items.

4. When dropdown the added menu item of depth 1, you can see the menu options like Menu Type, Popup Position, etc. Select Menu Type to Narrow or Wide and Popup Columns (only wide).

5. Select Popup Position to Left or Right, Justify(only when menu type is wide), Center(only when menu type is wide).

You can upload popup background image and set background position, etc.

6. When dropdown the added menu item of depth 2, you can see the menu options like Columns, Background Image, etc. You should configure these options.
You can show a block in the menu item. You should create or edit a new block in Blocks > Add New on admin sidebar. You should add a block slug name in Block Name option.

7. When dropdown the added menu item, you can see the menu options like Don’t link, Don’t show a link, Don’t show a link on Mobile Panel, Tip Label, etc. You should configure these options.
After editing the menu items, please click Save Menu.

How to build megamenu

https://www.portotheme.com/wordpress/porto/documentation/wp-content/uploads/2022/08/megamenu.mp4

How to build sidebar menu

The Porto WordPress Theme offers three different types for displaying sidebar menus. Let’s explore each type:

1. Shop Demo1: In this demo, you can add a sidebar menu to the sidebar of the page. To do this, navigate to “Appearance/Sidebar” to add the desired menu.

2. Shop Demo2: In this demo, you can utilize the “Sidebar Menu” widget to display the sidebar menu. Simply add the widget to your desired sidebar location.

3. Photography 3: This demo uses the “Side Header” type, which is an option available in the theme settings. Please note that this option is part of the legacy mode. To use this type, you will need to deactivate the “Full Site Editing” mode.

The post Menu Setup appeared first on Porto Documentation.

One Page Setup

porto_admin — Mon, 15 Oct 2018 03:17:25 +0000

Create One Page Menu

Please go Appearance > Menus on admin sidebar.
Click Create a new menu.
Add Custom Links menu items. Type the anchor name of page section in the URLfield.
Click Save Menu button after added the menu items.

Create One Page

Please go Pages > Add New on admin sidebar.
Type the page title.
Add Visual Composer Row shortcodes. When edit this shortcode, you should add Row ID.
When edit the row shortcode, you can configure Porto Options.
Add the content inside of Visual Composer Row shortcode.
Select the One Page Menu in View Options.
Click Publish button.

The post One Page Setup appeared first on Porto Documentation.

Header Builder in Customizer

porto_admin — Mon, 15 Oct 2018 03:21:02 +0000

In Porto 4.8, header builder is newly added to create and modify the site header dynamically on different devices without using pre-built header types.
Page builder is to build page contents, and header builder is to create header layout and contents.
To get to the header builder section, please go to Porto -> Theme Options -> Header -> Header builder.
Then header builder will appear on the bottom of preview page.

There are three sections in the header builder: top bar, main header and bottom header sections.
Each section is also divided into three boxes: left, center and right.

And at the top of the header builder there are header builder elements which can be dragged and dropped into the header boxes.
So if we drag and drop logo element into the center box of the main header section, Logo will be displayed on the center of the main header in the preview page.
You might not want to have any header elements, then you can drag and drop them into the bottom of the header builder which contains header builder elements.

You can build header layout for desktop and mobile separately. If you click mobile icon on the top of header builder, header builder section of mobile version will be displayed.

Following gives brief explanation about some header elements.

Row – creates a row which can contain any header builder elements.
Porto Block – we can place porto blocks which were created using Blocks -> Add New.
HTML – we can place any other html content using this element.
Custom Menu – custom menu content which is inserted in Theme Options -> Menu -> Menu Custom Content.
Contact – contact information which is inserted in Theme Options -> Header -> General -> Contact Info.
Secondary Menu – secondary menu which is created as a “Secondary Menu” for display location when creating menu.

Note:

When you drag some header elements into the header, they might not be displayed in the page. For example, you place search form element but it can’t be displayed in the header. That’s because you have disable header search form in the theme options. In this case you need to enable header search form using Theme Options -> Header -> Search Form -> Show Search Form option.

There are 3 tooltips for top bar, main header and bottom header in header builder. If you hover on header builder sections, tooltips will be displayed at the top left corner of them.
If you click theses tooltips, it will go to the header skin settings panel. If you want to come back to the header builder again, please click go to Header Builder link at the top of this panel.

To use newly created header layout using header builder, you need to select "Header Builder" in Theme Options -> Header -> Header Type.

The post Header Builder in Customizer appeared first on Porto Documentation.

Header Types

porto_admin — Mon, 15 Oct 2018 05:20:58 +0000

Porto theme have 20 header types. You can select one of pre-built header types in Theme Options -> Header -> Header Type.

If you select header builder for header type, header builder header will be used.

The post Header Types appeared first on Porto Documentation.