EverWeb Widgets HTML5

EverWeb User Tips

Close All Directories

On larger sites of 100 + pages it can be quite time consuming scrolling throgh all the pages to find the required one.
Sometimes its easier to have all the directories closed and then just open the one(s) required.
Click the arrow next to the site name at the top of the left column in EverWeb so that it points to the right. This hide everything - except the site name and file icon.
Now click the arrow down and the list of top level pages and closed directories will appear as shown in the screenshot to the right.

close directories
Close Directories

Stuck Window

Sometimes the application window can get stuck and can't be adjusted in the normal way.
When this happens, go to the Window drop down menu and click on "Zoom".
Now the application window can be adjusted in the usual way.

Widget Refresh

This situation is most likely to arise when working on larger sites and/or a page with a lot of widgets. It occurs at random for no apparent reason.
When a widget is refreshing or updating the content, a small green dot with a down arrow will appear briefly in the top right corner.
If any - or all - the widgets on a page show this arrow and they don't disappear, it means that the refresh is stuck.
This problem can also arise when a new widget is dragged onto the page or an an existing one is modified. A new widget may appear as a grey rectangle with the refresh button showing continuously.
An existing widget may remain the same with the refresh button showing even after making changes to the widget settings.
When this happens, save (command S), quit EverWeb (command Q) and then relaunch the app.
Now force the widget(s) to refresh by dragging it slightly wider with one of the drag handles and then returning it to its original state by doing command Z. The widget will then update itself.


Page Layout

A lot of EverWeb users seem to create page layouts by inserting items onto the canvas and then dragging them around to suit their design.
The result is an HTML document which makes very little sense to the search engine spiders and any of us who have to look at the code for troubleshooting.
A common mistake is to add the page items and then realise that the headings have not been inserted as HTML which makes for much less effective SEO. The headings are them inserted last and dragged into position.
This may look OK to the website visitors but the search engine spiders will throw up their legs in despair. They won't be able to find any content related to these headings since they have been placed at the end of the HTML document. The content which should be related to them is somwhere higher up in the document.
Another common problem is items such as images and slideshows loading after the the content below them because the elements have not been placed in the correct order in the HTML document.
Create a rough design page in each project which has been excluded from the navigation and has this code entered into the Head Code box in the Page inspector...
<meta name="robots" content="noindex">
This will prevent the page being indexed if it is uploaded to the server with the rest of the files.
Use this page to create the rough layout and then transfer the items over to the "real" page in the correct order.

Using Widgets

Most of the questions and problems arising from using widgets stem from the the user not taking the time to read the instructions and to understand just exactly what the widget does.
The EverWeb Widgetbox widgets have fairly comprehensive instructions in the actual widget settings panel and any extra required info is covered in more detail on the related page of the website.
Each widget has the EverWeb Codebox website URL at the bottom of the widget settings panel and the home page has a search box to help find the actual page with the widget in question.
When help is required, it makes it easier to deal with queries by stating the widget's name. This appears at the top of the widget settings.
In most cases, it is essential to publish the problem page to the server and post the URL.
Some widgets have quite a lot of complicated code and others share common supporting files. As a result, mixing different widgets on the same page can - in some cases - cause problems.
It makes it a lot easier to troubleshoot these problems if the item (or items) is created on a test page and published to the server so that the source code can be scrutinised.

Duplicate A Website Project

If a project file needs to be duplicated for any reason, follow these steps

  • Select the website in the Projects window
  • Click the up/down arrows the right of it and select "Show On Disk".
  • Duplicate the project file: Command + D
  • Double click the duplicate project file to launch it in EverWeb.
  • Change the site name at the top of the left column and save.
  • Quit EverWeb.
  • On relaunch, the duplicate will show in the Projects window.

Master Page Height

When using a master page, set the Content height to about 900px. This, along with a Header height of at least 100px and a 50px Footer, will give a total hight of 1050 which is high enough to stop page jump in the browser.
Add an empty text box to the content area of the child pages - or the Template page - about 100px wide and 15px high. Drag this box downwards to lengthen the individual pages.
Page jump is caused when transitioning from a page which is less than the height of the visitors browser window to one which is higher - or vice versa. When this happens, the page content appears to jump sideways.

Find Your Widgets

Quite a lot of EverWeb users email me when they get a new computer and can't find their widgets.
The widgets are in …
~ user library/Application Support/EverWeb/Widgets
The screen shot to the right shows how to access the user library by holding down the option key while in the Finder's Go manu.
Drill down the folders to find "Widgets" and transfer it to the equivalent location on the new Mac.
The EverWeb folder contains the projects files, templates and backups too.
When transferring stuff to a new Mac, it's best to use Migration Assistant which is in the Applications/Utilities folder.
If you really have lost them, you should email me with the name and email address used to order the widgets and the names of the widget packs.

user library