11 Dec 2016

EverWeb Blogging Hints and Tips

5 Comments Tips and Tricks

Blogging with EverWeb version 2.0 gives you a dynamic canvas to work with. Here are some hints and tips that we’ve found to share with you…

  1. Use the Page Settings Tab
  2. As you probably know by now, when you create a blog in EverWeb, it contains three pages: blog, posts and archive. Just like any other web page that you create in EverWeb you can apply page settings such as content width, content height, header and footer height and so on. Remember that you can also set the page and browser background as well.

    The Page Settings tab is especially important for the posts page, as all of your posts will adopt these settings as you can see by looking at the blog posts preview window.

  3. Master Page or No Master Page?
  4. You can set defaults for the posts page using Page Settings and you can also add objects to the blog posts preview window that are then applied to all of your blog posts as well. So, what about Master Pages? Where do they fit it?

    The answer to this question is that it depends on how you want to work. If you use a Master Page, you will have to edit the Master Page to make changes. If you use the blog posts preview window instead, objects can be edited ‘live’ so any changes you make are instantly reflected on all blog posts. You may prefer one way of working over the other. You may find that using a combination of the two is best e.g. you use a Master Page to apply certain website defaults, such as content width and height, background colors etc. to your blog posts. You then add specific objects to the blog post preview window to customize the blog to make it appear as a special part of your website.

  5. How to Add a Thumbnail
  6. You can add a thumbnail image to your blog post when it is displays on the blog main or archive pages. To do this:

    1. Select the post you want to attach the thumbnail to in the blog posts list of the ‘posts’ page.
    2. Next go to ‘Post Image’ in the Post Options section of the Widget Settings.
    3. Select the image you want using the ‘Choose…’ button. When you select a Post Image it can then be used as a thumbnail for the post in the blog main/archive pages.
    4. The image appears in the Preview window of the post. If you do not want to display the image in the post itself, select ‘No Image’ as the ‘Style’.
    5. Next, go to either the blog or archive page.
    6. If you do not see the thumbnail displayed next to the post, select the widget. Next, go to the Widget Settings and set the ‘Style’ to something other than ‘Just Text’. The thumbnail will appear.
  7. Using Extra Space
  8. If you want to add extra space between your blog post listings in the blog main and/or archive pages, you can use ‘Extra Space’. If this does not seem to work, check to see if you have a thumbnail image included. If the thumbnail is higher than 50px the ‘extra space’ will not appear as it’s been used by the thumbnail.

  9. Setting a left hand margin when using Full Width
  10. If you’ve set the blog posts preview window widget to ‘Full Width’, you’ll see that your text appears flush against the left hand margin of the browser window. To create a margin on the left hand side, make sure the ‘posts’ page is selected then go to the Text Inspector tab and use ‘Insert Margin’ to create the left hand margin you require.

  11. Resolving gaps between shapes in your blog
  12. Shapes are often used to define specific specific areas of a web page e.g. a horizontal, colored rectangle is often used in the footer. A vertical rectangle shape is sometimes used down the side of the page e.g. to define a sidebar or navigation menu. You may want the vertical and horizontal shapes to meet to give the page a continuous appearance. That’s usually easy to do, but in blog pages you may see a gap where the vertical shape should meet the horizontal shape. This happens because the blog widget automatically adjusts vertically on publishing so pushing the footer down. To stop the ‘gap’ appearing set ‘Allow Free Dragging’ ON for the vertical shape and extend the shape down enough so that some of it encroaches into the Footer shape. This will ‘cover’ the gap (see screenshots below).

    Body footer gap

    On the right is the blog main page with where the yellow column meets the blue column. To the left if the preview, showing the gap between the object in the body area and the object in the footer.

    Body Footer no gap

    On the right hand side, the yellow column has ‘allow free dragging’ set on an the object encroaches into the footer underneath the blue object. The result to the left is no gap between the objects when previewed.

    Remember to first test using Preview to make sure the gap is filled before publishing!

  13. How to duplicate a blog post
  14. If ever you need to duplicate a blog post, select the post you want to duplicate in the blog post list. Right click on the post name and select ‘Duplicate’ from the menu. EverWeb will make a copy of the post for you!

And finally…

EverWeb version 2.0.2 is now available!
EverWeb had a maintenance update last week with the release of version 2.0.2. It’s a bug fix release and also includes some minor enhancements to the product. Check on the EverWeb-> Check for Updates… menu to update your version. For more information check out the blog on the EverWeb website!

Got your own tips about blogging in EverWeb to share? Don’t keep it to yourself, let us know in the Comments section below!

Tags: , , ,
written by
The author didn‘t add any Information to his profile yet.
Related Posts

5 Responses to “EverWeb Blogging Hints and Tips”

  1. Reply NameBandar Bola Terpercaya says:

    thanks for sharing the tips .it so helpful

  2. Reply Jacqueline Houston says:

    This programme is driving me crazy. I do not see any Post Options section of the Widget Settings so have not succeeded in attaching a thumbnail image to posts .

    I have also been UNABLE TO:

    -put more than one picture in a blog post? I don’t want a gallery. Just occasionally more than one photo.

    -put a text box in an individual blog post?

    -Indent a paragraph in a blog post

    -Create a style for headings etc in a blog post. There is not much choice in the defaults offered.

    Please help. I am spending hours just watching your videos and searching to solutions. It is going to take me months to complete this simple website.
    Jacqui

    • Reply Simon Millard says:

      HI Jacqui

      Thanks for the questions! I hope that the following will help you…

      1. To get the widget settings, click on the ‘posts’ page in the Web Page List on the left hand side of EverWeb. Next, click on the Gear icon just below the Widgets tab and you should see the Widget Settings for the posts. If the Widget Settings do not appear, make sure that the widget in the blog posts preview window is selected. This is the section in the bottom third of the posts screen. If the widget (the box that contains the post title, date and text) id not selected then the Widget Settings may appear blank.
      2. Yes you can add more than one picture to your post. You should be able to drag and drop pictures on to the editor. When you import use more than one image, when they are dropped on to the editor window, they are displayed one beneath another. To change this, select the image you want and use the image Toolbar menu to change the display to ‘break text’ instead of ‘inline’. That may make it easier to manipulate images when they are imported.
      3. Text boxes in the blog post itself… at present you can’t do this. There are some limitations as to what can be aded to the editor window at the moment and this is one of them. The only wy round this at the moment is to create an image file with the text that you want and drop that in. Let’s hope this feature comes in the near future!
      4. You can indent text in the editor using shortcut keys Cmd+] and Cmd+[ for indent and outdent respectively.
      5. You will need use the widget settings for this. When they appear you can set the style that you want for the heading. Make sure that you have the Inspector tab highlighted, then select the widget settings using the gear icon. Then you can select Header options using the Fonts button.
      6. For setting line spacing, highlight the text you want to change the line spacing for in the blog post editor window.. Then go to the Text Inspector and adjust line height. You can go from 0.1 – 2.0 using this option.

      Good luck and let me know if you still have problems or questions.

      Best

      Simon

  3. Reply NaJacqueline Houston says:

    I forgot. I also can’t change the line spacing.

Leave a Reply