The Blog: Article page window

Step 3 - Map >

The Blog: Article page window

Previous pageReturn to chapter overviewNext page
Show/Hide hidden text

The blog has a home page and as many pages as published posts. You can use the options in this window, which you can open by selecting the "Blog: Article Page" entry on the Map and clicking on the Edit button, to set up the structure of the post pages, to decide whether to create an AMP version for each Article, and to enable the buttons that visitors will use to share and comment the posts.

The window then reports the following sections:

General;
Comments.
Click to expand/collapseReference: The General section

You can use the options in the View section to do all this, choosing from:

Title at the top and contents at the bottom

Title at the top, cover and contents at the bottom

Cover at the top, title and contents at the bottom

If  you choose to  have a cover, then you can also specify:

Fit to page: if chosen, the cover picture will occupy the entire width and height of the page. If it is out of proportion, the picture will be centered and then cropped. If you don't select this option, the cover picture will be adapted either to the width or to the height of the page.
Maximum height: you can indicate the maximum height (in pixels) that the cover picture can have in the page.

The Options box contains options to display or hide the Side Bars, and to invite readers to share the Articles:

Show Side Bars: If active, the Side Bars will be displayed in the Articles Page.
Show the 'AddThis' Button to share your website.: if you select this option, the "AddThis" button is added automatically to every post in your blog. When a visitor clicks on this button a submenu is displayed with a list of the most common social networks. If the visitor is already a member of one of these networks, he can select it and share the link to the post with his contacts.
Button Type: you can select the graphics for the "AddThis" button from those available in the menu.
AddThis Account: if you have an AddThis account, you can specify it. If you have this account, you can view the statistics on how visitors are using the AddThis service.

For more information on the AddThis service, and how to open an account, click on the button to access the official www.addthis.com website.

On the other hand, into the Google AMP box the options to create an AMP version of the Articles are available:

Create Google AMP pages including the Blog contents: you can use this option to create for each Blog Article both a standard web Page and its AMP version. The AMP versions will be used by Google to increase the Pages loading speed on mobile devices.
Google AMP header picture: this option defines which image need to be used as header on the Google AMP Pages instead of the one available on the complete Pages.

Google AMP is a project aimed at improving the pages loading speed on mobile devices (https://www.ampproject.org/).

Google AMP Pages are very simple and only the strictly necessary elements are displayed. They are served from the Google cache, and they are displayed with a bar reporting the domain name and the link to the complete version of the Pages.

AMP has some limitations. One of the most important ones concerns the possibility of using JavaScript: because of this, it is not possible to show lateral bars. Moreover, possible SlideShows are reproduced using a specific element and some links are substituted with links redirecting the user to the complete version of the Page.

To ensure its proper functioning, and because Google loads AMP Pages on its own HTTPS servers, it is necessary to make sure that the Website as well as possible resources linked on the Blog Article are set as HTTPS.

Click to expand/collapseReference: The Comments section

You can use the commands in this section to organize comments made by visitors as feedback to your posts in the blog.

First of all, you have to select the Let readers add Comments to your Blog option so that visitors can make comments on your posts.

Then you have to specify the Comment management system that you are going to use, choosing from:

WebSite X5: this is WebSite X5's built-in system and offers a specific online Control Panel.

Facebook: this uses Facebook's Social Plug-in to organize discussions and comments.

Disqus: this is the system offered by Disqus.

According to the chosen Comment management system, you will find different options you can work with.

Click to expand/collapseReference: The commands for managing comments using WebSite X5 internal system

If you use WebSite X5's built-in Comment management system, you must define the Content Type that website visitors can leave, choosing from:

Comment and Vote: visitors can write a comment and vote the website.

Comment: visitors can write a comment, but they can't vote.

Vote: visitors can vote, but they can't write a comment.

When you select Content Type, you will see the following options in the Comments Settings section:

Vote Style: select this option to define the style of the element that visitors can vote (for example, 5 stars). This is the only option available if you select Vote  as Content Type.
Arrange comments in multiple columns: this option reports the comments on different flanked columns instead of a single one.
Show 'Abuse' button:  select this option if you want an "Abuse" button added, so that visitors can report objectionable conduct.
Enable 'Captcha' anti-spam filter:   you can add the Captcha anti-spam filter to the end of the comment form.

Use the command in the Privacy and Security | Security window to choose the captcha system that is to be used

Comments per Page: this defines how many posts are to be displayed in the comments box.
View Mode:  you can decide whether comments made by visitors are to be published immediately online, or whether they are to be approved first, using the commands in the online Control Panel.
View Order:  you can define the chronological order to the published comments, from the most recent to the earliest, or vice versa.

If you use the Control Panel in WebSite X5 to manage the comments, you can indicate how data submitted in the comments form is to be saved and handled by the website administrator in the Data Save Settings section.

If you are working with the Evo edition, the data will be saved on the server, whereas if you are working with the Pro edition, you can choose to save it in a database:

Send data to a file: submitted data is saved in a file created in the specified folder on the server.

Send data to a Database: the data submitted in the form is automatically sent to the specified MySQL database, using a PHP script.

The following parameters depend on the method you have chosen for saving data:

Send data to a file:

Subfolder on the Server where data is saved: specify the folder on the server (with PHP write access) in which the submitted data is to be saved. If you aren't going to use the WebSite X5 Hosting, the main server folder name is specified by the Server folder with write access option in the Server Settings | Data Management window. If you do not specify a sub-folder, the data will be saved in this one.
Send an e-mail to notify when comments are received: a notification e-mail will be sent automatically when new data arrive.
User e-mail address: enter the recipient address of the e-mail notifying data reception.

Send data to a Database:

Send an e-mail to notify when comments are received: a notification e-mail will be sent automatically when new data arrive.
User e-mail address: enter the recipient address of the e-mail notifying data reception.

Providers usually give write access to all folders on the server: if this is the case, you don't need to give the pathname of the public folder. In all other cases, contact your webspace provider for the complete public folder pathname.

You can check in the WebSite Test section of the online Control Panel whether the folder with write access, and any sub-folders inside i, actually exist and, if so, if you have write access to them (so that you can save the data).

If you aren't going to use the WebSite X5 Hosting, you will need to use the dedicated options available in the Server Settings window to configure the Database connected to the Project

Again, if you are using WebSite X5's built-in Comment management system, you can manage comments either from the online Control Panel or with the WebSite X5 Manager app for iOS and Android. The commands in the WebSite X5 Manager window let you install the app and enable push notifications.

The app will automatically send a notification to the website administrator each time a new comment is published on a post in the blog.

Click to expand/collapseReference: The commands for managing comments with Facebook

If you decide to use Facebook as the Comment management system you must define the following settings:

Color: to set up light or dark colors for items in the foreground, in order to have a correct contrast with the background.
Visible Posts: to define the number of posts to be displayed in the comments box.

For more information on how Facebook's social plug-ins work, see https://developers.facebook.com/docs/plugins/

Click to expand/collapseReference: The commands for managing comments with Disqus

If you decide to use Disqus as Comment management system, you can define the following settings:

Disqus Short Name: this is the short name used to identify the website during the Disqus service setup. All comments received on a website will be automatically associated with the short name and can consequently be correctly loaded and displayed.

For more information on the comment management service offered by Disqus, see http://disqus.com/websites/

 


Read the guides:

-

How to define the layout of the Blog Article Pages

-

How to enable / disable comments for blog posts

-

How to set up the WebSite X5 internal comment management system

-

How to use Disqus to manage comments

-

How to use the Facebook plugin to manage comments