Archive for Widgets

30 Nov 2017

EverWeb 2.6 Is Here! Lightning Fast Publishing, Scroll Position and Much More!

No Comments EverWeb, Software, Web Design, Widgets

EverWeb version 2.6 has just become available with a raft of new and updated features to enjoy. It’s a big release so here are some of the major highlights you can look forward to…

Lightning Fast Publishing
EverWeb 2.6 allows you to set the number of connections to the publishing host server through the EverWeb-> Preferences menu. This means that publishing of files to the host server can now be done in parallel rather than one file at a time. The result: much faster publishing, possibly up to 5x the speed of EverWeb 2.5. This is great news, especially if you’ve got large project files to publish.

Publishing also gives you more accurate and detailed information on the Site Publishing Settings screen during the publishing process.

Support for FTP+SSH
In addition to lightning fast publishing, EverWeb now supports FTP+SSH in addition to FTP and FTP+SSL. There’s also a new ‘Test Connection’ button that you can use before publishing to check your connection to the host server.

Scroll Position
EverWeb now supports anchor links so you can set up hyperlinks anywhere in your project pages e.g. if you want to hyperlink to a particular section in your web page, such as a paragraph heading, you can do this easily by inserting a Scroll Position line at the paragraph heading. When you click on the hyperlink linked to the Scroll Position, you’ll be taken directly to the paragraph heading. In previous versions of EverWeb you would be taken only to the top of the page you hyperlinked to.

Checkout the video on the new Scroll Position feature.

Updated UI Elements
EverWeb’s UI has had a freshen up in version 2.6 with room being made on the Toolbar for Scroll Position. There’s also a new, fresh look for all of the built-in widgets in the Widgets tab.

Insert Buttons have also seen an update with fresh new looks for all of EverWeb’s buttons bringing them up to date with a contemporary look. Buttons are now also scalable too so you can size them as you like.

Theme Templates
There’s lots happening with Theme Templates in this version of EverWeb. First of all, when you open the Theme Template Chooser, you can now just start typing the name of the theme you want if you know its name as EverWeb uses Type Ahead technology to take you quickly to the template you want.

In addition, any new templates that are downloaded are flagged with a ‘New’ badge so you can easily see what’s new.

The best news though, is that at least 20 new themes have been added with this version of EverWeb! Many of the new templates employ new version 2.6 features such as Scroll Position. Some templates themes also have a ‘Blog’ page as well. Some of the new templates feature Google Fonts, so when you install them, you may be asked if you want to download the theme’s fonts as well which we recommend you do!

PayPal Widget Updated
For those of you who use EverWeb’s E-Commerce PayPal widget, you’ll notice that the buttons for ‘Buy Now’, ‘Add to Cart’ and ‘View Cart’ have been updated with PayPal’s latest designs. There’s also a brand new ‘Donate’ purchase type available. If you use your own customized buttons, these can now be scaled in size.

Preview Server Updated
EverWeb introduced Preview Server in version 2.5. In the new 2.6 release you can find settings for the feature on the EverWeb-> Preferences-> General tab. You can turn Preview Server off if it causes problems with your browser (e.g. Google Chrome may be problematic). You can also see the IP address used for the preview in Preview Server’s Preferences. This is useful as you can now preview on one device on your network and view that preview on any other device connected to your local network.

Other Notable Enhancements
A lot of work’s been done with fill types, especially for page and browser backgrounds so that they now work better. There’s also improvements to how scaling works in Shape Options. The Facebook Page Timeline widget includes fixes for issues with the Show Timeline, Show Events and Show Messages checkboxes not being respected. The RSS Feed, Audio and Video widgets have also had some minor tweaks and upgrades.

These are just some of the highlights in the new version of EverWeb. There are a lot more little nips, tucks and fixes in this version so updating is highly recommended.

If you have a question about this article, please drop us a line in the Comments Section below!

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

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!

    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!