This article will teach you how to create a blog on your RevolutionParts site using Text Pages!
When first setting up a blog, you'll want to create a blog post FIRST before creating your actual blog page. That way, when you create your actual blog page, you have something to link to. This will make more sense in the second section of the article.
Creating a Blog Post
First, navigate to "Edit Text Pages" in the Control Panel (under Cart Settings > Appearance & Content > Edit Text Pages).
Here, you'll see all of the Text Pages on your site. Usually, your store policies are included in this section, but you can use Text Pages for whatever you'd like. We'll use them for a blog! The next thing you'll want to do is click the link near the top of the page for "Add a New Page." Once the page loads, you'll see the page creator for Text Pages.
Give your post a name (like "My First Blog Post" in this case), and then click the circle-arrows underneath to generate a page URL from the page title.
After the post is named, go ahead and type some content in the large text field underneath. You can either write a true blog post, or just some filler text for the sake of this example.
The "SEO Information" section on the bottom-left of the page is optional, and provides search engines like Google with suggested metadata. If you're not sure what to put here, you can leave it alone.
The option on the bottom right for "Is this page visible?" is used when you want to create a "draft," or aren't ready to publish a page yet, but still want to save your changes. Set it to "No" to save a "draft" version of the page, and switch it to "Yes" whenever you're ready for the page to be live on the site.
When you're ready to publish your post, click the "Save changes" button at the bottom of the page to publish it to your site.
Once the page saves, you'll notice a small "Preview Page" link near the title area. Click that link to view your page. After clicking the link to preview your post, leave the page open (we'll need to copy its URL when adding it to the blog page).
Creating/Modifying your Blog Page
PLEASE NOTE: the following section could be considered "advanced," as we will be using HTML code to build the parent blog page. If you are unfamiliar with HTML and need help inserting or understanding the code, please contact a member of your IT team or RevolutionParts Support for assistance.
It's time to set up your top-level "blog" page, which is where the actual posts will be listed!
Start by creating a new text page similar to the one we created above. Call this one "Blog." Feel free to enter whatever you want in the page body field (text, an image, anything), or leave it blank.
To create the list of blog posts, you'll need to use HTML mode to edit the body field of the page. You can enable HTML mode by clicking the "<>" button above the text field under the Page URL text. You'll know you've entered HTML mode when the large text field turns dark grey.
While in HTML mode, copy and paste the code below into the editor to create your first blog post entry.
<!-- Begin blog post -->
<hr><div style="font-size: 24px; font-family: 'Open Sans'; padding-bottom: 8px;"><a href="blog-post-url">Blog Post Title</a></div>
<em style="padding-left: 15px;">Day-Month-Year</em> - Post Description
<!-- End blog post -->
Pasting the code above into the HTML section of the text page builder will give you a cleaner, more official look to your blog post list. If you are comfortable with HTML/CSS, feel free to modify the look and feel of the post as necessary.
Once pasted, you'll need to modify some areas of the code to make it link to the blog post you created earlier. The pieces of information you need to ensure that you change are:
blog-post-url - This is the post URL you'll need to copy from the post you created earlier. Make sure you copy the post's entire URL; the link won't work without it.
Blog Post Title - This is the name/title of your post as it will appear on the blog page.
Day-Month-Year - This is the date the post was written (or posted). This is optional, and you may format the date however you like.
Post Description - This is a short, optional description of the contents of the post. Think of this as a subtitle or summary sentence.
After changing the necessary contents of the code, click the HTML mode toggle button (the one that looks like this "<>") to switch back to the visual editor. Here, you'll see a version of the code you just implemented (due to styling applied to the live site, what you see in the builder isn't a perfect match of what will appear on the page itself).
This is why we had to create a blog post first instead of the blog page: you need content to link to when creating the link!
When you're finished adding your blog posts to your blog page, click the "Save Changes" button at the bottom to publish your page. The page will refresh, and you'll have the option to click the "Preview Page" link near the page title. Clicking that link will allow you to preview your blog page. The screenshot of the blog page below includes two blog posts; one where the code has been unedited, and another that has been changed for an article about oil filters (similar to a real page).
Here is what the code for the page above looks like in the HTML editor:
You can add as many blog posts as you like by copying and pasting code blocks, then changing the code to be relevant to whatever the post is.
PLEASE NOTE: After you've created your blog page, you'll need to contact RevolutionParts Support to have a link added to your site. Email your blog URL and a brief description of your preferred location on the site to email@example.com and we'll help you out!
To summarize, you need to create a blog post first, before adding it to the "blog" page. After the post has been created, copy the code in this article (or from another existing post's HTML) to the blog page's HTML builder, and insert the necessary information from the blog post into the code. Save changes, and add as many blog posts as you like. Whenever you're ready, contact RevolutionParts Support to add a link to your blog.
That's it! If you have any questions or need additional assistance, you can contact RevolutionParts Support by emailing firstname.lastname@example.org. Thanks for reading!