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 listing 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/bello/wp-content/uploads/sites/31/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/bello/wp-content/uploads/sites/31/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/bello/wp-content/uploads/sites/31/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/bello/wp-content/uploads/sites/31/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/bello/wp-content/uploads/sites/31/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/bello/wp-content/uploads/sites/31/2017/11/edit-element.jpg

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

http://documentation.bold-themes.com/bello/wp-content/uploads/sites/31/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.

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/bello/wp-content/uploads/sites/31/2017/11/override_global_settings.jpg

SECTION 04Creating Blog Posts

Posts are based on standard WP functionality with some additional settings:
http://documentation.bold-themes.com/bello/wp-content/uploads/sites/31/2017/11/blog_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 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”.

SECTION 05Creating Listings

Listing is a custom post type that allows you to create fields for your users to fill in.

In order to create listings, you first need to create categories that will display those listings, and define listing fields.

First category that you need to have is a root category. This category will include fields of the main categories for the listing, and they will display on top of each listing.

The slug of the root category should be added to the Root Category Slug field in Appearance >Customize >Listing panel.

Listing categories are based on standard WP functionality with some additional settings:

Custom Fields

Here the site administrator defines the fields that will be available to the Listing user.

For the fields to be defined and displayed on the Listing, they need to contain the following information:

1.  Heading for the same set of fields.

heading_contact;Contact Information;heading

The field title is ‘heading_contact’, then goes the label (in this case ‘Contact Information’), and ‘heading’ is a field type.

Here is an example from Accommodation category, and its contact fields.

http://documentation.bold-themes.com/bello/wp-content/uploads/sites/31/2018/03/Screenshot_2.jpg

2. Then, optionally, you can add description for this group of fields.

desc
  Use the following fields to show all the contact information about your business on the details page. Note that some of the fields might not be displayed, depending on the subscription you have for your listing.

First, it needs to have ‘desc’ added, with a space in front, and then you can define description, in a new line, with two spaces in front.

http://documentation.bold-themes.com/bello/wp-content/uploads/sites/31/2018/03/Screenshot_3.jpg

3. Lastly, each field needs to be defined, by first adding field title, then name, field type, and, optionally widget, so that this field can be displayed in BT Listing widget.

contact_address;Address;text;widget_contact_details

The ‘contact_address’ is a field title, ‘Address’ is a name, field type is ‘text’, and widget with a slug ‘contact_details’.

Slug – Used for identifying a metabox field, these must be unique, not only within a category, but also within parent and child caregories.
Name – Used for the label of the field.
Field type – Field type being used.
Group of Widget – Where the field will be shown – if it’s one of the existing groups (Amenities, Media, MediaViceo, FAQ) or a new group (can’t be named as one of the existing groups), if it’s a widget, you need to enter ‘widget_slug’, and then the widget slug that you need to enter in the BT Listing widget, in the field slug.

http://documentation.bold-themes.com/bello/wp-content/uploads/sites/31/2018/03/Screenshot_4.jpg

And this is how the whole group of fields will display in a Listing.

http://documentation.bold-themes.com/bello/wp-content/uploads/sites/31/2018/03/Screenshot_5.jpg

Custom Fields Settings

Here administrator can define which fields will be mandatory, and in which packages they will appear.

When ‘Search’ and ‘Advanced Search’ options are enabled, that field will be included in the search options, and Additional filters (Advanced Search). The fields usually included in Advanced Search are Amenities (checkbox fields).

When ‘Mandatory’ option is enabled, Listing creator/user will be required to fill in that field.

Packages options define in which package will this field be available for Listing creators/users.

Default package is a free package that anyone can use to create Listing. This package usually has the least fields available from all the packages.

Other packages are paid packages. They usually have most of the fields available for Listing creator/user, depending on their price. These paid packages can be created and edited in WooCommerce Products panel.

http://documentation.bold-themes.com/bello/wp-content/uploads/sites/31/2018/03/Screenshot_6.jpg