{"id":2603,"date":"2016-11-30T22:19:45","date_gmt":"2016-12-01T03:19:45","guid":{"rendered":"http:\/\/www.ragesw.com\/blog\/?p=2603"},"modified":"2018-04-10T02:14:49","modified_gmt":"2018-04-10T07:14:49","slug":"create-your-first-blog-post-in-everweb-2-0","status":"publish","type":"post","link":"https:\/\/www.ragesw.com\/blog\/2016\/11\/30\/create-your-first-blog-post-in-everweb-2-0\/","title":{"rendered":"Create Your First Blog Post in EverWeb 2.0!"},"content":{"rendered":"

Probably one of the first things you’ll want to do once you have downloaded the new EverWeb version 2.0<\/a> is to try out the new blogging feature. Here’s a primer to get you started…<\/p>\n

 <\/p>\n

Creating Your First Blog<\/h2>\n

Start your first blog either by opening an existing website project or creating a new one\u00a0from the Projects Window.<\/p>\n

If you opened an existing project, select ‘Add Page’ from the Toolbar at the top of the EverWeb UI in version 2.0.<\/p>\n

If you created a new project file, EverWeb will automatically the adding new page process for you.<\/p>\n

In both instances you should now see the Theme Template Chooser. Select the ‘Blank’ Template Theme at the top of the left hand column.<\/p>\n

 <\/p>\n

\"ew20-template-chooser\"<\/a>

EverWeb 2.0’s Theme Template Chooser. Use the Blank theme on the left, then select the ‘blog’ page style on the right.<\/p><\/div>\n

 <\/p>\n

On\u00a0the right hand column, select the ‘blog’ page theme and click on the ‘Select’ button to finish.<\/p>\n

TIP!: If you want the Theme Template Chooser to display\u00a0the pages in a row\u00a0as shown above, you can resize the window. Click and drag the bottom right hand corner of the Theme Template Chooser window until the template pages display how you want them to.<\/p>\n

You’ve now created a blog in EverWeb!<\/p>\n

 <\/p>\n

 <\/p>\n

The Blog Structure<\/h2>\n

In the Web Page List you will see the blog as a folder icon. The ‘blog’ directory is always displayed open by default when you create a new blog. For those new to blogging, the blog has a specific structure.<\/p>\n

The ‘blog’ directory page is like an\u00a0‘index’ page of your most recent blog posts. The first post in the list is the most recent followed by the remainder in reverse date\u00a0order.<\/p>\n

The blog directory contains two pages: ‘posts’ and ‘archive’. ‘Posts’ is a special page in that it contains all of the blog posts you create. It’s the heart of EverWeb’s blogging experience! \u00a0The ‘archive’ page is lists older blog posts that you no longer want listed on the ‘blog’ index page.<\/p>\n

 <\/p>\n

Creating Your First Blog Post<\/h2>\n

To create your first blog post, click on the ‘posts’ page in the Web Page List. The Blog Posts Editor Window is displayed in the Editor Window in the center of the screen. This is where you will create, import, edit and\u00a0delete blog posts.<\/p>\n

EverWeb automatically creates the first post as ‘New Blog Post’. Rename the post title by double clicking on ‘New Blog Post’ in the Blog Post List in the top part of the window. Enter the title you want and press enter. All blog posts that you create will be listed in the Blog Posts List Window.<\/p>\n

A red or green button to the left of the blog post title indicates if a\u00a0blog post has been changed since last published (red) or not (green).<\/p>\n

To select the blog post you want just click on its\u00a0title.<\/p>\n

 <\/p>\n

\"EverWeb<\/a>

EverWeb 2.0’s blogging interface. In the center column, at the top is the blog posts list, in the middle the blog posts editor window and in the bottom section is the blog posts preview window.<\/p><\/div>\n

 <\/p>\n

Below the Blog Posts List, the\u00a0words ‘This is a sample blog post’ are displayed in the Blog Posts Editor Window. Select the words and type over them with your own, or paste text in from the clipboard.<\/p>\n

 <\/p>\n

Editing Your Blog Posts<\/h2>\n

The Editor Window is where you enter your blog post text and apply formatting. For example, highlight the text you want and use the\u00a0Editor Toolbar options to style your text how you would like it. Alternatively, use the Color Picker and Fonts Panel from the\u00a0Toolbar.<\/p>\n

You can also insert images, video and hyperlinks in to the Editor Window. These media apply only to the blog post itself.<\/p>\n

TIP: Use the Blog Post Preview Window to see how the blog post will look when published. The final published post may look different than what you see in the Editor Window due to the settings you use\u00a0in the Blog Post Preview Window.<\/p>\n

A splitter bar between the each section of the Blog Posts Editor Window can be clicked and dragged up and down to display more of less content of each section.<\/p>\n

TIP: There’s also a vertical splitter between Blog Post and Blog Date in the Blog Posts List.<\/p>\n

 <\/p>\n

The Blog Posts Preview Window<\/h2>\n

The Preview Window in the bottom part of the screen is where you see the formatted results of your work. The text from the Editor Window displays in a widget that\u00a0you can position where you want in the Preview Window. Adjust the width of the widget using the selection handles. The widget height is set automatically.<\/p>\n

The Preview Window works in a similar way to Master Pages so you can add objects such as a company logo to the Preview Window which will then display the logo in all of your blog posts.<\/p>\n

Use the Widget Settings tab\u00a0to set defaults for all the blog posts. At the bottom of the screen is where you add in your Comment Engine, either from Disqus<\/a> or Facebook<\/a>. For more information on using Comment Engines please look at the EverWeb User Manual via the Help-> EverWeb Manual menu.<\/p>\n

 <\/p>\n

Blog Post Formatting Tips<\/h2>\n

The Widget Settings also allow you to set the font style and sizing of the\u00a0blog post title, add and define date format and styling, add Navigation Links and add an image for the post.<\/p>\n

In addition, use the Page Settings Tab in\u00a0the Inspector Window to set the page background color, page dimensions etc. as you would any other page that you create in EverWeb.<\/p>\n

You can also use a Master Page for blog posts if you prefer or a combination of Master Page and Preview Window objects depending on what effect you want to achieve.<\/p>\n

Once you have finished, preview or publish your results.<\/p>\n

 <\/p>\n

 <\/p>\n

More About Blogging in EverWeb 2.0…<\/h2>\n

There’s lots more to explore with blogging in EverWeb version 2.0. Here are some suggested resources to help:<\/p>\n