1. Log into to website which requires the blog
2. Go to the dashboard, and click on “Extend Concrete 5”
3. If you haven’t already, connect the website to the community when asked. Or if you have a login already then sign in.
4. Once that’s done, click onto “Add functionality” on the dashboard
5. There will be a link to the “Project page” on the Concrete5 Marketplace on this screen. Open that in a new tab.
6. Use the drop down menu to select “ProBlog” and then press “Associate” – this adds it to the website.
7. Go back to the website and refresh the “Add functionality” page.
8. The blog will now appear. Click the “Download” button on the right. It will then change to “Install”. Click that too.
9. You will then get a page titled “Pre Install Checker” – this checks if your theme has a right sidebar page template. If this comes back as ok, then click the blue “Install…” button on the bottom right.
10. ProBlog will now appear in your dashboard as below.
11. It will also appear in your sitemap. It might be an idea to exclude this from the navigation bar on your website whilst you style up the CSS and add content. You can do this is attributes.
12. To add your first blog post, click on “Add/Edit” on the dashboard underneath ProBlog.
13. Add in your content, and press “Add post”.
14. It will now show in the blog list, you can edit or delete it here:
15. As you can see…it doesn’t look that great when you first add it in…
16. A few settings to get right to begin with that will help…if you go into edit mode and click on the blog post and edit it, replicate the settings below. Truncate text means that it will display the first 300 characters of content and then end with a “…” as a preview to the post. “Use Content….” means that it will display content in the post rather than the “Description” that is used on the blog post when you edit it through the dashboard.
17. Next, we need to style this up. To do so, we need to go into the server, and pull down the folder to our machines. This is located as shown below.
18. As we will more than likely want to arrange how the post preview is shown, we do this using a “view.php” file. This tells the system how to arrange and show the content that is included in the post. You can find it here – NOTE: Open it up from your local folder, not from the remote server:
19. Replace the whole HTML/PHP below in your “view.php” file and then insert the CSS in your “main.css” file to replicate what I have done below: