Archive for Tips and Tricks

11 Jan 2018

EverWeb in 2017: A Blockbuster Year!

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

It hardly seems like a year’s passed since EverWeb 2.0 launched back in November 2016 bringing blogging to all EverWeb users. It was a great close out for 2016 so what great things would be in store for in 2017? Looking back at 2017, it brought a slew of new, and enhanced, features to the product. Here’s the best of EverWeb in 2017…

January 2017: EverWeb 2.1 Updated Blog and Contact Form Advanced widget

EverWeb’s first point release of 2017 came in January with EverWeb version 2.1. This release brought many improvements to the recently released blogging environment such as direct linking to the blog archive page from the main blog page.

Blogging wasn’t the only focus as the Contact Form Advanced widget, also added in the EverWeb 2.0 release, gained new SMTP features making sending and receiving email more secure and reliable as well as new options for the widgets controls. Lastly, two keyboard shortcuts were added: Command+Option and Shift+Command that help you more easily move and select objects about the canvas.

In February EverWeb 2.1.1 arrived with more updates for the Contact Form Advanced and the Audio widget got its first update since EverWeb 1.0 adding Default Volume Level, Mute Sound, Autoplay on Page Load and Audio Loop to its settings.

April 2017: EverWeb 2.2 Animation Engine Added to EverWeb!

EverWeb version 2.2 added an Animation Engine to the product in April making it easy to add great effects to objects on your page. 16 different animation effects are available to use from the Shape Options menu.

Distance to Object was also introduced in EverWeb version 2.2. If you need to know the distance between one object and another, just click on the first object, hold the Option key down, then mouse over to the target object and you’ll see the distance between the two displayed. It’s that simple…

April 2017: EverWeb 2.3 Speed and Code Optimizations

Hot on the heels of EverWeb version 2.2 came EverWeb version 2.3 in the same month with under the hood performance and code optimizations, as well as resolving publishing issues experienced by some FTP users.

July 2017: EverWeb 2.4 Adds Site Shield Addon & End To End Data Encryption

As summer got underway, EverWeb version 2.4 bowed in July with Site Shield Addon. For EverWeb+Hosting users, this new feature is a one click solution for end to end website data encryption. Site Shield Addon is great if your website transmits any sales, finance or personal data.

Site Shield Addon also boosts your search engine ranking results search engine providers give secure websites a rankings advantage over non-secure websites.

For EverWeb+Hosting accounts of 10GB or higher, Site Shield Addon is free. EverWeb+Hosting 2GB account users can purchase Site Shield Addon through their EverWeb Client Area.

EverWeb version 2.4 was great for EverWeb users who need great search engine ranking results. An additional SEO boost came with the addition of ‘Language Localisation’ to the Page Settings tab of the Inspector Window. Language Localisation uses language localization to better serve visitors searching the web with more relevant search results.

October 2017: EverWeb version 2.5: 64-Bit Support, New Widgets, Print Server, Improved Preview

In October, EverWeb version 2.5 debuted as a 64-Bit application. Whilst this is a mainly under the hood step, it’s important as Apple will only release 64-Bit OS’s in the future for. In addition, as a 64-Bit app, EverWeb will be able to take more advantage of today’s and tomorrow’s technologies.

EverWeb users who do not have a 64-Bit ready macOS have not been forgotten wither as there is still a version of EverWeb specifically for older macOS’s.

Also new in EverWeb version 2.5 were two brand new widgets: The Facebook Page Timeline widget and the Live Photo widget. Preview Server debuted (which we’ll be featuring soon) adding better, more accurate Preview functionality and there were also improvements to RSS feed speed and reliability.

November 2017: EverWeb 2.6 Brings Lightning Fast Publsihing and Scroll Position!

The end of November 2017 saw the last major EverWeb release of the year when version 2.6 was released to the public. This release introduced incredible speed and performance enhancements when publishing websites, especially large EverWeb Projects.

Publishing via FTP+SSH protocol was added to the existing FTP+SSL and FTP protocols. Such features enabled the use of multiple connections to the server during publishing resulting in some incredible performance increases, sometimes up to 30x faster than before!

As well as major improvements on publishing speed, EverWeb version 2.6 introduced Scroll Position, allowing you to add set up anchors anywhere on your web page that can be hyperlinked to from anywhere else in your website project. As such your hyperlinks can take you to the point on the page where you want the focus to be instead of just to the top of the page as in previous versions of EverWeb.

EverWeb really kicked in to high gear in 2017, but still added some great small touches whilst retaining its easy to use but feature rich approach. Check out the links above to find out more about each EverWeb version. Let’s see what 2018 brings!

29 Dec 2017

Super Fast Publishing with EverWeb 2.6

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

The recently released EverWeb version 2.6 comes with a couple of significant features that’ll be a boon when previewing and publishing your website.

Faster Publishing, Better Publishing Information
The great news for all EverWeb users is faster publishing of your website with EverWeb version 2.6. When publishing, two things happen: first of all your website project’s files are processed and second, the processed files are uploaded to your Host Server.

As well as faster publishing, EverWeb version 2.6 gives you more information at both stages of the publishing process. During the first stage you’ll now have see an “‘x of y’ pages” processed in the ‘Publishing’ dialog box.

During the second stage, when the processed files are uploaded to your Host server, you’ll now see more detailed, realtime, information as to the status of the upload. To see this detailed information, use the File-> Site Publishing Settings menu option or click on the name of your website project file in the Web Page List when publishing.

The information you now see includes the number of files already uploaded out of the total number to be uploaded. Bear in mind that the number of files to upload depends on the contents of your pages e.g.images and other media files in your pages count as files to upload. You’ll also see how much of the total file size has already been uploaded and which files are currently being uploaded to the Host Server. Remember that the size of the file upload will vary depending on changes you have made to your website and whether you are publishing just changes to your site or the entire site.

Faster Uploading Through Simultaneous Connections
As well as having more information to hand during the publishing process, EverWeb version 2.6 allows you to upload files simultaneously by allowing you to change the number of simultaneous connections to your host server. You can find this setting in the File-> Preferences-> Publishing tab.

Adjusting the number of simultaneous connections can result in your publishing being up to five times faster than before. Remember that when it comes to publishing the speed increase occurs during the second stage of the publishing process, so bear this in mind when comparing publishing using EverWeb 2.6 against previous versions. You should generally find that the larger the project file, the greater the benefit of faster publishing. Many EverWebbers have already found significant improvements in publishing speeds over older versions of the product.

The number of simultaneous connections allowed ranges from 1 to 20 connections. Having only one connection is the slowest, but safest, way to publish your website. Setting the value to 20 connections is the fastest way to publish your website, but also the riskiest as there is a higher chance of connection failures. You may need to set a value somewhere between the minimum and maximum to get best results. You can do this by trial and error, or your Hosting Provider may be able to guide you. Often Hosting Providers set a limit as to the number of simultaneous server connections are allowed at one time.

If you get timeout messages when publishing try dialling back the number of connections used in the the Publishing Preferences. If you’re testing to see how many connections you can have without causing timeout issues, it may also be worth waiting awhile between tests as it may take a bit of time for the connections you’ve used in your first test to be freed up for use in your next test.

If you are publishing to your EverWeb+Hosting account, you will probably find a value of 3-5 connections the best for publishing.

If you are using FTP, check to see if you can use FTP+SSH to your Host Server as SSH allows for simultaneous connections. Again, check with your hosting provider as to what the best number of connections is advised and if your Hosting plan allows you to use the FTP+SSH option.

EverWeb version 2.6 is really speedy when it comes to publishing so it’s a highly recommended update!

14 Dec 2017

Easy, Advanced Hyperlinking with Scroll Position!

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

Hyperlinks are something almost every website you design will include at some stage. In EverWeb, even the Navigation Menu widget is based on hyperlinks to specific pages in your website.

The Hyperlinks Inspector tab in the Inspector Window is used to link to other pages within your website, to your email program or to enable the downloading of linked files such as .pdf files. EverWeb version 1.9 added the ability to open hyperlinked pages within pop-up windows or in a new window. Now EverWeb version 2.6 lets you do even more with the new Scroll Position feature.

Introducing Scroll Position

Scroll Position places an ‘anchor’ in the place you want it on your web page that can be hyperlinked to, from any page within your website. For example, you may want to set up a Scroll Position to take your visitor to a particular paragraph on your page, or to an image or media object. You may also want to use it to create a ‘Back To Top’ feature for your page which we’ll come on to later…

Introducing Scroll Position

To set up a Scroll Position go to the page where you want to add it then click on the Scroll Position button in the Toolbar, or use the Insert -> Scroll Position menu option. You’ll see a turquoise line appear across the width of the page. This means that the Scroll Position line is currently selected. If you click on another part of the page, the Scroll Position will be deselected and changes to a dark blue color.

To select a Scroll Position line, just click on it. Its color will change to turquoise. Scroll Position lines don’t have selection handles as they’re a special type of object so if you want to move it just click and drag the line to where you want it. Release the mouse button to finish. You’ve now set up an ‘anchor’ that you can hyperlink to.

If you’ve added a Scroll Position to your page by mistake just select it then hit the backspace key on your keyboard to delete it.

Naming Scroll Position Lines

Each Scroll Position has a unique name. To see the name, select the Scroll Position then click on the Widget Settings tab in the Inspector Window. You’ll see the default name ‘scroll position-‘ followed by a number. The number represents the vertical (Y) position of the Scroll Position line on your page. Remember that the zero vertical ‘Y’ position is at the top of the page. If you move the line up or down the page, the Y position number will update when you reselect the Scroll Position.

The Scroll Position ‘Unique Name’ can be edited which is handy if you have several Scroll Positions on the page.Using a user friendly name will make it easier to identify the Scroll Position rather than having to remember its location on the page. It’s good to use Unique Names if you’re using Scroll Position to jump to different sections, or paragraphs, on a page.

Hyperlinking with Scroll Position

To Hyperlink an object to the Scroll Position you’ve created,

  1. Click on the object you want to Hyperlink to. This may be on the same page as the Scroll Position, or on a different page, in your website.
  2. Next go to the Hyperlinks Inspector and tick the ‘Enable as Hyperlink’ checkbox.
  3. Set the ‘Page’ dropdown to the page that includes the Scroll Position then click on the ‘Position’ drop down.
  4. Here you’ll see ‘Page Top’ and the Scroll Position Unique name that you added earlier.
  5. Click on the Scroll Position.
  6. Your Scroll Position is now set up!
  7. Use EverWeb’s Preview to test that the Hyperlink scrolls you to the location of the Scroll Position that you set up.

Creating a Back To The Top Feature

You can also use Scroll Position to add a ‘Back to Top’ feature on your page to smooth scroll from the bottom of the page to the top,

  1. Start by adding a TextBox to the bottom of your page with ‘Back To Top’ as the text.
  2. Next, add a Scroll Position and move it to the top of the page (e.g. at Y position zero).
  3. You may want to call the Scroll Position ‘Back To Top’ although this step is optional.
  4. Finally, link the Scroll Position to your ‘Back to Top’ text as described above.
  5. Again, use Preview to test that the Scroll Position functions as you expect!

Scroll Position is a great way to easily hyperlink to exactly where you want to take your visitors in your website! Have fun with this new feature and please let us know if you have any questions!

23 Nov 2017

Add Your EverWeb Blog To Your Home Page

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

One of the most useful side benefits to EverWeb’s blogging feature is that you can add your blog’s index to any page in your website so your visitors can easily and quickly access your posts. This is achieved using your blog’s automatically generated RSS Feed file.

Many websites have their blog index front and center on the homepage. It’s a great way for your website visitors to discover more about your site and explore in-depth articles that they may otherwise be missing!

External Blog’s and RSS Feeds
Whilst this post focuses on the blog that you have created in your EverWeb Project file, you can easily adapt the instructions below to add a blog, or RSS Feed, from an external source to your site.

Some websites have pages dedicated to useful RSS Feed links that you can include in your site e.g. CNN or the BBC. To find out if a site has RSS Feed links available to use, simply search the company’s name followed by ‘RSS Feed’ in your browser’s search box e.g. ‘CNN RSS Feed’.

Adding A Blog Index To Your Homepage

To add your EverWeb blog index to your website’s Homepage:

  1. First make sure you have EverWeb version 2.0, or higher, installed on your computer. Blogging was introduced in version 2.0 so if you have an earlier version of EverWeb, you’ll need to upgrade.
  2. In your EverWeb Project file create your blog if you haven’t done so already.
  3. Once you’ve added the posts you want in your blog, publish your website. This step’s important as publishing creates the rssfeed.xml file. This file contains information about the blog and its posts and is also the ‘index’ that will appear on your Homepage.
  4. Next, drag and drop the RSS Feed widget from the Widgets tab on to your homepage. Size and position the widget as desired.
  5. In the Widget Settings for the RSS Feed widget, enter the full URL of the blog’s rssfeed.xml file. The URL uses the directory structure of your Project as the basis of the URL e.g. http://www.mydomain.com/blog/rssfeed.xml where ‘mydomain.com’ would be your site’s domain name, ‘blog’ represents the name you have used for your blog in the Web Page List and ‘rssfeed.xml’ is the ‘index’ file itself used to create the index on the homepage. In our example, the blog directory is at the top level in the Web Page List of the Project file.
  6. When entering the URL, you must use the exact name of your blog from the Web Page List, for example, if your blog is called ‘Blogging’ in the Web Page List, your URL must follow the same convention e.g. http://www.mydomain.com/Blogging/rssfeed.xml. In this example, ‘Blogging’ is capitalized in the URL as it is capitalized in your Project file.
  7. If you use spaces in your blog name in the Project file, they must be replaced replaced by an underscore character e.g. ‘My Blog’ in the Web Page List might look like this in the URL: http://www.mydomain.com/My_Blog/rssfeed.xml.
  8. Once you’ve added the RSS Feed’s URL, customize the look of the widget using the Widget Settings. The widget will update dynamically as you change settings in the Widget Settings. If you have never published your blog to the internet, the widget may appear empty as the rssfeed.xml file has not yet been generated for the first time.
  9. When you’re finished, publish your website. This will generate the rssfeed.xml file and the blog index will be displayed on the page.
  10. As you add, delete and update your blog posts, the index will also update when you republish so what you see on your homepage will always be in synch with your blogging!

Multiple Blogs In Your Website?
Sometimes your website may have more than one blog. This can be so if you have a blog for your desktop pages and a blog for your mobile pages. It can also be that your website has specific focus areas, e.g. a Sales blog, Tech blog, HR blog etc. In these instances you’ll have a different blog directory name for each blog.

As each blog has its own unique name in the Web Page List, just use the blog name you want to use in the URL in place of ‘blog’, for example, if you have an ‘HR Blog’, the URL may look like this: http://www.mydomain.com/HR_Blog/rssfeed.xml.

What If Your Blog Index Doesn’t Appear?
If you publish and find that your blog index does not appear the problem is usually that the RSS Feed URL has been incorrectly entered. Check the URL in the RSS Feed widget for typos then try a full republish of your website.

EverWeb’s RSS Feed widget is a very handy way to easily incorporate your blog index into the homepage of your website.

If you have a question or comment, please let us know in the Comments Section below. Thanks1

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!