Manuel Ballesta Ruiz

Nov 142018
 

Manage WordPress Vantage Theme Listings Forms shows you how to add, edit and manage listings forms in your admin panel and much more.

In this post you will learn how to add new forms for your listings. There are different fields you can add to each form. Depending on the field you add, you will have different options. Vantage makes it very easy to add as many listings forms as you need for your site.

Manage WordPress Vantage Theme Listings Forms

Step 1 ) The following image Forms allows you to manage and add new forms for your listings.

Forms Menu

  • Forms
  • Add New

vantage-theme-additional-listings-fields-menu

Step 2 ) The following image Add New Form allows you to add new listings forms. These forms will appear in each listing depending on the Listing Categories you assigned to each form. The following is a list of form fields available for you to use in each form you add.

Form Builder Fields

  • Text Field
  • Number
  • URL
  • Email
  • Text Area
  • File Upload
  • Select List
  • Radio
  • Checkboxes

Publish

  • Status
  • Visibility
  • Publish immediately

Listing Categories

  • Food is the parent of Desert

vantage-theme-additional-listings-fields

Step 3 ) The following image shows you the fields available for each form field in the list below.

Form Fields

  • Text Field
  • Number
  • URL
  • Email
  • Text Area

Step 3-a ) Each of the above fields provides you with the following options to select.

Field Options

  • Required
  • Label
  • Tooltip
  • Click on the x button to delete the field.

vantage-theme-forms-number-field-options

Step 4 ) The following image shows you the fields available for the form field below.

Form Field

  • File Upload

Step 4-a ) The field above provides you with the following options to select.

Field Options

  • Required
  • Label
  • Tooltip
  • Allowed Extensions = In this example I added a pdf extension. You can add as many extensions allowed for your site. Remember to add a comma after each extension.
  • Click on the x button to delete the field.

vantage-theme-forms-file-upload-field-options

Step 5 ) The following image shows you the fields available for each form field in the list below.

Form Fields

  • Select List
  • Radio

Step 5-a ) Each of the above fields provides you with the following options to select.

Field Options

  • Required
  • Label
  • Tooltip
  • Options = Click on the plus symbol to add more option fields. Add as many as needed for your form. If you make a mistake and need to delete the field, click on the x symbol to remove the field.
  • Click on the x button to delete the field.

vantage-theme-forms-select-list-field-options

Step 6 ) The following image shows you the fields available for the form field below.

Form Field

  • Checkboxes

Step 6-a ) The field above provides you with the following options to select.

Field Options

  • Required
  • Label
  • Tooltip
  • Options = Click on the plus symbol to add more option fields. Add as many as needed for your form. If you make a mistake and need to delete the field, click on the x symbol to remove the field.
  • Click on the x button to delete the field.

vantage-theme-forms-checkboxes-field-options

The instructions above shows you how simple it is to add listings forms in Vantage theme.

If you have any questions or suggestions please leave a comment.

There will be more tutorials coming soon. So make sure you keep coming back for the latest.

Enjoy.

Vantage Theme Tutorial List:

Nov 022018
 

Adding Blocks In WordPress Gutenberg post talks about the different tools you can use when adding blocks, titles, images, galleries and other blocks.

The following tutorial shows you the different tools you can use and different settings you can configure when adding blocks, images, galleries and other blocks.

The following shows you a small list of tools and settings you will learn about.

Tools , Settings For Blocks

  • H2
  • H3
  • Bold
  • Italic
  • Align left
  • Align center
  • Align right
  • and more

WordPress Gutenberg Editor Tutorials:

Adding Blocks In WordPress Gutenberg

Step 1 ) The following image shows you the title and content block when adding a new post.

Gutenberg New Post Editor

  • Add title field
  • Text block

add-new-post-wordpress-gutenberg-editor

Change Permalinks

Step 2 ) The following image shows you the Change Permalink button after you type in the post title.

change-post-permalink-wordpress-gutenberg-editor

Add Heading Tools

Step 3 ) The following image shows you the different tools you see when adding a heading to the content of a post.

Add Heading Tools

  • H2
  • H3
  • H4
  • Bold
  • Italic
  • Link
  • Strikethrough
  • More options

add-post-heading-wordpress-gutenberg-editor

Step 3-a ) The following image shows you the block settings in the top right editor options.

Heading Settings

  • H2
  • H3
  • H4
  • H5
  • H6

Text Alignment

  • Align left
  • Align center
  • Align right

Advanced

  • HTML Anchor
  • Additional CSS Class

add-post-heading-settings-wordpress-gutenberg-editor

Add Image Tools

Step 4 ) The following image shows you different tools you can use when adding an image to the content of a post.

Note: When adding a gallery the procedure is the same as adding an image.

Add Image Tools

  • Align left
  • Align center
  • Align right
  • Wide width
  • Full width
  • More options
  • Upload
  • Media Library
  • Insert from URL

add-image-to-post-wordpress-gutenberg-editor

Step 4-a ) The following image shows you the block settings in the top right editor options.

Advanced

  • Additional CSS Class

add-image-to-post-settings-wordpress-gutenberg-editor

Content Editor More Options

Step 5 ) The following image More Options allows you to manage and set up the following options when adding an image, gallery and other blocks to the content in a post.

Content Editor More Options

  • Hide Block Settings
  • Duplicate
  • Insert Before
  • Insert After
  • Edit as HTML
  • Add to Reusable Blocks
  • Remove Block

more-options-in-cotent-wordpress-gutenberg-editor

==============================

That is how simple it is to add blocks to the content in a post and page.

If you have any questions please let me know. I will be updating this tutorial from time to time.

Enjoy.

Oct 302018
 

WordPress Gutenberg Top Right Editor Options post talks about the different settings and options you can manage in the editor and more.

Last Updated: November 2, 2018

Latest News: I added another tutorial to the list.

The following tutorial shows you how to manage Gutenberg top right editor options. There are a lot of options for you to manage but are self explanatory. If you are used to managing the posts and pages using the TinyMCE editor then you should also find this easy to manage. There are a few extra tools at your disposal. You just need to spend a bit of time getting to know them all.

The following shows you a small list of tools, options and settings you will learn about.

Tools, Options and Settings

  • Visibility
  • Publish
  • Move to trash
  • Categories
  • Tags
  • Featured Image
  • Excerpt
  • Discussion
  • and more….

WordPress Gutenberg Editor Tutorials:

WordPress Gutenberg Top Right Editor Options

Step 1 ) The following image shows you the top right hand side options for the editor. Here you manage the following options.

Gutenberg Top Right Side Editor Options

  • Save Draft
  • Preview
  • Publish…
  • Settings
  • More

wordpress-gutenberg-editor-top-right-settings-menu

Right Side Editor Settings

Step 2 ) The following image shows you the drop down menu for the Settings. Under the settings you can manage the following tabs. Each tabs has a list of options for you to manage.

Right Side Editor Settings

  • Status & Visibility
  • Categories
  • Tags
  • Featured Image
  • Excerpt
  • Discussion

wordpress-gutenberg-editor-top-right-settings-options

Status & Visibility Settings

Step 2-a ) The following image Status & Visibility allows you to manage the following options.

Status & Visibility Settings

  • Visibility
  • Publish
  • Stick to the Front Page
  • Pending Review
  • Move to trash

wordpress-gutenberg-editor-top-right-status-visibility-settings

Categories and Tags Settings

Step 2-b ) The following image Categories and Tags allows you to manage and add new categories and tags to the post.

wordpress-gutenberg-editor-top-right-category-tags-settings

Featured Image, Excerpt, Discussion Settings

Step 2-a ) The following image Featured Image, Excerpt and Discussion allows you to manage the following options.

Featured Image

  • Set featured image

Excerpt

  • Write an excerpt (optional)

Discussion

  • Allow Comments
  • Allow Pingbacks & Trackbacks

wordpress-gutenberg-editor-top-right-featured-image-excerpt-settings

More Options

Step 3 ) The following image More Options allows you to manage and set up the following options.

View

  • Unified Toolbar
  • Spotlight Mode
  • Fullscreen Mode

Editor

  • Visual Editor
  • Code Editor

Tools

  • Manage All Reusable Blocks
  • Keyboard Shortcuts
  • Copy All Content

Options

  • All the options are listed below in  3-a, 3-b and 3-c.

wordpress-gutenberg-editor-top-right-settings-more-options

Options – General

Step 3-a ) The following image Options – General allows you to enable the following options.

Options – General

  • Enable Pre-publish Checks
  • Enable Tips

wordpress-gutenberg-editor-more-options-general

Options – Document Panels

Step 3-b ) The following image Options – Document Panels allows you to enable the following options.

Options – Document Panels

  • Categories
  • Tags
  • Featured Image
  • Excerpt
  • Discussion

wordpress-gutenberg-editor-more-options-document-panels

Options – Advanced Panels

Step 3-c ) The following image Options – Advanced Panels allows you to enable the following options.

Options – Advanced Panels

  • Publish
  • Categories
  • Tags
  • Featured Image
  • Revisions
  • Excerpt
  • Send Trackbacks
  • Custom Fields
  • Discussion
  • Slug
  • Author

wordpress-gutenberg-editor-more-options-advanced-panels

==============================

That is how simple it is to manage, control the tools and options used in the editor top right hand side.

If you have any questions please let me know. I will be updating this tutorial from time to time.

Enjoy.

Oct 292018
 

WordPress Gutenberg Top Left Editor Options post talks about the different blocks you can add to a post or page.

Last Updated: November 2, 2018

Latest News: I added another tutorial to the list.

The following tutorial shows you how to manage Gutenberg top left editor options. It also shows you all the different block groups available for you to use. Each block group has a list of other blocks. This makes it very simple to add just about anything you want to a post using blocks. There is a large number of blocks for you to choose from. I am sure that you will find all the blocks needed for your posts.

WordPress Gutenberg Editor Tutorials:

WordPress Gutenberg Top Left Editor Options

Step 1 ) The following image shows you the top left hand side options for the editor. Here you have the option to add the following.

Gutenberg Top Left Editor Options

  • Add Block
  • Undo and Redo
  • Content Structure
  • Block Navigation

wordpress-gutenberg-editor-top-left-options

Group Of Blocks

Step 2 ) The following image shows you a list of groups of blocks available in Gutenberg. Each group of blocks contains a list of blocks for that group. This allows you to easily select the correct block you wish to add in your post.

Gutenberg Group Of Blocks

  • Most Used
  • Common Blocks
  • Formatting
  • Layout Elements
  • Widgets
  • Embeds

wordpress-gutenberg-editor-group-of-blocks

Common Blocks

Step 2-a ) The following image shows you a list of different blocks in the Common Blocks group area.

Gutenberg Common Blocks

  • Paragraph
  • Heading
  • Image
  • Gallery
  • List
  • Quote
  • Audio
  • Cover
  • File
  • Video

wordpress-gutenberg-editor-common-blocks

Formatting Blocks

Step 2-b ) The following image shows you a list of different blocks in the Formatting Blocks group area.

Gutenberg Formatting Blocks

  • Code
  • Classic
  • Custom HTML
  • Preformatted
  • Pullquote
  • Table
  • Verse

wordpress-gutenberg-editor-formatting-blocks

Layout Elements Blocks

Step 2-c ) The following image shows you a list of different blocks in the Layout Elements Blocks group area.

Gutenberg Layout Elements Blocks

  • Button
  • Columns
  • Media & Text
  • More
  • Page break
  • Separator
  • Spacer

wordpress-gutenberg-editor-layout-elements-blocks

Widgets Blocks

Step 2-d ) The following image shows you a list of different blocks in the Widgets Blocks group area.

Gutenberg Widgets Blocks

  • Shortcode
  • Archives
  • Categories
  • Latest Comments
  • Latest Post

wordpress-gutenberg-editor-widgets-blocks

Embeds Blocks

Step 2-e ) The following image shows you a list of different blocks in the Embeds Blocks group area. As you can see there is a huge number of third-party social media content blocks like (YouTube, Twitter, Facebook etc.) you can add. This makes it very easy and simple to add social media videos and more to your site

Gutenberg Embeds Blocks

  • YouTube
  • Twitter
  • Facebook
  • Instagram
  • Vimeo
  • Soundcloud
  • Spotify
  • Flickr
  • Animoto
  • Cloudup
  • CollegeHumor
  • Dailymotion
  • Funny or Die
  • Hulu
  • Imgur
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Photobucket
  • Polldaddy
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Speaker
  • TED
  • Tumblr
  • VideoPress
  • WordPress
  • WordPress.tv

wordpress-gutenberg-editor-embeds-blocks

 
 

Content Structure Information

Step 3 ) The following image shows you the content structure information of a post. From the information below, you can see how handy this information will become once you start using Gutenberg. The information can be important for future references.

Content Content Structure Information

  • Words = 15
  • Headings = 0
  • Paragraphs = 0
  • Blocks = 1

wordpress-gutenberg-editor-top-left-options-content-structure

Block Navigation

Step 4 ) The following image Block Navigation allows you to select from the following options. In this example you can see Classic block to select. As you start adding blocks in a post this list will show those blocks added. This allows you to easily select the block you want to work on. This option becomes handy when you have a large number of blocks to manage.

Block Navigation

  • Classic

 

wordpress-gutenberg-editor-top-left-block-navigation

==============================

That is how simple it is to manage and add blocks to your posts and pages using the top left editor options.

If you have any questions please let me know. I will be updating this tutorial from time to time.

Enjoy.

Oct 262018
 

WordPress Gutenberg Editor post talks about the different options to use and how to manage the new editor and more.

Last Updated: November 2, 2018

Latest News: I added another tutorial to the list.

The following tutorial shows you how to set up and manage Gutenberg Editor. This is going to be the new WordPress editor for the future. There is a lot of differences between the Classic Editor and this editor. My intentions with this tutorial is to help you understand the functionality of Gutenberg. Once you become accustom to the new editor you should be able to do much more work in your posts and pages faster without needing too much CSS, HTML knowledge. The whole idea with this new editor is to work with blocks. Each block manages one part or section of the content in a post or page. For example: You can add one block of text, a block of images, a video block etc. I think you get the idea behind the using of blocks concept.

In this tutorial I will introduce the new editor and the different sections it covers. Then I will add a list of tutorials covering each section of the editor in depth.

WordPress Gutenberg Editor Tutorials:

WordPress Gutenberg Editor

Step 1 ) The following image shows you the new editor in action. You can see different sections that allow you to manage different areas in the editor. This is very similar to some degree to the Classic Editor. You should not have too many problems to become accustom to the new editors structure.

wordpress-gutenberg-editor

Gutenberg Top Left Side Editor Options

Step 2 ) The following image shows you the top left hand side options for the editor. Here you have the option to add the following.

Gutenberg Top Left Side Editor Options

  1. Add Block
  2. Undo
  3. Redo
  4. Content Structure
  5. Block Navigation

wordpress-gutenberg-editor-top-left-options

Gutenberg Top Right Side Editor Options

Step 3 ) The following image shows you the top right hand side options in a post or page. Here you have the option to add and manage the following options.

Gutenberg Top Right Side Editor Options

  • Switch to Draft
  • Preview
  • Update
  • Settings
  • More Settings
  • Document
  • Block
  • Status & Visibility
  • Categories
  • Tags
  • Featured Image
  • Excerpt
  • Discussion

wordpress-gutenberg-editor-top-right-settings

Editing Content Block Options

Step 4 ) The following image shows you a text block displayed in a post. The following image shows you basic layout of the different options you can manage and add when editing a block. I will be adding a more in depth tutorial about all the different options available.

Editing Content Block Options

  • Classic Editor
  • Add Image
  • Add Heading
  • Add Gallery

wordpress-gutenberg-editor-text-block

==============================

That is how simple it is to manage and work with the new Gutenberg Editor. Of course, at first you will need to spend a bit of time getting to know the new editor.

If you have any questions please let me know. I will be updating this tutorial from time to time.

Enjoy.

Oct 252018
 

Add New ClassiPress WP Theme Ad Categories post shows you how to add and manage new ad categories in your site and more.

In this post you will learn how to add new ad categories to your site. You will also learn how to manage the number of categories displayed in a menu. Remember that ClassiPress allows you to display menus in a few different locations. I will be working with the Header Navigation menu for this tutorial. These settings apply to all the menus displayed in your site.

Note: Remember once you are finish setting up the ad categories click on Save Changes button.

Add New ClassiPress WP Theme Ad Categories

Step 1 ) Go to Ads -> Categories to start adding new categories ads in your site.

wp-classipress-theme-ads-categories-menu

Step 2 ) The following image Add New Category allows you to start adding new ad categories. This is similar to adding new categories in WordPress. The only difference is that these categories are assigned to ads and not to WordPress posts and pages.

New Category Options

  • Name
  • Slug
  • Parent Category
  • Description
  • Category Image
  • Click on Add New Category button when you finish adding your categories.

add-new-wp-classipress-theme-categories-ads

Ad Categories Information

Step 3 ) The following image shows a list of ad categories I have added for this tutorial. I have not listed all the categories because there are many. However the information below helps you understand how the structure works. There is no limit on how many ad categories you can add. But make sure you don’t add too many as this can become very challenging and overwhelming to manage.

Ad Categories List

  • Cars is the parent of Corolla, Ford, Mazda and Toyota.
  • Corolla is the parent of 2 Doors and 4 Doors.
  • 2 Doors is the parent of Blue and Red.

new-wp-classipress-theme-categories-ads-added

Categories Menu

Step 4 ) The following image Categories -> Categories Menu allows you to manage and control how the ad categories will be displayed in a menu.

Categories Menu Options

  • Show Count = Not enabled.
  • Hide Empty = Not enabled.
  • Category Depth = 3
  • Number of Sub-Categories = 3

Note: The default settings is good enough for most sites. However if you need something different for your site, play around with these settings until you are satisfied.

wp-classipress-theme-categories-admin-settings

Ad Categories Displayed

Step 5 ) The following image displays the ad categories added in the Step 3 ) above and the display is based on the settings in Step 4 ) above. You can see two columns, and 3 sub categories displayed in the Header Navigation menu.

wp-classipress-theme-categories-ads-displayed-in-menu

Ad Categories Display Adjusted

Step 6 ) The following image displays the ad categories with some adjustments. For example: In this case the following options Category Depth and Number of Sub-Categories have been adjusted.

You can see Cars, Corolla, Furniture, Beds which is set to 2 category depth. You only see Double Size which is set to 1 the number of sub-categories.

Categories Menu Options

  • Show Count = Not enabled.
  • Hide Empty = Not enabled.
  • Category Depth = 2
  • Number of Sub-Categories = 1

wp-classipress-theme-categories-ads-displayed-in-menu-adjusted

Step 6-a ) The following image displays the categories ads with a different adjustment. For example: In this situation the following options Category Depth and Number of Sub-Categories have been adjusted.

You can see Cars, Corolla, Ford, Furniture, Beds and Chairs which is set to 2 category depth. You now can see 2 Doors, 4 Doors, Double Size and King Size which is set to 2 the number of sub-categories.

Categories Menu Options

  • Show Count = Not enabled.
  • Hide Empty = Not enabled.
  • Category Depth = 2
  • Number of Sub-Categories = 2

wp-classipress-theme-categories-ads-displayed-in-menu-2nd-adjusted

That is how simple it is to add and manage new ad categories in your site.

If you have any questions or suggestions please leave a comment.

Enjoy.

ClassiPress Theme Tutorial List:

Oct 232018
 

WP ClassiPress Theme Header Navigation Menu post shows you how to set up the main menu in your site and more.

In this post you will learn how to set up and manage the header navigation menu in ClassiPress. You will learn how to edit the menu via the customizer and via the menu in WordPress admin.

Note: This tutorial is based on the default theme settings when you first install ClassiPress 4.1.0.

ClassiPress Theme Menu List:

WP ClassiPress Theme Header Navigation Menu

Step 1 ) The following image shows you the Primary menu (Header navigation) location in the front page of the site. In this example you see 1 page added to the footer menu.

ClassiPress Header Navigation Front Page

  • Categories

classipress-theme-header-navigation-menu

Customize Primary Menu (Header navigation)

Step 2 ) The following image shows you the Primary menu (Header navigation) displayed in the customize admin area. Go to Appearance -> Customize to view this setting.

Customize Primary Menu

  • Categories

Menu Locations

  • Header Navigation (Current: Primary)

classipress-theme-header-header-navigation-menu-customizer

Step 3 ) The following image shows you the Primary menu admin settings. This is located in Appearance -> Menus. You can see the 2 menus added as mentioned in Step 2 ) above.

Menu Name

  • Primary

Menu Structure

  • Categories = For this tutorial I have added sub items and there is a reason why. I am going to write a tutorial about how to display and manage ads categories in ClassiPress.

classipress-theme-header-navigation-admin-menu

Step 3-a ) The following image shows you the Primary menu admin settings display location.

Menu Settings

  • Auto add pages
  • Display location = Header Navigation
  • If you wish to delete this menu, click on Delete Menu link.
  • Remember click on Save Menu button once you have completed setting up your menu.

classipress-theme-header-navigation-admin-menu-display-location

Manage Locations

Step 4 ) The following image Manage Locations shows you the different locations you can select for each menu.

Theme Location

  • Topbar Navigation
  • Header Navigation = Primary menu is assigned to this location.
  • Footer Navigation
  • User Dashboard
  • Click on Save Changes button when you finish with the settings.

classipress-theme-wordpress-header-navigation-menu-location

Assigned Menu

Step 5 ) The following image Assigned Menu shows you a list of different menus you can select for each theme location.

Assigned Menu

  • Dashboard
  • Footer
  • Header
  • Primary = This menu has been assigned to Header Navigation.
  • Secondary

classipress-theme-wp-header-assigned-menu-location

==============================

That is how simple it is to set up your Header Navigation menu.

You might like to check the following URL How To Create A WordPress Menu to learn more about creating and managing menus in WordPress.

If you have any questions or suggestions please leave a comment.

There will be more tutorials coming soon. So make sure you keep coming back for the latest.

Enjoy.

ClassiPress Theme Tutorial List:

Oct 222018
 

WP ClassiPress Theme Footer Menu post shows you how to set up the footer menu in your site and more.

Last Updated: October 23, 2018

Latest News: I have updated the menu list.

In this post you will learn how to set up and manage the footer menu in ClassiPress. You will learn how to edit the menu via the customizer and via the menu in WordPress admin.

Note: This tutorial is based on the default theme settings when you first install ClassiPress 4.1.0.

ClassiPress Theme Menu List:

WP ClassiPress Theme Footer Menu

Step 1 ) The following image shows you the Footer menu (Footer navigation) location in the front page of the site. In this example you see 2 pages added to the footer menu.

ClassiPress Footer Navigation Front Page

  • Home
  • Blog

classipress-theme-footer-site-menu

Customize Footer Menu (Footer navigation)

Step 2 ) The following image shows you the Footer menu (Footer navigation) displayed in the customize admin area. Go to Appearance -> Customize to view this setting.

Customize Footer Menu

  • Home
  • Blog

Menu Locations

  • Footer Navigation (Current: Footer)

classipress-theme-footer-menu-customizer

Step 3 ) The following image shows you the Footer menu admin settings. This is located in Appearance -> Menus. You can see the 2 menus added as mentioned in Step 2 ) above.

Menu Name

  • Footer

Menu Structure

  • Home
  • Blog

Menu Settings

  • Auto add pages
  • Display location = Footer Navigation
  • If you wish to delete this menu, click on Delete Menu link.
  • Remember click on Save Menu button once you have completed setting up your menu.

classipress-theme-footer-admin-menu

Manage Locations

Step 4 ) The following image Manage Locations shows you the different locations you can select for each menu.

Theme Location

  • Topbar Navigation
  • Header Navigation
  • Footer Navigation = Footer menu is assigned to this location.
  • User Dashboard
  • Click on Save Changes button when you finish with the settings.

classipress-theme-wordpress-footer-menu-location

Assigned Menu

Step 5 ) The following image Assigned Menu shows you a list of different menus you can select for each theme location.

Assigned Menu

  • Dashboard
  • Footer = This menu has been assigned to Footer Navigation.
  • Header
  • Primary
  • Secondary

classipress-theme-wordpress-footer-assigned-menu-locations

==============================

That is how simple it is to set up your Footer Navigation menu.

You might like to check the following URL How To Create A WordPress Menu to learn more about creating and managing menus in WordPress.

If you have any questions or suggestions please leave a comment.

There will be more tutorials coming soon. So make sure you keep coming back for the latest.

Enjoy.

ClassiPress Theme Tutorial List:

Oct 212018
 

WP ClassiPress Theme Topbar Navigation Menu post shows you how to set up the topbar navigation menu in your site.

Last Updated: October 23, 2018

Latest News: I have added more information below.

In this post you will learn how to set up and manage the topbar navigation menu in ClassiPress. You will learn how to edit the menu via the customizer and via the menu in WordPress admin.

Note: This tutorial is based on the default theme settings when you first install ClassiPress 4.1.0.

ClassiPress Theme Menu List:

WP ClassiPress Theme Topbar Navigation Menu

Step 1 ) The following image shows you the Header menu (Topbar navigation) locations on the front page of the site. In this example you see 2 pages added to the topbar navigation menu by default.

ClassiPress Topbar Navigation Menu Front Page

  • Home
  • Blog

classipress-theme-header-top-navigation-bar-menu

Customize Header Menu (Topbar navigation)

Step 2 ) The following image shows you the Header menu (Topbar navigation) displayed in the customize admin area. Go to Appearance -> Customize to view this setting.

Customize Header Top Navigation Menu

  • Home
  • Blog

Menu Locations

  • Topbar Navigation (Current: Header)

classipress-theme-header-menu-customizer

Step 3 ) The following image shows you the Header menu admin settings. This is located in Appearance -> Menus. You can see the 2 menus added as mentioned in Step 2 ) above.

Menu Name

  • Header

Menu Structure

  • Home
  • Blog

Menu Settings

  • Auto add pages
  • Display location = Topbar Navigation
  • If you wish to delete this menu, click on Delete Menu link.
  • Remember click on Save Menu button once you have completed setting up your menu.

classipress-theme-top-navigation-admin-menu

Manage Locations

Step 4 ) The following image Manage Locations shows you the different locations you can select for each menu.

Theme Location

  • Topbar Navigation = Header menu is assigned to this location.
  • Header Navigation
  • Footer Navigation
  • User Dashboard
  • Click on Save Changes button when you finish with the settings.

classipress-theme-wordpress-top-navigation-menu-location

Assigned Menu

Step 5 ) The following image Assigned Menu shows you a list of different menus you can select for each theme location.

Assigned Menu

  • Dashboard
  • Footer
  • Header = This menu has been assigned to Topbar Navigation.
  • Primary
  • Secondary

classipress-theme-wordpress-assigned-menu-locations

==============================

That is how simple it is to set up your Topbar Navigation menu.

You might like to check the following URL How To Create A WordPress Menu to learn more about creating and managing menus in WordPress.

If you have any questions or suggestions please leave a comment.

There will be more tutorials coming soon. So make sure you keep coming back for the latest.

Enjoy.

ClassiPress Theme Tutorial List:

Oct 162018
 

Add New ClassiPress WordPress Theme Ads post shows you how to ad new ads to your classipress site. This is similar to adding a new post or page.

In this post you will learn how to add new ads to your site. Adding a new ad is similar to adding a post or a page in WordPress. The only difference is the extra options you can choose from for each ad.

Note: Remember once you are finish setting up the ad click on Publish button.

Add New ClassiPress WordPress Theme Ads

Step 1 ) Go to Ads -> Add New to start adding new classipress ads in your site.

classipress-theme-ads

Step 2 ) Enter a Title and Description including images for each new ad for your site just like you do when you add a new post or page.

Listings Info

Step 3 ) The following image Listings Info allows you to enter the following information per ad as illustrated in the following image.

Listings Info Settings

  • Reference ID
  • Submitted from IP
  • Marked as Sold
  • Views Today
  • Views Total

classipress-theme-listings-info

Listings Details

Step 4 ) The following image Listings Details allows you to set up the following options.

Listings Details

  • Price
  • Street
  • City
  • State
  • Country
  • Zip/Postal Code

classipress-theme-listings-details

Pricing Information

Step 5 ) The following image Pricing Information allows you to set up the following options.

Pricing Information Settings

  • Listing Duration
  • Expires on

classipress-theme-pricing-information

Reports and Attachments

Step 6 ) The following image Reports and Attachments shows you a report about each ad. You can also Add Media to your ads.

classipress-theme-reports-and-attachments

Step 7 ) Select Categories, Tags and a Featured Image if you want your ad to have one. Once you are ready to publish the ad, click on the Publish button.

That is how simple it is to add new classipress ads to your site.

If you have any questions or suggestions please leave a comment.

Enjoy.

ClassiPress Theme Tutorial List: