Home 4. Creating Pages and Posts

INTRODUCTIONCreating Pages and Posts

In this section you can find all the information needed to create your pages, your blog posts and your portfolio items.

SECTION 01Creating Pages

Simple pages are usually referred in WordPress as static contents. That means that the information displayed on a page doesn’t change, or doesn’t change often. A great example of a page would be the About or Contact Us section of a website.

To create a new Page you need to follow these steps:

  1. Navigate to Pages in your wp-admin sidebar and click Add New option.
  2. Input a new name for your page, then enter the content using Bold Builder.
  3. Set page settings and add Override Global Settings if needed.

When you create a page you will see Switch Editor button. If you do see classic WordPress’ HTML editor, please click Switch Editor button to get Bold Builder editor.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/new_page.jpg

SECTION 02Bold Builder

Once you do that, you will see box with big ‘+’ button. Click on it to add a section which is basic content element in the theme.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/bold_builder_01.jpg

See in action Drag&Drop feature and quick preview from backend or edit function from frontend an the following video tutorial.

Make sure to subscribe to our YouTube channel!

Drag & Drop video tutorial

In the lower part of the screen you can see Bold Builder main toolbar. Main toolbar options are:

  1. Undo – you can undo your changes to page layout using this button.
  2. Redo – you can redo your  changes to page layout using this button.
  3. Paste – you can paste clipboard contents to the bottom of the page layout. Just next to the paste button you can see a number which represents the number of items currently present on the clipboard.
  4. Clipboard Manager – This is unique feature of Bold Builder. You can easily copy and paste contents between different web sites. Once you click clipboard manager button and then click Export, Bold Builder exports.
  5. Preview – the same as Preview button on the Page edit form – by clicking on it you can preview the current page layout.
  6. Save – the same as Update button on the Page Edit Form – updates the layout of the page by saving the changes not essential for content creation so we will skip them (you can learn more about Bold Builder if you take a look at documentation which comes with it).
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/bold_builder_02.jpg

Toolbar options video tutorial

Next, place your mouse pointer over top area to show toolbar. Click ‘+’ to add a Row which is another basic content element. Now click ‘+’ in Row toolbar to add columns.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/bold_builder_03.jpg

From Select Layout dialog you need to pick wanted layout of columns, e.g. 1/2+1/2 will add two columns with same width.

Row Layout video tutorial

Now when you have columns, you can repeat same process to add some content to columns:

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/bb-columns.jpg

You can rearrange elements using drag and drop, clone and clipboard commands.

To edit content element properties, click Edit icon from element toolbar. You will see Edit dialog with various options, depending on which shortcode you are editing:

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/edit-element.jpg

All sections, rows, columns or elements can be copied and pasted on pages.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/copypaste.jpg

To use Custom menu on a page, just enter menu name in Menu Name input box.

To use full screen animations select animation type from Animations. Section elements settings Animation (forward/backward) or Impress Animation Settings need to be defined if you want to use full screen animations. Please see demo examples for more information about animations.

The best (and fastest) way to learn more about content creation and individual shortcodes (content elements) is to import demo and explore demo content.

Bold Builder enables you to hide elements on different screen sizes. It also allows you to set when an element will be published and when it will stop displaying (expire).

Video tutorial below shows how this can be done.

Hide on Responsive video tutorial

SECTION 03Override Theme Settings on Pages

As mentioned in section 3 – Theme customization, all global settings can be overridden on any single post or page. In the Settings box, you will find Override Global Settings dropdown which allows you to choose which setting you want to override.

To override menu, just enter menu name in the Menu Name field.

The possible values for the settings can be found in the Theme Customization part as a preformatted text below the setting name. If you want to reset a setting to default value, just enter ‘null’ (without quotes). Click ‘+’ button to add new override and ‘-’ button to remove previously entered override.

Please have a look at the following example:

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2017/11/override_global_settings.jpg

SECTION 04Excerpt text and Header background image

In order to edit / remove excerpt text, navigate to the Page editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/screen-options-stranice.jpg

After that, scroll to the bottom of the page editor where you’ll find Excerpt text.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/Screenshot_7.jpg

The Header background image represents featured image added to the page. In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.

In order to entirely remove the image, click on ‘Remove featured image’ button.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/featured-image-stranice.jpg

In order to remove entire Header from pages, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the page editor:

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/hide-headline-stranice.jpg

SECTION 05Creating Blog Posts

Posts are based on standard WP functionality with some additional settings:
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/creating-posts-1.jpg

Custom Primary Menu Name

Enter name of the menu that you want displayed as the primary menu on specific post.

Custom Footer Menu Name

Enter name of the menu that you want displayed as the footer menu on specific post.

Meta Description

Enter post description here. This will be used in description meta tags.

Images

Click Select or Upload Images to create gallery or add just a single image.

Grid Gallery

Check Grid Gallery to create grid gallery, otherwise gallery is displayed within a slider/carousel.  Do not forget to upload the images you want to display as gallery and check Gallery Format in the Format box (on the right part of the page).

Video

In order to add Video post, enter Vimeo video URL, YouTube video URL or custom video shortcode in the Video field. Do not forget to check Video post format in the Format box.

Audio

If you want to create the Audio post, Audio field is where you enter audio shortcode or SoundCloud iframe embed code. Do not forget to check Audio post format in the Format box.

Link and Link URL

In order to create Link Post, enter link title in Link field and link URL in Link URL field. Do not forget to check Link format in the Format box.

Quote and Quote Author

To create quote post enter data in Quote and Quote Author fields. Do not forget to check Quote format in the Format box.

Override Global Settings

As with pages, here you can override global settings – for more info refer to the previous section “Override Theme Settings on Pages”.

ARTICLE 01FAQ

In this section you will find the most common questions regarding the editing of single blog posts.
Post is overlapping the menu

If the single posts appear as they are not formatted, and are overlapping the menu, that probably means that their template page is not set correctly.

In order to fix this, make sure that the template page (Blog single) is published, and its slug is added to Settings page slug field in Appearance >Customize >Blog panel.

How to edit / remove Excerpt text?

In order to edit / remove excerpt text, navigate to the Post editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/Screenshot_5.jpg

After that, scroll to the bottom of the page editor where you’ll find Excerpt text.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/Screenshot_7.jpg
How to change / remove Header background image?

The Header background image on single posts represents featured image added to the posts or their template page (Blog single). In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.

In order to entirely remove the image, click on ‘Remove featured image’ button.

*Please note that once the featured image is added to the single posts’ template page, it will override the featured image added to the post.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/featured-image-blog.jpg
How to add / remove sidebar from single posts?

In order to add sidebar to single posts, navigate to their template page (Blog single), and in Override Global Settings panel, select ‘Sidebar’ setting, and select its position (left / right).

To remove sidebar, select ‘No Sidebar’.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/edit-sidebar-blog.jpg

*Note that sidebar can also be displayed on selected posts, by adding it to the post’s Override Global Settings.

How to entirely remove Header from single posts?

In order to remove entire Header from single posts, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the Blog single page editor:

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/hide-headline-blog.jpg

SECTION 06Creating Destinations

Destinations custom post type is based on standard WP functionality with some additional settings:
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/destinations-settings.jpg

Meta Description

Enter post description here. This will be used in description meta tags.

Images

Click Select or Upload Images to create gallery or add just a single image.

Grid Gallery

Check Grid Gallery to create grid gallery, otherwise gallery is displayed within a slider/carousel. Do not forget to upload the images you want to display as gallery and check Gallery Format in the Format box (on the right part of the page).

Video

In order to add Video post, enter Vimeo video URL, YouTube video URL or custom video shortcode in the Video field. Do not forget to check Video post format in the Format box.

Audio

If you want to create the Audio post, Audio field is where you enter audio shortcode or SoundCloud iframe embed code. Do not forget to check Audio format in the Format box.

Custom Fields

Enter any number of key/value pairs, e.g. Year/2015, etc.

Override Global Settings

As with pages, here you can override global settings.

ARTICLE 02FAQ

In this section you will find the most common questions regarding the editing of single destinations.
Single destination is overlapping the menu

If the single destinations appear as they are not formatted, and are overlapping the menu, that probably means that their template page is not set correctly.

In order to fix this, make sure that the template page (Destination single) is published, and its slug is added to Settings page slug field in Appearance >Customize >Destinations panel.

How to edit / remove Excerpt text?

In order to edit / remove excerpt text, navigate to the Post editor, and in Screen Options (at the top of the dashboard) enable Excerpt field.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/Screenshot_5.jpg

After that, scroll to the bottom of the page editor where you’ll find Excerpt text.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/Screenshot_7.jpg
How to change / remove Header background image?

The Header background image on single destinations represents featured image added to the posts or their template page (Destination single). In order to replace existing image with your own, click on the image, and when redirected, select image from Media Library.

In order to entirely remove the image, click on ‘Remove featured image’ button.

*Please note that once the featured image is added to the single destinations’ template page, it will override the featured image added to the post.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/07/featured-image-portfolio.jpg
How to add / remove sidebar from single destinations?

In order to add sidebar to destinations, navigate to their template page (Destination single), and in Override Global Settings panel, select ‘Sidebar’ setting, and select its position (left / right).

To remove sidebar, select ‘No Sidebar’.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/11/Screenshot_2-1.jpg

*Note that sidebar can also be displayed on selected posts, by adding it to the post’s Override Global Settings.

How to entirely remove Header from single destinations?

In order to remove entire Header from single destinations, make sure to check ‘Hide Default Headline’ field in Appearance >Customize >General Settings panel, or in Override Global Settings at the bottom of the Destination single page editor:

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/11/Screenshot_3-1.jpg

SECTION 07Creating Tours

Tours are based on standard WP functionality with some additional settings:
1. Tour Settings

These are general information about the tour. They will display below header, and in Information tab.

Here’s the list of fields:

  • Departure Location and Return Location – where the tour starts and where it ends. You can enter addresses or any other info. The locations will display in Information tab.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/departure-and-return.jpg
  • Promo Super Title, Promo Title, and Promo Subtitle – here you can enter title of your tour. The title will show at the start of the Tour info.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-title.jpg
  • Current Price – price of tour per person. This is the price that will be used in the search form when users filter tours per price. This price is shown in the bar under header on single tours.
  • Old Price – old tour price. It can be used for informational and discount purposes. This price won’t show on single tour, only on tours’ lists.
  • Discount Title – promo title shown as a ribbon above tour prices on single tour, Tour Single and Tour List elements. It is shown in alternate color.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-price-1.jpg
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-old-price-1.jpg
  • Travellers – minimum number of travelers required for the tour. This information will display in the bar below header on single tour, as well as on tour lists.
  • Duration – duration of the tour, in days or hours. This information will display in the bar below header on single tour, as well as on tour lists.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/travelers.jpg
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/travelers-2.jpg
2. Tour Start Dates & Time

Date(s) and Time when the tour starts. The dates will show in Information tab on single tour. If there is more than one date, first one will be visible, and others will display as a dropdown.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/start-date-and-time.jpg
3. Tour Media

Here you can add images and videos that will display in gallery tab or in a tour header.

The fields included are:

  • Gallery Images – these are the images that will show in Tour Gallery tab on single tour.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-gallery.jpg
  • Featured Images – these are the images that will show in single tour’s header if ‘Based on the Content’ header layout is selected.
  • Featured Videos – these are the videos that will show in single tour’s header if ‘Based on the Content’ header layout is selected.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-single-header-layout-content.jpg
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/header-featured-video.jpg
4. Tour Information

In this section you can set what is included in the tour price and what isn’t. Tour Includes can be added in Tours >Tour Includes panel on dashboard.

More on Tour Includes in the following sections.

The fields included are:

  • Price Include – here you can check what is included in the tour price.
  • Price doesn’t include – here you can check what is not included in the price.

Includes are displayed in Information tab on single tour.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/includes.jpg
  • Location Description / More about Tour – here you can add extra info about the tour if it’s necessary. The information will display in Additional info tab on single tour.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/additional-info.jpg
5. Tour Plan

In this section you can add tour plan for each day of the tour. Add title, headline, and description in their respective fields.

The information is displayed in Tour Plan tab of single tour.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-plan.jpg
6. Tour Reviews

In this section author can add his review of the tour and grades, as well as set categories for which the users can leave the rating.

The fields are:

  • Author Review Summary – author’s description and review of the tour.
  • Author Reviews – ratings for set categories. Ratings will display in the form of the progress bar, with an average grade calculated.
  • User Reviews – global settings for categories that users can rate are set in Customize >Tour single panel. This field can be used to override those settings on specific single tour.

This information will display in Reviews tab of single tour.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-reviews.jpg
7. Tour Additional

Here you can add additional info about the tour, such as additional prices, additional customs info, etc.

The fields are:

  • Additional Prices – enter title and additional price in their respective fields. Information will appear below ‘Price doesn’t include’ field.
  • Additional Info – add any additional info about the tour by entering title and description. Information will appear above ‘Price includes’ field.
  • Complementaries – enter complementaries by adding title and description. Information will appear below ‘Price doesn’t include’ field.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/additional-tour-2.jpg
8. Tour Google Map Routes

In this section, you can embed Google map with tour location(s).

The fields are:

  • Google Map Embed – enter URL of the iframe Google Map gave you when sharing a public map.
  • Google Map KMZ or KML File – upload your KMZ or KML file.

The map is displayed in Location tab of single tour.

In order to learn more on what KMZ and KML files are, please refer to the following link.

To learn how to share or download Google map, please have a look at the following article.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-map.jpg

SECTION 08Tour Destinations

Tour Destinations are standard WP categories with some additional features.

Tour Destination More About – here you can enter additional description about the tour location. The information will be displayed below the map in Location tab on single tour.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/destination-more-info.jpg
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/destination-more-info-f.jpg

Tour Destination Page Slug – this is the slug of the page (destination) which can be created in Destinations >Add New Destination panel on dashboard. It will be used to link to a Destination page from Single Tour page.

It can be used to provide additional description of the location(s) on the tour.

You can learn more about Destinations custom post type on this link.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-page-slug.jpg

When the slug is added, the link on Destination info on the single tour will lead to the page with that slug.

If the slug is not entered, the link leads to additional info in the Location tab of the single tour.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-page-slug-f.jpg

Tour Destination Location – here you can select the tour’s destination location. You can either enter longitude and latitude in their respective fields, or zoom in or zoom out the map, and drag the pin to a desired location.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-destination-location-2.jpg

SECTION 09Tour Includes

Tour Includes are based on WP tags with additional features.
http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-includes.jpg

All Tour Includes that are added will show in the Edit single tour panel, as amenities that can be included or not included in the tour price.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/tour-includes-checkboxes.jpg

On the frontend, Tour Includes will show in the Information tab of single tour.

http://documentation.bold-themes.com/travelicious/wp-content/uploads/sites/37/2018/10/includes-f.jpg