Lesson 1 of 0
In Progress

Change the look of the blogs

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.
(Screenshot 1: Login page with the fields for username and password filled out)

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.”
(Screenshot 2: YSOB site Templates menu with Theme Builder option selected)

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.
(Screenshot 3: YSOB site Theme Builder screen with Add New Template option)

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.
(Screenshot 4: YSOB site Theme Builder editor with Blog Archive template)

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.
(Screenshot 5: YSOB site Theme Builder editor with Publish button)

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.
(Screenshot 6: YSOB site Theme Builder screen with Add New Template option)

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.
(Screenshot 7: YSOB site Theme Builder editor with Single Blog Post template)

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.
(Screenshot 8: YSOB site Theme Builder editor with Publish button)

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.