You can login to your website at: wnyfloor.com/login

1. Go to the WordPress Dashboard.
2. In the sidebar on the left, click Pages.

Adding a Page

1. Click the Add New button in the upper left corner, next to the word “Pages”.
2. Input a title.
3. Leave the large text field blank for now.
4. If you would like to make this page a child of another page…
   1. Locate the panel entitled Page Attributes in the sidebar on the right, open the dropdown menu labelled “parent” and select a parent.
5. Click the blue Frontend Editor button (next to the Classic Editor button) to edit the page in the WPBakery Builder.
6. Always click the blue Update or Publish button when you are finished editing to save your changes.

When editing a page from WordPress (not in the WPBakery Page Builder), a permalink to the new page will be displayed under the title text field. If the page is published/public it can be accessed by anyone with that link, but it will not automatically be added to any menus or buttons. You must either add it to a menu, or create a button on your site that will take visitors to the new page.

Editing a Page

1. Click the title of the post you intend to edit.
2. To edit the page with in the WPBakery Builder, click the blue Frontend Editor button (next to the Classic Editor button).
3. Always click the blue Update or Publish button when you are finished editing to save your changes.

Deleting Pages

There are 3 primary methods of deleting pages. The methods below apply to any post, page, portfolio item, team page, or testimonial.

Method 1

Hover over the team member listing you intend to delete and click the Trash link.

Method 2

1. Click the checkbox next to one or more team listings.
2. Open the dropdown menu labelled “Bulk Actions”.
3. Select Move to Trash.
4. Click Apply.

Method 3

1. Edit a page by clicking on its name.
2. In the sidebar on the right, locate the pane entitled Publish.
3. Click the Move to Trash link.

Adding and Editing

1. Go to the WordPress Dashboard.
2. In the sidebar on the left, click Team.

Adding a Team Page

To create a new team member page that matches the layout and style of the existing team member pages, you will have to copy content from an existing page and paste it into the new one.

1. Click an existing team member.
2. Click the blue Classic Mode button.
3. Copy all of the text in the large text field.
4. Click the Add New button in the upper left corner, next to “Edit Team”.
5. Click the blue Classic Mode button in the new team page.
6. In the large text field, past the text from the other page.
7. Read the “Editing a Team Page” section in these instructions to learn how to change the page content for the new member.

Editing a Team Page

1. Click an existing team member (Skip this step if you just completed the “Adding a Team Page” section).
2. In the “Add title” field in the upper left corner, type the name of the new team member
3. Locate the panel entitled Induzy Team Options.
4. In the Team tab, input the member designation and email.
   1. In the Social tab, input the member’s social links.
5. In the sidebar on the right…
   2. Locate the panel entitled Featured Image.
      1. Click the Set featured image link to add an image of the team member.
      2. Use an existing image in the Media Library, or upload a new image by clicking the Upload Files tab in the upper left.
      3. Once you have selected an image, click the Set featured image button in the bottom left corner.
6. Click the blue Frontend Editor button (next to the Classic Editor button) to edit the page in the WPBakery Builder.
7. Always click the blue Update or Publish button when you are finished editing to save your changes.

1. Go to the WordPress Dashboard.
2. In the sidebar on the left, click Posts.

How Excerpts (Read More) Page-Breaks Work

Click the “Insert Read More tag” icon.

Adding a News Post

1. Click the Add New button in the upper left corner, next to the word “Posts”.
2. Input a title.
3. Input a description in the large text field.
4. Locate the panel in the right-hand sidebar entitled Categories and check the box next to the appropriate category.

Quick Edit Method:

Edit Method:

5. Locate panel in the right-hand sidebar entitled Tags and input appropriate tags.

They should show up on your Portfolio page like this

Which allows us to filter like this:

6. Locate panel in the right-hand sidebar entitled Featured Image.
1. Click the Set featured image link to add an image.
2. Use an existing image in the Media Library, or upload a new image by clicking the Upload Files tab in the upper left.
3. Once you have selected an image, click the Set featured image button in the bottom left corner.
7. Always click the blue Update or Publish button when you are finished editing to save your changes.

Editing a News Post

1. Click the title of the post you intend to edit.
2. Always click the blue Update or Publish button when you are finished editing to save your changes.

1. Go to the WordPress Dashboard.
2. In the sidebar on the left, click Portfolio.

Adding a Portfolio Item

1. Click the Add New button in the upper left corner, next to the word “Portfolio”.
2. Input a title.
3. Input a description in the large text field.
4. Locate the panel entitled Induzy Portfolio Options and open the Portfolio tab.
   1. Open the dropdown menu labelled “Portfolio Layout Option”.
   2. Select Custom.
   3. Three new layout icons will appear. Select the middle icon.
5. Locate the panel in the right-hand sidebar entitled Categories and check the box next to the appropriate category.
6. Locate the panel in the right-hand sidebar entitled Tags and check the boxes next to the appropriate tags.
7. Locate the panel in the right-hand sidebar entitled Featured Image.
   1. Click “Set featured image” to add an image.
   2. Use an existing image in the Media Library, or upload a new image by clicking the “Upload Files” tab in the upper left.
   3. Once you have selected an image, click the “Set featured image” button in the bottom left.
8. Always click the blue Update or Publish button when you are finished editing to save your changes.

Editing a Portfolio Item

1. Click the title of the portfolio item you intend to edit.
2. Make your changes.
3. Always click the blue Update or Publish button when you are finished editing to save your changes.

WNYFloor Data Sheet

There are two ways to get to the WPBakery Builder frontend editor.

Method 1

1. Go to the WordPress Dashboard.
2. In the sidebar on the left, click Pages.
3. Find the page you intend to edit, hover over the title, and click the Edit with WPBakery Page Builder link

Method 2

1. While logged into WordPress, visit WNYFloor.com.
2. Go to the page you intend to edit.
3. In the WordPress toolbar at the top of the page, click Edit with WPBakery Page Builder.

Using the WPBakery Page Builder

Basic Concept“How To’s”

First, you will need to get to the WPBakery Builder frontend editor of the Flooring Systems page. Once in the editor, hover over the table. A small row of icons will appear. Click the pencil icon to edit the element. A window will appear containing raw HTML.

The product comparison table in the “Flooring Systems” page of WNYFloor.com is a WPBakery Builder element that only includes raw HTML. To edit this table, one must have a basic understanding of HTML.

In HTML, elements are nested hierarchically. This is how a web developer can tell a web browser that a particular word should go inside of a button, the button should go inside of a navigation bar, and the navigation bar should be inside of the body of the page. These different types of elements (text, buttons, navigation bars, bodies, etc.) are labelled in HTML by tags.

• An HTML table is defined with the <table> tag
• Each table row is defined with the <tr> tag
• A table header is defined with the <th> tag
• A table data/cell is defined with the <td> tag

Here is a basic HTML table:


<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>


Since the product comparison table has already been created, adding a new row is as simple as copying and pasting a <tr> group, and pasting it beneath the last. To add a new column, copy an existing <td> line, and paste it at the end of each <tr>.

Important Notes:

• The HTML formula is the same for all elements: <tag>content</tag>. Noticed that the element has both an “opening” tag and a “closing” tag, that latter of which includes a slash. Be sure that every part of the table includes both an opening and a closing tag.
• You will notice that some of the cells have additional text inside their tag’s brackets that define a class. These classes are custom labels for the browser so that it knows to style them differently. In this case, we are using these classes to style cell A1 invisible, and the cells in the left-most column green. Adding or removing these classes from a cell will add or remove the style.

Defining a Menu

You must define a menu before you can add items to it.

1. Login to the WordPress Dashboard.
2. From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.
3. Select Create a new menu at the top of the page
4. Enter a name for your new menu in the Menu Name box
5. Click the Create Menu button.

Your new custom menu has now been defined.

Selecting Which Menu to Edit

1. Open the dropdown menu labelled “Select a menu to edit”
2. Select the menu you intend to edit
3. Click the Select button

Adding Items to a Menu

You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.

1. Locate the pane entitled Pages.
2. Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
3. Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
5. Click the Save Menu button once you’ve added all the menu items you want.

Your custom menu has now been saved. Note The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Tags are hidden by default.

Deleting a Menu Item

1. Locate the menu item that you want to remove in the menu editor window
2. Click on the arrow icon in the top right-hand corner of the menu item/box to expand it.
3. Click on the Remove link. The menu item/box will be immediately removed.
4. Click the Save Menu button to save your changes.

Customizing Menu Items

Navigation Label

This field specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site/blog.

Original

A link to the original source of the menu item (e.g. a link to view the post or page).

Creating Multi-level Menus

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right.

The WordPress menu editor allows you to create multi-level menus using a simple ‘drag and drop’ interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

To make one menu item a subordinate of another, you need to position the ‘child’ underneath its ‘parent’ and then drag it slightly to the right.

1. Position the mouse over the ‘child’ menu item.
2. Whilst holding the left mouse button, drag it to the right.
3. Release the mouse button.
4. Repeat these steps for each sub-menu item.
5. Click the Save Menu button in the Menu Editor to save your changes.

Adding Your Menu to Your Site

If your current theme supports custom menus, you will be able to add your new menu to one of the Theme Locations.

1. Scroll to the bottom of the menu editor window.
2. In the section titled Theme locations, click the check box for the location where you want your menu to appear.
3. Click Save menu once you’ve made your selection.

If your current theme does not support custom menus, you will need to add your new menu via the Custom Menu widget in the Appearance Widgets Screen. Congratulations! Your new custom menu has now been added to your site.

https://wnyfloor.com/demo/

Once you’ve added all your content to your Page or Post you have the option of Saving the Page as a Draft or Publishing the page. Clicking the Save Draft button will simply save your Page/Post. This is handy if you would like to come back at a later date to add more content or if you’re simply not ready to publish yet. If you’d like to see what you Page/Post will look like before you Publish, click the Preview button. This will open a preview of the current Page/Post in another browser tab. There are several options available when saving. By default the Status is set to Draft when you simply click Save Draft. If a page/post is not already published, you can publish it by clicking Publish at the bottom of the Publish panel. You can also change the visibility of the Page by clicking the Edit link just to the right of Visibility within the Publish panel.

• Public is the default and means the page is viewable to all.
• Private hides the content from the public completely. Normal users and visitors will not be aware of private content. You will only see the private content when you are logged into WordPress.
• Password Protected allows you to assign a password to your page. Only people who have the password will be able to access the page.