Finish Setting Up Your Prebuilt Website

In this article, you will learn how to take the first steps to customize the prebuilt site.

Steps Overview:

  1. Set the Site Title
  2. Edit homepage design
  3. Edit existing or create new pages
  4. Edit blog categories
  5. Edit existing or create new blog posts
  6. Edit menu
  7. Edit footer

Set the Site Title

In the WordPress admin menu go to Settings > General. Then type the name of your website under Site Title.

Edit Homepage Design

Step 1: Open the page builder

In the WordPress admin menu go to Pages.

Click Homepage to edit it.

WordPress edit homepage

Because the page was made with the Page Builder you will see the Page Builder tab open and the Launch Page Builder button. Click the Launch Page Builder button to edit the page content.

Launch Page Builder

Alternatively, you can edit the page builder from the front end of the site. While on any page, you can look at the admin bar at the top of the screen. If there is a little green light next to the word Page Builder then the page was made with the Page Builder. Click the Page Builder button to edit the page content in the page builder.

WordPRess Edit Page Builder from Front End

Step 2: Edit row background image

Once on the page builder (Beaver Builder) edit page, hover over a row to see the row options. Click the gear icon to open the row options including the background image.

Beaver Builder edit row

Scroll down to the Background Photo section and click the “Replace” button.

Beaver Builder replace background photo

If the dark grey text is unreadable try adding more white background color overlay. While in the Row Settings Module scroll down to Background Overlay section and increase the Overlay Opacity.

Beaver Builder Overlay Opacity

Save the row settings once complete.

Step 3: Edit text and photos

Hover over the area you want to change. Notice the blue rectangle and module edit buttons for that section. Click the wrench icon to edit the module.

Beaver Builder open Text Editor module

In the Text Editor change the heading and paragraph text. You can also change the button link and button text if you like.

Beaver Builder text editor

Click the “Save” button to save your changes and exit the module.

To edit the photos on the page hover over them and click on the wrench icon to edit the Photo Module.

Beaver Builder edit photo module

In the Photo Module click the Replace button to change the image.

Beaver Builder Photo module

Click the Save button to save your changes and exit the module edit screen.

Continue editing the headlines, text, and photos until the website has your branding and messaging.

 

Step 4: Add any new Rows and Modules for additional content

Add a row with Beaver Builder:
1. Click the + button
2. Click the Rows tab
3. Drag and drop a row onto the blue section on the web page

Add a Beaver Builder row

Add a module to a row with Beaver Builder:
1. Click the + button
2. Click the Modules tab
3. Drag and drop a module into a row

Beaver Builder add a module

Step 5: Save and publish your changes

Once you’re happy with the result click the done button.

Beaver Builder Done button

The Beaver Builder Done button has 3 options:

  • Discard – Dismiss your change and revert back to how the page started
  • Save Draft – Save your page change to continue working on later but don’t update the live web page
  • Publish – Save your work and publish to the live web page

Beaver Builder Done button

 

Edit Existing or Create New Pages

Create your main web pages. These typically are the most important pages that describe your product or service in detail. Pages tell your audience how to purchase or how to start working with you.

In the WordPress sidebar menu go to Pages.

Click on any of the prebuilt pages to edit one.

Click on the “Add New” button to create a new page.

WordPress Pages

Edit Blog Categories

In the WordPress admin menu click Posts then Categories.

Click on one of the preexisting categories to edit it.

Edit WordPress categories

Enter new category name.

WordPress category

Scroll down and click the “Update” button to save your changes.

Edit Existing or Create New Blog Posts

In the WordPress admin menu click Posts.

WordPress posts

Click on the “Add New” button to create a new post.
Or click on an existing post title to edit an existing post.

Add or Edit WordPress post

Write the Post title in the large field at the top of the page.
Write the body of text in the large text area. You can use standard formatting options.
Click the “Add Media” button to insert a photo.
You can change the permalink URL. This is more advanced and completely optional. A good URL is usually short and includes search keywords.

Write a WordPress Post

In the right sidebar menu, you will find the Categories box. Click on the checkbox for the categories that appropriate apply to your article. If none apply then only check the “blog” category.

WordPress categories

Set a Featured Image. The Featured Image will be displayed at the top of the post and on the Blog page. The featured image is optional but recommended.

WordPress featured image

In the top right corner is the Publish options. Publish the post to make it appear on the live website by clicking the “Publish” button.
If you are editing a Post then the button will read “Update”.

WordPress Publish Button

Edit Menu

WordPress Edit Menus

Edit Sidebar and Footer Widgets

These are the footer widgets found at the bottom of every page.

WordPress footer widgets

These are the sidebar widgets found on the side of the Blog page and all Posts.

WordPress sidebar widgets

To edit the widgets, in the WordPress admin menu click Appearance > Widgets. You will see all the widget areas on the right.

WordPress Widget areas

To edit a widget’s content click the triangle to open it. Edit the content and then click the “Save” button.

Edit WordPress widget content

Subscribe to get more website tips.

Leave a Comment

Your email address will not be published. Required fields are marked *

Take this FREE

Website Optimization Checklist
with you.

Learn to optimize any website to generate more leads.

Get a FREE Website Optimization Checklist.

Learn to optimize any website to generate more leads.

Share
Tweet
Share
Email