The pages in this section (sub-nav) show you the various ways content can be styled on your site.
When editing or creating new pages, if your page is not looking as it should, go to one of these pages and click edit. Then view the widget to double check the formatting that was applied to them and apply the same formatting to the element you are working on.
Content Styles – Shows you basic interior page content styles and formatting.
Contents
- Pages
- Thumbnail Image Navigation
- Content Editor (WYSIWYG)
- Font Styles Selection
- Block Quotes
- Links/Icons
- Inline Images
- Adding a Sidebar
- SEO Settings
- Media Library
- Posts (Blog & News)
- Categories and Tags Alternative Method
- Comments
- Team Bios
- Menus (Regular Menu Links)
- Options
- Products
- Facets
- Tables
Pages
- Enter SEO Settings information.
- Enter content into wysiwyg (instructions below)
- Add Header image from Media Library
- Enter optional H1 which will overwrite title in second Title field
- Note: When naming the page, it is recommended to name it according to the final sitemap
- Once selected you will be requested to Enter title here for the page. URL will be auto-generated based upon what is entered into the “Enter Title” field. To change, click the Edit button that appears under field
- If you want to build a new page, select Add New
- In left menu, click Pages (This will allow you to view all Pages that are currently built)
- Type content directly into the wysiwyg in HTML Fields Tab or copy/paste from word processor with ease
Thumbnail Image Navigation
- Options > Visual Nav
- Click Add Visual Navigation Image (creates a new row)
- In the Menu Title, ensure the name of the page is entered exactly as it appears on the Visual Navigation
- Once entered, select or upload an image from the Media Library
- Note: Change will be live immediately
Content Editor (WYSIWYG)
- Type content directly into the wysiwyg in HTML Fields Tab or copy/paste from word processor with ease
- When copying/pasting, ALWAYS use the clear formatting button!
- Use special characters button for all special characters. If not, the coding may be different.
Font Styles Selection
- Different font styles, including headers, are chosen from the Format drop-down menu
- Block Quotes In Content Editor
- Highlight text to be put into block quotes
- Select block quote button
Block Quotes In Content Editor
- Highlight text to be put into block quotes
- Select block quote button
Links
- Highlight the word/s which you want to create as a link and clicking on the insert/edit link icon.
- Enter the destination URL directly into the field or performing search.
- For internal links, insert page url only (eg: /about).
- For external links, insert the entire url (http://www.website.com) and click Open in a New Window/Tab box. For telephone “click to call” functionality add tel:phonenumber, and email insert mailto:email@email.com
- Click Add Link button
- To break a link, highlight linked text and click Remove Link button (broken chain)
- Click Update
Adding a PDF Link Icon
- After making a link, select the link and go to formats.
- Scroll down to formats, inside of the format menu and select Download Link.
Inline Images
- To add an in-line image, place your cursor on the area where the image should appear, and click Add Media button above wysiwyg
- Click on the little chart symbol to open the media library
- Scroll to find an image or search using field in top right corner, select it, then click Insert Into Page button
- Upload and find the image on your computer (EDIT ALL IMAGES IN IMAGE EDITING SOFTWARE BEFORE UPLOADING TO FILEBIN PLEASE) and upload. Then select the image and click insert.
- Once the image is in place, click on image to reveal edit toolbar. Choose an alignment and add vertical/horizontal space if necessary.
- Click Update
Adding a Sidebar
- In the sidebar section on the page you are editing, either pick a sidebar you’ve created, or click Enter New and name your new sidebar specific to the page you’re working on for easy finding.
- In the Widgets area, select your newly created Sidebar from the drop-down menu on the right side.
- It will create a white box with the name of your Sidebar.
- Drag the element(s) that you would like to add from the left options to your Sidebar. (Anything labeled OMS has been styled for your website.)
- Fill out the necessary information and click Save. If you have saved a draft of your page, you can go to Pages and find your page to review. Be sure to “Publish” when you are ready!
SEO Settings
- Search Engine Listing Tab
- Enter Title tags (max. 70 characters)
- Enter Meta Description (max. 140 characters)
Media Library
- Click Media, Library, Add New
- Drop files into window or click Select Files button
- To Edit Images or other Media you may view as a list or Media Grid View
- Inside the Media Grid, media items are displayed in a thumbnail grid for ease of navigation. Click any media item to edit the image directly; however, we recommend that you use photo editing software like Photoshop before uploading images to Media Library. In this view, you may also edit the image metadata or media item metadata.
- Media library can be filtered by type or date and is searchable by title.
News (Articles)
- In left menu, click News
- Select Add New
- Enter Title
- URL will be auto-generated based upon Title. To change, click the Edit button that appears under field
- Enter post copy in wysiwyg
- If copy contains links to outside sites, be sure to create link as Open in new tab.
- SEO Settings
- Search Engine Listing Tab
- Enter Title tags (max. 70 characters)
- Enter Meta Description (max. 140 characters)
- **If fields are left blank, search engines will use Blog post title for Meta tags and first 140 characters of post for Meta Description
- Check categories box from list
- Add New Category by clicking +Add New Category link at the bottom of Categories panel and entering category name, choosing Parent Category from the drop-down menu
- Save by clicking Add New Category button
- Set featured image from Media Library if necessary
- Complete the info box, and the location that is associated with the post
- When complete, go to Publish panel
- you may choose to Save Draft
- Click Edit link under Save Draft button to set post as Pending Review
- Visibility: default is Public. To change, click Edit link
- click OK button to save changes
- Publish Immediately: can be changed by clicking Edit link
- Enter publish date, click OK button
- Preview Draft, or click blue Publish button
Comments on blog posts:
- Click Comments
- Hover over comment
- Click approve to approve and display comment on site
- Click disapprove to not display comment on site
How to turn off blog commenting on blog post:
- Click Posts
- Hover over post name and click Quick Edit
- Uncheck the Allow Comments box
- Save
Team Bios
- In left menu, click Team Bio (This will allow you to view all Team Bio pages that are currently built)
- If you want to build a new bio, Select Add New you may choose to edit an existing file
- Enter title, Position, Bio Image
- If Team member has Social Media data, click Add Row and fill in fields
- Enter article content in wysiwyg
- Enter SEO data
- Join Page Blocks, if desired
- Click red Update button to save your changes and Publish
Menus (Regular Menu Links)
When looking at the home page (front end), in the top WordPress menu bar, you’ll see an option for “Customize”. This is where you can edit all of your menus.
Main Menu Links
After clicking on “Customize”, in the left menu you’ll find Menus. You can navigate in menus to find exactly what you’re looking for.
Click the “Settings” Gear Icon to “Show Advanced Menu Properties”
When adding the product category to the menu it requires a CSS class (“sense”, “connect”, or “move”) to be added to ensure it is styled and displayed correctly.
Once the class is added (“sense”, “connect”, or “move”), it shows up as expected in the Mega Dropdown Menu and the visual navigation for products.
Note About Menu Links
DO NOT change the slug (url) for any reason; otherwise, there will be adverse effects on the site.
Overall directions:
- If you want to add a page to a menu, scroll to the bottom of that menu and simply slick “add page”. You can search for the page here and click the + button to add. The page will place itself at the bottom of the menu, so make sure to drag and drop where you’d like it to be placed. You can also indent any pages by dragging to make any page a sub page.
- Rename the links as you wish. This will not change the name of the page, only the menu link title.
- If you’re not adding a page, you can add from any of the existing content on your site (even posts, projects, etc.) or select a custom link for any internal or external links. These options are provided to you when selecting to add an item to your menu.
Mega Menu
In menus in the customizer, you’ll find the Mega Menu with the Primary nav or main nav. To edit the Mega Menu, locate the exact column you are adding/editing and follow the instructions above to add, drag and drop correctly.
Footer Menus
- There are multiple footer menus for you to use:
- Standard footer menus (contact/sitemap)
- Footer Product menus 1/2/3 (lower right hand side)
- Product Menu – on the home page featuring products
Footer Contact Information
- This section of the footer is actually a widget, or where you create sidebars.
- To edit, navigate to Appearance>widgets.
- Look for Footer Contact, open it, and add/edit the links as you’d like.
Options
- Go here to edit any navigation photos that are direct links.
Products
- To enter products, you fist must select Sense, Connect or Move.
- Here you can use the fields to create a new product line, or a new product.
- Click the appropriate action.
- You must create the product line before the actual product.
Making a Facet
- go to settings > facets
- add new facet
- select either dropdown, or slider for a range
- select the data source (fo a slider, you’ll need to choose the lower and upper)
- edits the suffix as necessary i.e. MHz
- Edit the number/data format i.e. 5,280 or 5280.00
- Save this facet
- After your facets for that page are created, hit re-index
- once complete, go back to widgets
- use the visual editor for each facet in the group, and paste the short code attributed to each facet (you can find this in the box after you’ve saved the facet)
- visit the product page and add the widget in the sidebar area
- click update on your page
- Making a formatted table
Tables
- Copy the table Below, and add in text as needed:
- Or apply the class to your code: <table class=”salestable alignleft” style=”height: 57px;” width=”803″>
Name of Table | Column 1 | Column 2 |
---|---|---|
Text | Text | Text |
Text | Text | Text |
Text | Text | Text |