Author Archive

09 Nov 2017

Creating Your First Blog Post with EverWeb

No Comments EverWeb, Software, Tips and Tricks, Tutorials, Web Design

EverWeb version 2.0 introduced what was perhaps the most user requested feature ever: Blogging! If you’re familiar with blogging in iWeb, you’ll be immediately familiar with EverWeb’s blogging environment. Whilst looking familiar, EverWeb improves upon the iWeb blog by adding features such as Master Page support, Comment Engine support using Disqus or Facebook Comments, a dedicated Editor and Preview Window and more. There’s also a convenient Import feature so that blog posts from either iWeb or WordPress can be directly imported in to EverWeb.

Creating a Blog in EverWeb
If you have’t created a blog in EverWeb yet, it just takes a few clicks of the mouse button:

  1. First, open your project file in EverWeb if you have not done so already.
  2. Click on the ‘Add Page’ button in the Toolbar.
  3. Click on the ‘Blank’ Theme Template which is the first theme listed on the left hand side of the dialog box.
  4. Next select the ‘Blog’ page style from the right hand side of the dialog box.
  5. A new blog will be created in the Web Page List.

The Structure of the Blog
The blog you have just created has three components:

  1. The ‘blog’ page is also known as the Blog Index Page. It lists some, or all, of the blog posts that you have created depending on how you customize your Widget Settings. You can rename ‘blog’ to a name of your choice and it’s fine if you want to have more than one blog in your project file if you need it. Typically ‘blog’ lists only the most recent blog posts with older posts listed in the ‘archive’ page. The ‘blog’ page is a directory page containing the ‘posts’ and ‘archive’ pages. If you delete the ‘blog’ page, you delete the whole blog including all of your posts. Make sure that you have backup set up on your EverWeb Preferences just in case!
  2. The Blog Posts Page. This page is called ‘posts’ and is where you create, edit and delete your blog posts. You cannot rename, or delete, this page without deleting the whole blog.
  3. The Archive Page. The ‘archive’ page lists all the blog posts contained in your blog. As with the posts page, you cannot delete, or rename, the archive page without deleting the whole blog.

Creating and Editing Blog Posts
Creating blog posts is at the heart of your blogging experience. Begin by selecting the ‘posts’ page in the Web Page List. When you create a blog in EverWeb,the first post ‘New Blog Post’ is automatically created which you can directly edit.

There are three windows on the ‘posts’ page:

  1. The Blog Posts List. At the top of the page is the list of blog posts that have already been created. Here you can add additional posts, delete unwanted posts and import blog posts from iWeb and WordPress by clicking the appropriate button at the bottom of the list. You can reorder blog posts by title and date by clicking on the ‘Blog Post’ and ‘Date’ labels in the Blog Posts List header. To change a blog title, click on its title then edit it just as you would do for a regular page in EverWeb. To change the post’s date or time click in the Date field. To the left of each blog post you’ll also notice a red or green button indicating whether the blog post has been published or not.
  2. The Blog Post Editor Window. The middle section of the ‘posts’ page is the Blog Post Editor Window. This is where you directly enter your blog post text, or copy and paste text from the clipboard. You can apply fonts and colors to the body text and drag and drop in any images required for the post. The editor supports features such as ordered and unordered lists, hyperlinking, paragraph formatting, quote levels, justified text and more, all easily accessed from the Editor’s Toolbar. Remember, though, that the Blog Post Editor Window is just that – an editor. To see the fully formatted blog post in the Blog Post Preview Window.
  3. The Blog Post Preview Window is located in the bottom third of the ‘posts’ page. This is where you see the formatted results of the text and images that you added in the Blog Post Editor. The Preview Window is much like a Master Page. Any content added directly in to the Preview Window will be displayed on all blog posts. The same is true if you change page settings in the Page tab in the Inspector Window for the ‘posts’ page. For example, if you change the Browser Background color, Content Height/Width etc. these changes will be reflected in all your blog posts. The ability to add such Master Page type features to the Preview Window is a guaranteed time saver.
  4. If you want to change how much of each section is visible on screen just drag the splitter bar between sections up and down until you have the desired result.

Blog Post Widget Settings
Widget Settings are available to further customize your blog posts. Usually you’ll see the Widget Settings immediately when accessing the posts page. If you don’t, click on the Widget Settings tab in the Inspector and make sure that the blog content in the Blog Post Preview Window is selected.

Widget Settings are where you can set defaults for the Blog Post Preview Window e.g. Header Title font size and style settings, date formatting settings, and post specific options such as hyperlinks settings, post image, Comment Engine options and so forth.

Publish Your Blog!
Once you have finished your blog post, either preview or publish to the Internet.

We’ve only briefly covered how to create your first blog post in EverWeb. There’s a lot more to explore, the best way to do this is by experimenting to see what works best for you.

If you have any questions or comments please let us know, we’ll do our best to help! There’ll be more about blogging in the future so come back soon!

26 Oct 2017

Integrating Facebook In To Your Website

No Comments EverWeb, Software, Tips and Tricks, Tutorials, Web Design, Widgets

If your business is tightly integrated with Facebook as a means revenue generation you’ll also probably want tight integration with your website as well. Integrating Facebook with your website can help improve your business’s reach as you target non-Facebook users through your website using EverWeb’s Facebook features. This may also be a timesaver as you as you may only need to update Facebook which filters through to your website automatically. This is a boon, for example, if you’re business runs classes or seminars, or has new or updated products to announce. There are numerous possibilities! It’s not only commercial concerns but non-commercial organisations, and even individuals, can also benefit in much the same way.

EverWeb’s new Facebook Page Timeline widget, introduced in EverWeb 2.5, adds more possibilities and flexibility to your webpage design in EverWeb. You now have a range of tools to use to bring your website visitors and Facebook users closer. It’s simple and easy to share what’s going on between the two different audiences. Facebook itself allows you to add your website URL, as well as other integration tools, to your Facebook account. You can also easily embed links from your website directly in to Facebook.

So, save time and effort by integrating Facebook in to your website with the following three EverWeb tools…

Facebook Page Button
If you just want a simple link to your Facebook page, just use the Insert -> Button -> Facebook Page option and enter in the full URL of your Facebook page. It’s best to copy the URL from your browser’s search bar and paste it in to the button’s URL field. If you enter the URL manually and make a mistake, you’ll have to delete and reinsert the button on to your page. Tip! Buttons such as these are great to use in Master Pages!

Facebook Like Widget
The Facebook Like Widget was introduced in EverWeb version 1.3 and allows you to add a more sophisticated and tailored button to your web page. Although the widget is called ‘Like’ you can in fact use it to include a Facebook share button. You can decide if you want the button to be ‘Like’ or ‘Recommend’. There are many different display combinations that should cater to everyone’s taste e.g. you can display the number of people who like your page. Once you have finished customising the widget, you may need to resize and adjust the placement of the widget on your page before previewing or publishing.

Facebook Page Timeline Widget
The newly introduced Facebook Page Timeline widget lets you add a Facebook page timeline directly to your web page. As you update your timeline, your webpage will update automatically. The new widget can be customized in a number of different ways so that you can display your Timeline just how you want it. Once you’ve drag and dropped the widget on to the page from the Widgets tab, enter your Facebook page URL in to the ‘Webpage Address’ field. Again, it’s best to copy and paste the URL from your Facebook page to avoid any typos. Once you’ve entered the URL press the enter key to dynamically update the widget to show the Page Timeline.

By default, all Widget Setting options except for ‘Hide Cover Photo’ are set on. If you deselect all the options, you will only see the most recent post displayed, so it’s likely that you’ll want to have at least ‘Show Timeline’ checked so that your visitors can scroll through your timeline. As you select or deselect the widget’s options, the Page Timeline widget dynamically updates. When you’re finished with customizing the widget, you may need to readjust the size and placement of the widget on the page. Preview or Publish the page to see the results of your work.

Depending on your specific requirements you can use any combination of Facebook Page button, Facebook Like Widget or Facebook Page Timeline on your page to give your visitors just the right experience. The Facebook Page Timeline widget will also help save you time and effort in updating your website as it’s all done in your Facebook Page Timeline!

10 Oct 2017

EverWeb Now 64-Bit, Adds Widgets and More in version 2.5!

No Comments EverWeb, Software, Web Design, Widgets

EverWeb version 2.5 is now out and for the first time includes support for 64-Bit computing. The move to 64-Bit preempts Apple, who will only release 64-Bit versions of macOS after macOS High Sierra. This means that High Sierra will be the last Mac Operating System to support 32 bit apps ‘without compromise’. 64-Bit computing handles more data than 32-Bit, allows for larger file sizes and adds some performance benefits as well. Apple has already moved to 64bit on iOS, so it’s logical that the Mac OS follows suite. It’s also a necessary step for the implementation of the new Apple File System APFS which unifies iOS and macOS.

How will this affect EverWeb Users?
The new EverWeb version 2.5 supports Mac OS X versions 10.6 – 10.8 with a 32-Bit version of the product, and OS X versions 10.9 and higher with the 64-Bit version. Each ‘version’ of EverWeb caters for specific hardware/software platforms and EverWeb will automatically detect which platform you’re running on when you update from an earlier version. You probably won’t notice any difference when using EverWeb than before, except perhaps for some minor performance improvements.

In addition to EverWeb gaining support for 64-Bit computing, here’s a rundown of some other new and improved features to be found in version 2.5!

New Widgets in version 2.5!
EverWeb version 2.5 introduces two new widgets:

  • Live Photo Widget: If you take live photos on your iPhone or iPad, you can import these directly into webpage using this video. When you drag and drop the Live Photos widget on to the Editor window, the widget settings will tell you how to get the relevant JPG and MOV files needed for Live Photos to work.
  • Facebook Page Timeline widget. EverWeb now lets you add your Facebook page timeline directly into your webpage! There are a number of different customisation options too so that you can tweak your Facebook timeline page just as you want!
  • New Menu Options
    Two new menu options have been added in this version of EverWeb:

    • File-> Rename Website: You can now rename your website at any time within your Project file just by using this new menu option. Alternatively, use the existing option of double clicking on the website project name in the Web Page List.
    • File-> Rename: You can now rename directories, pages, blog post names and assets from this menu command in addition to the existing renaming options using the new Rename command. Highlight the item you want to rename then use the menu option. Remember that whilst you can rename the blog main page, you cannot rename the posts and archive pages.

    Improved Preview
    EverWeb’s built in Preview is now more accurate and also fixes widget preview problems found in previous versions of EverWeb. Expect more improvements to Preview in the future!

    There are lots of other minor additions, tweaks and maintenance and stability fixes included in the product. For more information, have a look at the full EverWeb version 2.5 release notes.

    If you have a question about the latest release of EverWeb, please drop us a line below. Thanks!

    21 Sep 2017

    End To End Data Encryption and Better SEO with EverWeb

    No Comments EverWeb, Software, Web Design

    EverWeb 2.4 introduced a great new feature: end to end data encryption of your website. The new feature, EverWeb Site Shield Addon, is available exclusively to anyone with an EverWeb+Hosting account. Here’s a Q&A on all that you need to know…

    What Are The Benefits of Site Shield Addon?
    EverWeb’s Site Shield Addon benefits your website in a number of important ways:

    1. Data transmitted between the EverWeb Hosting Servers and the visitor’s browser window is encrypted and so will be secure on any device: desktop, tablet or mobile.
    2. Encryption means that data such as personal information, financial transaction data (e.g. E-Commerce) etc. will be transmitted securely reducing the risk of data theft.
    3. A secure website is professional and shows your customers that you care about data protection. Secure sites display a ‘Padlock’ symbol next to their URL in the browser search box indicating to the visitor that the site is secure.
    4. Site Shield Addon is great for your website’s SEO giving you an immediate rankings boost. Search giant Google actively promotes secure websites over non-secure websites in Search Engine Ranking Results. Microsoft and Yahoo have also followed suit.

    How Does Site Shield Addon Work?

    Site Shield Addon effectively upgrades your website from using Hyper Text Transfer Protocol (HTTP) to HTTPS which is the Secure version of the protocol. TLS, or Transport Security Layer, provides the security when transmitting data using HTTPS. Security Certificates are also used as part of process in enabling HTTPS for your website. You can find more information on HTTPS in the Google article Secure your site with HTTPS

    How Much Does EverWeb Site Shield Addon Cost?

    If you have a 10Gb or higher EverWeb+Hosting plan, Site Shield Addon is absolutely free. If you have a 2Gb plan, Site Shield Addon costs $29.95 per year.

    What Version of EverWeb Do I Need to Use Site Shield Addon

    You need EverWeb version 2.4, or higher, to be able to use Site Shield Addon in addition to your EverWeb+Hosting plan.

    How Do I Purchase, or Add, Site Shield Addon?

    To purchase, or add, Site Shield Addon you will need to go to your EverWeb Account profile. If you have EverWeb+Hosting 10GB, or higher, users you still need to add the Site Shield Addon to your EverWeb customer account even though it is free for you.

    How Do I Make My Website Secure?

    EverWeb always makes this kind of stuff really, really easy! If you’ve just added Site Shield Addon to your EverWeb account and have EverWeb open, quit and relaunch. Then, all you need to do is…

    1. Open your project file
    2. Go to File -> Edit Publishing Settings
    3. Tick the checkbox ‘Use HTTPS Secure URLs’
    4. Publish your website using File -> Publish Entire Site

    The first time you publish your site using the ‘HTTPS Secure URLs’ option, it’s recommended that you publish the whole site. If you make changes afterwards to your Project file and republish, it’s OK to use the Publish button instead which publishes only the changes you have made to your website.

    How Do I know That My Site Is Secure?

    There are two ways you’ll know that your site is secure once you’ve published it:

    1. Instead of the site URL being prefixed with HTTP, it will be prefixed with HTTPS instead. If you don’t see the HTTP/HTTPS prefix at all, check your browser settings. Some browsers default to displaying only a shortened version of the URL.
    2. You’ll see a Padlock symbol beside your site’s URL name giving your visitors a visual cue that the site is secure.

    Can I Use Site Shield Addon With More Than One Website?
    Yes. Site Shield Addon is linked to your EverWeb Account so if you have more than one domain in your account they can all made secure.

    What if I don’t have an EverWeb+Hosting Account?

    If you have your own hosting provider and want end to end data encryption for your website, you’ll meed to contact your provider and work with them to implement this feature for you.

    EverWeb Site Shield Addon is a real boon and is simple and easy to use, giving you added security for your website, better customer satisfaction, privacy protection and an SEO rankings boost as well!

    If you have any questions, please don’t hesitate to contact us below in the Comments Section!

    07 Sep 2017

    10 Things To Do After Publishing Your EverWeb Website…

    No Comments EverWeb, Software, Tips and Tricks, Web Design, Widgets

    It’s a great moment when you finally click the “Publish” button in EverWeb and your website goes live on the Internet. All that hard work has finally paid off!

    Now comes the difficult part, testing out your website to make sure it all works properly. This is something that seems to be a bit of a chore, but if you’ve prepared your website properly beforehand e.g. using the tips in the “10 Things To Do Before Publishing Your Website” blog, testing should be relatively quick and easy.

    Here’s a checklist of things to look out for:

    1. Make sure your Navigation Menu is working properly. Check that the labels you’ve used (i.e. the Navigation Menu Display Name that you’ll find in the Page button of the Inspector tab) are correct and that each menu item goes to the page it’s meant to go to.
    2. If you’ve previously published your website, you may have made some changes and republished. Make sure that the updated pages in EverWeb have updated on the Internet correctly. If they haven’t, try full republish using File-> Publish Entire Site instead of the Publish button (or File-> Publish Site Changes menu option).
    3. If you have any hyperlinks in your pages, test out all the links to make sure they go to where they are supposed to go. Don’t forget to check out any hyperlinks you may have added to objects such as images or shapes as well as your text hyperlinks!
    4. Check that any contact forms you have added work correctly such as EverWeb’s own Contact Form Advanced widget. Check that form fields work correctly as well as the sending and receiving of the email itself. Although you may see the message “Your email has been sent” it does not necessarily mean that the email has been received! Remember also that problems can lie at either end, e.g. incorrect SMTP options set in the widget, or incorrect configuration options set in your email program.
    5. If you have an EverWeb+Hosting account and are using EverWeb Site Shield for HTTPS Secure URLs, check that the URL in your browser window starts with HTTPS and has a Padlock symbol next to the URL. Whilst you’re checking this, you may also want to see if any Favicon you’ve added is displayed (bear in mind that this may take a few hours to become visible due to replication round the Internet).
    6. Check that any widgets or code you may have used work correctly e.g. if you’re using icons from Font Awesome, make sure that these display properly.
    7. Check that your page layout works correctly e.g. you have a fixed header so that your page content scrolls under as your visitor scrolls down the page. Make sure that the content scrolls under the header and not on top of it! Check your Always On Top setting in the Metrics Inspector and make sure that Arrange-> Bring To Front is selected. Test any changes using Preview before publishing.
    8. Check that your website works properly on all device types: desktop, tablet and mobile. It’s extra work for sure, but it’s better for your users that you do this work! A professionally made website makes for a better user experience and is better for repeat visits.
    9. Test out your 404 Page Not Found pages. On both your desktop and mobile websites, check that the error page works. To test, just enter the website URL in your web browser’s search box but include a mistake in the page name you’re looking for. You should see your own 404 Page Not Found error page appear as a result.
    10. How about some documentation? It’s always worth having some documentation about your website project, especially if you’ve drawn content from a number of different sources. That can come in handy in future if you ever need to go back to find your source data. It’s also useful to note down all Hyperlinks references you’ve used in your website. Even basic information such as page layout items found in the Page tab of the Inspector can be useful to record.

      And finally, don’t forget your backups! Always have EverWeb’s own backup feature on in addition to any regular backup of your computer itself.

    Once you’ve published your website it’s easy to want to just enjoy the fruits of your work, but making sure that your website is working properly is worthwhile in itself.

    If you have any ideas or suggestions about this blog post, let us know! We’d love to hear from you!