WordPress For Beginners: Build Your First Website - Part 2

Sign up for a free trial to purchase a pre-configured WordPress website, select a template, and start building while comparing monthly and annual pricing with a 30-day free trial.

Learn how to start a WordPress site by selecting a domain and hosting, installing WordPress, and using a page builder like Elementor, with cost comparisons including Weber.

Create four WordPress pages (home, about us, services, contact us), edit with Elementor on a full-width layout, then build a top navigation menu and add the pages to the header.

Add the navigation menu to the header in WordPress using Elementor, and style typography, colors, hover, and spacing. Link the logo to the home page and reflect active page colors.

This lecture shows making the header mobile responsive in WordPress with Elementor: switch to mobile view, hide desktop elements, adjust alignment, add a click-to-call icon, and route to contact.

Learn to make the homepage mobile responsive in WordPress using Elementor by refining alignment, margins, padding, and background overlays to enhance readability while preserving the desktop layout.

Center the footer on mobile by adjusting alignment and padding in Elementor, apply changes to icons and the copyright, preview on mobile, and ensure the desktop layout remains unchanged.

Learn to design and populate a WordPress contact page with Elementor, using a styled banner, two-column layout, form emphasis, and contact details with icons in a branded color scheme.

Create a two-column contact form using a widget, including name, email, telephone, zip code, and a message field. Ensure all fields are required and styled with orange and blue.

Configure where contact form submissions go, set actions after submit, and send emails to you and the recipient, with dynamic values and shortcodes, plus download CSV of submissions.

Add a google map to the contact us page and style the container width. Apply borders, color, hover effects, and a transition; adjust typography and margins for mobile responsiveness.

Make the WordPress contact page mobile responsive by previewing in Elementor, hiding nonessential elements on mobile, and adjusting padding to center the form and address.

Create and save a reusable page banner template from the header, import it into the services page, and adjust layout and typography with Montserrat for consistent headings and color.

Set up global colors in WordPress by adding custom blue and orange swatches in site settings, then apply these color presets via the color picker for consistent widgets.

Create and style a three-column grid of flip boxes in WordPress using Elementor, customizing front labels, back blurb text, icons, colors, typography, spacing, and entry animations for service cards.

Add a call to action button on the wordpress services page by copying and styling a section, then reuse the home page button for the get a quote button.

Copy and edit elements between pages, reuse templates with dynamic page titles, adjust headings and styling, and preview changes across home, about us, and services.

Add a background image to a page container using a child container with width 1200 and min-height 300px, set cover with top-left, no-repeat, rounded corners, and a slide-up animation.

Learn to add and style counter widgets on a page, integrate icon boxes, set typography and colors, adjust layout, and apply motion effects to showcase achievements.

Access free downloadable templates to install a brochure website in WordPress with Elementor; upload templates, insert the home page, and customize pages, headers, and footers to fit your business.