Step 1: Log in to your YSOB Site
- Open your web browser and log in to youre YSOB website.
- Enter your username and password that have been sent to you via email.
Step 2: Access the Theme Builder
- After successful login, you will be redirected to the YSOB site dashboard.
- On the left-hand menu, locate and click on “Templates,” then select “Theme Builder.”
Step 3: Create a Blog Archive Template
- In the Theme Builder screen, click on “Add New Template” to create a new template.
- Choose “Archive” as the template type to create a blog archive template.
- Give your template a name, such as “Blog Archive.”
- Click the “Create Template” button to proceed.
Step 4: Customize the Blog Archive Template
- In the template editor, you can customize the look of your blog archive page.
- Drag and drop elements from the Elementor panel on the left to design your page.
- Customize the layout, typography, colors, and other design settings according to your preferences.
- Use the dynamic tags available in Elementor to display dynamic content, such as post titles, featured images, and post excerpts.
- Preview your changes as you make them to see how the blog archive page will look.
Step 5: Save and Publish the Blog Archive Template
- Once you are satisfied with the design of your blog archive template, click the “Publish” button to save and publish it.
- You can also use the “Preview” button to preview the template before publishing.
Step 6: Create a Single Blog Post Template
- To customize the look of individual blog posts, go back to the Theme Builder screen and click “Add New Template” again.
- This time, choose “Single” as the template type to create a single blog post template.
- Give your template a name, such as “Single Blog Post.”
- Click the “Create Template” button to proceed.
Step 7: Customize the Single Blog Post Template
- In the template editor, design the layout and style for individual blog posts.
- Add elements, such as post title, featured image, content, author bio, and comments section.
- Customize the typography, colors, and other design settings to match your site’s overall look and feel.
- Use dynamic tags to display dynamic content, such as post title, post content, and author information.
- Preview your changes to see how the single blog post template will appear.
Step 8: Save and Publish the Single Blog Post Template
- Once you are satisfied with the design of the single blog post template, click the “Publish” button to save and publish it.
- Use the “Preview” button to see how the template will be applied to individual blog posts.
Congratulations! You have successfully created and customized a blog archive template and a single blog post template using the YSOB site’s Theme Builder. These templates will give your blog posts a unique and personalized look.
navigate your blog.
