![\"Web](\"http:\/\/www.ragesw.com\/blog\/wp-content\/uploads\/2016\/05\/WPL2.jpg\")
<\/a>The Web Page List lists all of the pages that you create in your EverWeb website project. The\u00a0blue\u00a0colored Master Page List\u00a0contains \u00a0one Master Page – ‘Resort Master Page’. The grey colored regular page list\u00a0includes\u00a0the website’s Home Page, \u00a0a Directory Page called ‘Resorts’ containing three pages used in Drop Down Navigation Menu and an About Us page.<\/p><\/div>\n
<\/h2>\nThe Web Page List Structure<\/h2>\n
The Web Page List (WPL)\u00a0runs down the left hand side of Everweb\u2019s User Interface and has two sections separated by a splitter line (see above screenshot.) \u00a0The blue section at the top is the Master Page List. The grey area below it is the regular page list. Between the sections is a\u00a0\u2018splitter\u2019 line which can be moved up and down to show more or less\u00a0of\u00a0the Master Page List from view. If you move the splitter line up high enough you can hide the Master Page List altogether this usually is not recommended. To move the splitter line, click and drag it up or down to where you want it.<\/p>\n
If you have long page names in your website project click and drag the WPL’s right hand margin to the right to see more of the page names. Conversely\u00a0click and drag the margin to\u00a0the\u00a0left to see less of the page names.<\/p>\n
Both sections of the WPL allow you to create, select and delete pages. If you secondary click (a two finger tap) on a page name a context sensitive menu appears with options listed below. If you secondary click on the top line of the great area containing the website name, only\u00a0‘New Page’ and “Clear ‘Using Assets’ Indicator” are available.<\/p>\n
New Page: Creates either a new Master Page or a new regular web page. Alternatively, you can create pages using the menus, shortcut keys or the Toolbar ‘Add Page’ button (for regular web pages only).<\/p>\n
Rename: Opens the editing box for the highlighted page where you overtype the page name with a new name. It\u2019s actually quicker to double click on the page name to edit it.<\/p>\n
Delete Page: Deletes the highlighted page immediately. If you delete the page by mistake press Cmd+Z straight way to undo the action.<\/p>\n
Duplicate: This is a useful option when you want to create a new page that is similar to the one you are highlighting<\/p>\n
Convert To Directory: This menu option is only available in the regular page list. Regular pages can be converted to Directory Pages. A directory is like a folder that you put web pages in to. In EverWeb, directories are also used for Drop Down Navigation Menu structures which are discussed in detail below. Once you convert a regular page to a Directory Page, you can’t change it back. If you have have converted the wrong page in to a Directory Page, press Cmd+Z immediately to undo the action.<\/p>\n
Clear \u2018Using Assets\u2019 Indicator. EverWeb has a feature in the Assets tab to find all pages that are associated with a particular Asset e.g. if you have a picture that is used on more than one page you can find which pages it is on. First go to the Assets Tab and highlight the picture\u2019s filename. Next, secondary click on the filename and a menu appears that \u00a0includes the option \u2018Find Pages Using Asset\u2019. When you click on this option, all pages using the picture will be highlighted in yellow in the WPL. To clear the yellow highlight, click on the \u201cClear Using Assets\u2019 Indicator\u201d.<\/p>\n
<\/p>\n
Web Page List Icons<\/h3>\n
The top of the grey regular Web Page List is headed by\u00a0a line containing a\u00a0triangle symbol, a folder or globe icon and the website project name. If you click anywhere on this line the Editor Window changes to the website project\u2019s Site Publishing Settings. Use this dialog box\u00a0to tell EverWeb where to publish your website to.<\/p>\n
When setting \u2018Publish To\u2019 in the Site Publishing Settings\u00a0the Publishing icon to the left of the website name changes to reflect your choice of publishing location. \u00a0If you choose ‘Folder’, the icon becomes a folder indicating that you are publishing to your local hard disk. Publishing to ‘Folder’ is useful when building your website so you can safely test it\u00a0before going\u00a0live. The Globe icon is displayed when publishing to the Internet, either to EverWeb (if you have an EverWeb+Hosting plan) or via FTP to your own host provider.<\/p>\n
The Triangle symbol on the left hand side of the top line expands or collapses the content beneath it. If you click on the triangle at the top of the grey WPL area, all the pages beneath it ‘collapse’ and are hidden from view and the triangle points to the right instead of downwards. Click the triangle again to ‘expand’ the view and make the pages visible again. The triangle appears whenever you use\u00a0directories which is useful if you don’t need to see the pages contained inside them or when you want to have more vertical display space available in the WPL. The triangle symbol also appears in many other areas of EverWeb such as in the Page Tab of the Inspector Window.<\/p>\n
On the right\u00a0of the Publishing icon is the website project name. By default this is initially set to \u2018NEW WEBSITE\u2019. To rename you\u00a0website project double click on the name and type over it. Press Enter to finish.<\/p>\n
Web Pages, either Master Pages or regular web pages, use the Page icon and directories use the Folder icon.\u00a0These icons \u00a0can be either grey or red in color. When an icon is grey it means that the page or folder has not been changed since it was last published. When the icon is red, the page or folder has been changed since it was last published. For example, if you edit a Master Page, all regular pages using it will change to a red icon in addition to the Master Page’s page icon itself.<\/p>\n
When you select a page in the WPL, a \u2018dot\u2019 to the right of the web page name displays providing an additional visual indicator that the page is currently selected.<\/p>\n
<\/p>\n
The Master Page List<\/h2>\n
The blue colored Master Page List is where you create, select, manage and delete Master pages. There are a number of different ways to create a Master Page: The ‘New Master Page’ button, the File -> New Master Page\u2026 menu, the keyboard shortcut ^Shift+Cmd+N or the “+” symbol in the Master Page section of the Page Inspector. Additionally, secondary clicking in the blue Master Page section you display a context sensitive menu including the \u2018New Page\u2019 option.<\/p>\n
Master pages are listed in the order you create them and cannot be moved\u00a0as you can with regular pages. In addition, you cannot create Directory Pages for Master Pages.<\/p>\n
To delete a Master Page, select the page in the Master Page List and\u00a0press the backspace key. The page will be deleted immediately. If you delete a Master Page by mistake, press Cmd+Z immediately to undo the deletion. Remember that if you delete a Master Page it will be removed from all the regular web pages that it was attached to.<\/p>\n
TIP: If you have designed a regular page that should have been a Master Page, drag and drop it from the regular page list in to the Master Page List area. This creates a copy of the page in the Master Page List.<\/p>\n
<\/p>\n
The Regular Web Page List<\/h2>\n
Adding regular web pages to the WPL is done in much the same way as for Master Pages:\u00a0The ‘Add Page’ button in the Toolbar, the File -> New Page\u2026 menu, the keyboard shortcut Cmd+N or secondary clicking in the grey regular web\u00a0section to display a context sensitive menu including the \u2018New Page\u2019 option.<\/p>\n
Deleting regular web pages also works in the same way, just highlight the page in the the WPL and press backspace. Again, if you have made a mistake, press Cmd+Z to immediately undo the action.<\/p>\n
Regular web pages and Directory Pages in the regular page list section can be moved by dragging and dropping them to where you want them. If you are using EverWeb\u2019s Navigation Menu Widget it will inherit the page order of the regular page list so ordering \u00a0pages appropriately is important. To exclude pages from the Navigation Menu Widget un-tick \u2018include page in navigation menu\u2019 in the Page Inspector for the page(s) you want to exclude.<\/p>\n
<\/p>\n
Directories<\/h2>\n
EverWeb uses directories in the regular page list of the WPL for a number of different purposes.\u00a0The main reason is that they provide the structure needed for drop down menus in the Navigation Menu Widget. As you can see in the screenshot above, the pages Bali, Palm Springs and\u00a0 Malta are in the Directory \u2018Resorts\u2019. For more information on the Navigation Menu, please see the blogs on Adding a Menu<\/a> and Styling Options<\/a> for EverWeb\u2019s Navigation Menu Widget. Directories are also useful if you want to create your own blog in EverWeb or if you just want your website’s pages properly organised.<\/p>\n To create a directory first create a regular page. Next secondary click on the page you just created and select ‘Convert to Directory\u2019 from the menu. The page icon changes to a folder icon indicating that the page has been converted. Note that once you converted a regular page you cannot change it back. If you realize that you have converted the wrong page, press Cmd+Z to immediately undo the action.<\/p>\n To add a page into a directory\u00a0drag and drop an existing page underneath and to the right of the directory, then drop it in place. You will see a guide line to help you when you perform the move. Once you have dropped the page in to the directory, you may need to click on the triangle to the left of the folder icon to see the page you have just dropped in there.<\/p>\n If you don’t have existing pages to add in to the directory, just highlight the Directory Page name and secondary click to bring up the sub menu. Select \u2018New Page\u2019 and choose the template you want to use. The page is added in to your Directory structure.<\/p>\n You can move pages within a directory just by dragging and dropping them to their new location. You can even take pages out of the directory altogether by dragging the page to the left and either up or down until the page is outside of the directory structure, then dropping it in it\u2019s new location.<\/p>\n <\/p>\n The Web Page List offers a flexible and easy way to organize your website project. Getting familiar with the Web Page List will also help improve your workflow as seen by some of the\u00a0shortcuts outlined above.<\/p>\n In the next instalment of the Getting Started with EverWeb Guide we take a look at the Assets Tab.<\/p>\n <\/p>\n As always please let us know if you have any comments and questions. We’re happy to help. You can also find EverWeb\u00a0on\u00a0the following social media platforms:<\/p>\n Facebook<\/a><\/p>\n