06 Oct 2016

iWeb and macOS Sierra Compatibility

No Comments iWeb 101, Software, Tips and Tricks, Web Design


As you may already know, Apple has recently released the new MacOS Sierra (10.12) Operating System to the general public. If you’re thinking of upgrading and also have iWeb installed on your computer read on…

Is my hardware capable of Supporting macOS Sierra?

macOS Sierra can only be installed on the following Macs with a minimum of 2GB memory and 8.8 GB storage space free…

  • iMac (Late 2009 or newer)
  • MacBook (Late 2009 or newer)
  • MacBook Pro (Mid 2010 or newer)
  • MacBook Air (Late 2010 or newer)
  • Mac mini (Mid 2010 or newer)
  • Mac Pro (Mid 2010 or newer)

If your Mac is older than those listed you won’t get offered an update to the new OS if you run the App Store.
As well as the above hardware compliance you’ll need to have one of these Mac operating systems installed…

  • OS X El Capitan v10.11
  • OS X Yosemite v10.10
  • OS X Mavericks v10.9
  • OS X Mountain Lion v10.8
  • OS X Lion v10.7

Is iWeb compatible if I upgrade to macOS Sierra?
So far it’s early days for the new OS, but reports coming in from various sources, including our own testing, point to some issues with iWeb such as

  1. The blog post list is too small so can’t be used at all as you can’t see any blog posts!
  2. Intermittent and inconsistent crashing when publishing websites leading to Force Quit scenarios
  3. Images sometimes fail to publish at all
  4. Sometimes code appears on published pages
  5. Lack of support for retina images within iWeb and no Retina display support for published websites.

You can probably still use iWeb on macOS Sierra as long as you don’t mind putting up with some, or all, of the problems listed above. Apple’s new APFS file system, introduced in macOS Sierra, is built for the future as it underpins and unites macOS, iOS, watchOS and tvOS. However, for legacy applications such as iWeb, it may prove to be the cause of crashes and other compatibility issues.

There’s also the ongoing issues caused by iWeb not being updated, or maintained, for over five years now. Technology moves on so our recommendation is to look out for the upcoming EverWeb 2.0 release. The new version is in beta test at the moment and is expected to include blogging as it’s headline feature. iWeb users will feel right at home with EverWeb’s easy to use iWeb like interface that brings today’s technology with it. We’ll update you on this exciting new release as more details emerge and a launch date is announced!

24 Sep 2016

macOS Sierra Support Comes to EverWeb version 1.9.7

No Comments EverWeb, Software

Apple has just released macOS Sierra (10.12) to the general public. The new operating system has a great many new features such as support for Siri built in, universal clipboard. login to your Mac with Apple Watch, greater iCloud Drive support and more. Numerous under the hood enhancements have been made including the macOS file system which has been updated to Apple File System, or APFS. The new file system unifies macOS, iOS, tvOS and watchOS. It also has technically advanced features to take advantage of today’s and tomorrow’s technology.

To be compatible with the new OS, EverWeb has an update specifically for macOS Sierra: EverWeb version 1.9.7. If you’re currently using EverWeb version 1.9.6 or older, and have updated to macOS Sierra you may have issues using EverWeb’s Preview feature. If you have a current EverWeb support and maintenance license the update to version 1.9.7 is recommended!

To check if your EverWeb license is active go to the Accounts tab in the EverWeb-> Preferences menu. If your license has lapsed and you want to renew it for another year of software updates and support, click on the Manage Account button to go to your EverWeb account where you can renew.

To update your version of EverWeb to version 1.9.7 go to the EverWeb-> Check for Updates… menu in EverWeb itself. EverWeb will check that you’re running macOS Sierra. If you are you will see the Software Update window which will let you download the update. If you are not running macOS Sierra you won’t see the Software Update window.

The EverWeb 1.9.7 update is only for macOS Sierra compatibility. The big update, including an all new Blogging feature, is expected to debut in EverWeb 2.0 which is currently in beta testing at the moment!

Got a question? Just ask and we’ll do our best! 🙂

06 Sep 2016

New to EverWeb? Your FAQ’s Answered!

No Comments EverWeb, Software, Tips and Tricks

If you’re new to EverWeb, you’ll probably find that it’s really easy to use and you’re creating web pages in next to no time. You may also find that there are times where you’re asking yourself those simple but maddening ‘how do I do…?’ type questions. Well here’s how, with our list of frequently asked EverWeb questions for those just starting out with the product…

  1. How do I rename my project name from NEW WEBSITE to something else?
    You’ll see the name ‘NEW WEBSITE’ at the top of the list of pages you’ve created in the Web Page List in the left hand column of EverWeb. All you need to do is double click on the name ‘NEW WEBSITE and overtype it with the name you want. Press Enter when you’re finished. It’s the same as if you were renaming a page in your Project.
  2. How do I convert a web page in to a directory?
    To change a web page in to a directory, right click on the page name in the Web Page List. You’ll see a popup menu. Choose the option ‘Convert To Directory’. You’ll notice that the page icon will change to a folder icon.
  3. Can I change my directory page back in to a normal web page?
    Once you’ve converted a web page to a directory you can’t change it back. The best thing to do is create a new web page, select all objects in the directory page (using Cmd+A) then copy and paste the objects in to the new page that you just created. Once you’ve finsished, delete the directory page. Be careful when deleting the directory page in case you have pages inside it. If you delete the directory, the pages inside it get deleted too!
  4. I just deleted the page by mistake! Can I get it back?
    Yes, just press Cmd+Z to undo your action as you would in most programs.
  5. I’ve made a web page but I now want to use it as a Master Page. How can I convert it?
    To make a web page in to a Master Page drag the page name in the Web Page List from the grey section in to the blue section and then drop it there. This create a copy of the wen page as a Master Page.
  6. I can’t move anything into, or out of, the header or footer area of my page.
    To move any object in to, or out of, the header or footer area, hold down the Command key whilst dragging the object.
  7. I’ve created a drop down menu using the Navigation Menu Widget, but I don’t want the top menu item to be selectable, just the drop down menu items themselves.
    To do this, select the directory page in the Web Page List which acts as the top menu title. Then go to the Page Settings Tab in the Inspector Window. You’ll see an item ‘redirect to first child page’ at the bottom of the Page Details section. Tick this option then republish your website.
  8. I’m working on a laptop, how can I get more ‘real estate’?
    You can use the vertical splitter on the right hand edge of the Web Page List to reduce it’s width, you can hide the Inspector Window on the right hand side using the Alt+Cmd+I keyboard shortcut or you can hide all of EverWeb’s user interface ‘furniture’ using Presentation Mode (Cmd+.) If using Presentation Mode you can add EverWeb’s sidebars back as you like via the Window Menu or just add the Inspector Window back in using the Alt+Cmd+I shortcut.
  9. How do I duplicate a website Project?
    To duplicate an EverWeb Project first go to the Projects Window. That’s the first window that appears when you launch EverWeb that shows all the projects you’ve created. Click on the up/down arrows to the right of the project you want to duplicate. From the popup menu select Duplicate to make a copy.
  10. I’ve added a Navigation Menu Widget to my page. How do I change the order of the menu items?
    The Navigation Menu Widget uses the order of the pages in the Web Page List. The top to bottom order in the Web Page List translate to a left to right order in your Navigation Menu. So, to change the order of your menu items just drag and drop the pages in the Web Page List to where you want them. The Navigation Menu widget will automatically update as you move pages up and down the Web Page List.
  11. How do I change the Navigation Menu’s default blue color and underlining?
    The items in the Navigation Menu Widget are Hyperlinks to other pages in your project. So, to change the colors and underlines first select the Navigation Menu Widget on your web page. Next, go to the Hyperlinks Tab in the Inspector Window and change the colors and underlining in the Hyperlink Formatting section as you want them to be displayed.
  12. …and finally
    EverWeb always has handy Youtube videos available throughout the product. Wherever you see a “?” inside a circle, you’ll find a video associated with the feature it’s next to!

Just started with EverWeb and have a question? let us know in the comments section below!

20 Aug 2016

Adding a Favicon To Your Website

No Comments Tips and Tricks, Tutorials

Adding A Favicon To Your Website

The Favicon originated in 1999 with the introduction of Microsoft Internet Explorer 5. The word Favicon stands for ‘Favorite Icon’, and is a small icon assigned to a specific website or web page. If a website uses a Favicon, it’s usually displayed in the browser’s search box to the left of the web address. Web browsers, such as Firefox, display the Favicon in each of browser tab. Some browsers also support the use of Favicons in address bar drop down lists, links bars and drag to desktop features.

Originally, Favicons could only be created in a specific ICO file format. This format allowed for multiple icons in multiple sizes and a with variety of color settings all in one file. Modern day browsers, however, support other file formats in addition to the ICO format. Browsers such as MS Edge, Apple Safari, Chrome and Firefox can use PNG, GIF, and JPEG file formats.

Why Use a Favicon?
A Favicon is a good way to easily find their bookmarked websites as the eye will recognise a graphic icon faster than a line of text. Additionally, some web browsers specifically look for a Favicon when loading a web page. If the Favicon is not present a ‘404 Page Not Found’ type error message may be generated. Fortunately, such ‘404’ messages are found only in error logs and are not displayed back to the visitor. Including a Favicon will stop errors occurring in error logs and may improve your page loading times a little bit.

How to use a Favicon in EverWeb
You can easily add a Favicon to your website in EverWeb.

  1. First select the image that you want to use as your Favicon. This can be in any of the formats mentioned above. It’s best to make the Favicon something that’s easily recognisable – this is especially important in this scenario as the Favicon is very small!
  2. Once you have selected the image you want to use, go in to your EverWeb Project file. Select File-> Edit Publishing Settings to access your Site Publishing Settings.
  3. Scroll down to the Head/Footer Code section of the screen. At the bottom of the section is the word ‘Favicon’ with a ‘Choose…’ button next to it. Click on the ‘Choose…’ button and select the image file that you want to use.
  4. Publish your website to the Internet. EverWeb will convert the file you selected for the Favicon in to an ICO file and upload it to your web server. You’re now finished!

Testing Your Favicon
Once you have published your website to the Internet, you probably want to see the Favicon in action. If you visit your website straight away, you may find that the Favicon is not displayed. If this happens, check to see if the Favicon has uploaded correctly to the web server. For example, go to your home page in your browser. The web address may look something like the example below:


To find if the Favicon has been uploaded properly replace ‘homepage.html’ with ‘favicon.ico’. in this example, the above web address would become


If the Favicon has uploaded correctly to the web server, you’ll see the small Favicon displayed on screen.

The Favicon may not immediately display due to replication of the file on the Internet, so you may find that visitors to your website see the icon before you do!

05 Aug 2016

From Desktop to Mobile and Back in EverWeb

4 Comments Software, Tips and Tricks, Tutorials, Web Design

When you create a website in EverWeb you should always create pages for desktop/tablet devices and equivalent pages for mobile devices. It’s important to have a mobile presence as our phones are now the primary way in which we access the Internet.

Once you’ve developed your website, you’ll want to make it so that your website visitor will be automatically directed to the correct page style on whichever device they’re using at the time: your mobile website pages when using a mobile phone and the desktop website when using a desktop or tablet device.

Redirecting From Desktop To Mobile Websites

In EverWeb it’s easy to set up this automatic redirection within your Project file.

  1. You first need to tell EverWeb which pages in your Project are specifically for use on a mobile device. To do this, select your mobile page and go to the Page Inspector. Scroll down to the ‘Mobile Settings’ section. If the section is closed, click on the arrow symbol to the left of ‘Mobile Settings’ to expand it.
  2. Check that the drop down box for ‘Mobile Pages’ is set to ‘None’, then tick the box ‘This page is for mobile devices’. That’s all you need to do to set up your mobile page. Repeat this step for all of your ‘mobile’ type pages.
  3. Next, link the corresponding desktop page to the mobile page. For example, you may a ‘Contact’ page for desktop and one for mobile. You need to link the pages together so that when a visitor goes to the Contact page they get the right experience for the device they are using.
  4. in our scenario, to link the desktop page to the mobile page, you would go to the desktop version of the ‘Contact’ page. Scroll down to the Mobile settings section. This time, under ‘Mobile Page’ click on the drop down and choose one of the following options:
    • Select ‘One of My Pages’ if the mobile ‘Contact’ page is in the same Project file as the desktop page. When you select this option, select the page you want in the ‘Page’ dropdown that appears. In our case it is called ‘Mobile Contact Page’.
    • Select ‘External URL’ if the page you are linking to is in a separate Project file. If you are using this option remember to enter the full URL of the ‘Contact’ page you are linking to in the ‘URL’ box.
    • Remember that you should only select ‘None’ for a mobile page, not on a desktop page.

    Your desktop and mobile pages are now linked. Once you have completed this for all pages that have desktop and mobile counterparts, publish your website and test the redirection on different types of device. It’s good practice to test as you can see that the redirection works and that you have linked to the right corresponding page.

    Redirecting Back From Mobile To Desktop Websites

    There may be times where your visitor actually wants to use the desktop website in preference to the mobile website, when they are using a mobile device. It may be that there’s more detailed information available on the desktop website.
    If you have set up your redirection as outlined above, you will always go to the mobile website if on a mobile device. To stop this automatic redirection and force the use of the desktop website on a mobile device take the following steps…

    1. Add a piece of text or a button to your mobile website pages to act as a link to your desktop website e.g. a button labelled as ‘Go to Desktop Website’. You may just want to this only on the ‘Home’ page or on all of your mobile pages. The choice is yours.
    2. Once you have added the linking piece of text or button to your page(s), select it and go to the Hyperlinks Inspector. Enable the Hyperlink and then set the ‘Link To:’ drop down as ‘An External Page’.
    3. In the ‘URL’ box enter the full URL of the desktop web page you want to link to. It’s easier and more accurate if you cut and paste the desktop page’s URL from the browser’s search box in to the URL section in the Hyperlinks Inspector.
    4. Once you have the URL added, go to the end of the URL address and add in ‘?fullsite=true’ e.g. http://mywebsite.com/home-pagre.html?fullsite=true
    5. Once you have completed the Hyperlink, publish your website.
    6. On a mobile phone go to the mobile page with the redirection text or button. Click on the link to test that it redirects you to the desktop website.

    Your website is now complete and will direct your visitors to the mobile website automatically as needed with the option to override if needed!

    If you have a question about this blog article, let us know below! Thanks!