Wordpress in a Weekend - Build Your Own Custom Website

Explore how the internet works, define servers, hosting, domains, and IP addresses, and get an introduction to WordPress and why it powers over 35 percent of websites.

Understand how the internet connects computers via networks, IP addresses, routers, and ISPs, and how domain names, DNS, HTTP, and hosting serve websites.

Explore what makes up a website by inspecting HTML, CSS, and JavaScript with browser developer tools. Discover how network requests work and how WordPress powers over 450 million sites.

Explore how WordPress, a free open source content management system, makes building a site or blog quick and simple. Learn the two development options and how to set up WordPress.

learn to build a wordpress site either offline on your computer using free software or online with hosting and a domain, with sections for local offline setup and online publishing.

Set up your computer to build a WordPress site offline using Local, creating a mini local server for faster development.

Install Local by Flywheel on Mac to develop a WordPress site offline, create a Move Rest Repeat project, and learn how to start, trust, and admin login to the site.

Install Local by Flywheel on Windows to run WordPress offline, create a local site, and explore SSL and the Local interface for development.

Set up a live WordPress site by configuring hosting with SiteGround, linking a domain, installing WordPress, and securing it with an ssl certificate for online publishing.

Set up your SiteGround hosting, select the start-up WordPress plan, and register or point your domain to begin building your WordPress site.

Enable security for your site by installing an ssl certificate with Let's Encrypt and configuring https, then log into WordPress and explore the dashboard to design securely offline.

Change your domain's name servers to SiteGround and update DNS records at your registrar, such as GoDaddy, using the provided IP addresses if required, so your site points and propagates.

Learn to log into a WordPress site from both local development and live servers, using the admin route or wp-login.php, secure your credentials, and securely log out after work.

Explore the WordPress dashboard, noting the toolbar, left navigation, and work area. Understand how previews, updates, and new content appear, and how posts, media, and settings are organized.

Discover how WordPress uses posts for dynamic, time-stamped content with categories and tags, and pages for static content like home and contact; learn to create and manage both types.

Explore how WordPress manages media with the media library, enabling easy upload, filtering, and search by name, plus captions, descriptions, and alt text for accessibility.

Discover how to customize your WordPress site using themes and plugins to transform design, layout, and functionality, from appearance tweaks to security and e-commerce.

Learn initial WordPress configuration locally by installing a page builder and a theme, cleaning the dashboard, removing sample content, and enabling https with custom permalinks.

WordPress powers content management, while Elementor transforms design with drag-and-drop, enabling visual, dynamic, media-rich, responsive pages and export and import of pages, sections, and elements.

Install the Eliminator plugin on your WordPress site, activate it, and explore the settings, roll manager, rules panel, and maintenance options.

Install the WordPress theme Flock's via appearance > themes, activate it, and install the companion plugin. Explore the demo importer and template kits to plan your site.

Plan your website like a house: establish a clear structure with a homepage, linked content, and easy navigation. A thoughtful plan saves time and keeps visitors from getting lost.

Clarify your website's purpose and goals to guide content, layout, and design, and define your target audience and desired outcomes.

Create a practical site map by listing content, consolidating into pages, and linking them to support your site's purpose and guide visitors.

Sketch your site layout on paper, gather logos, fonts, photos, videos, and content assets, and draw inspiration from other sites to craft a compelling, content-first visual design.

Begin building a fully featured WordPress website for Move Rest Repeat, covering the about, contact, blog, and what we do pages with responsive layouts, icons, and animations.

Create a coming soon page in WordPress using a page builder, building sections, columns, and widgets on a canvas, then add a logo, heading, body text, and responsive design.

Learn how to customize a WordPress site with the elementary builder by setting global colors and typography, applying Monserrat, and configuring responsive H1 and H3 styles for pages.

Import and customize header and footer templates in elementary, link a logo, navigation, and menus, and set default page and menu settings for WordPress sites.

Learn to configure a WordPress theme, set header and footer templates, and build pages such as about, what we do, blog, and contact, then assemble a main navigation menu.

Build real web pages, starting with the about page. Create a sample about page with a full width header, clean layout, and responsive design for tablets and mobile devices.

Set the page layout to full width, apply a background image with cover for the about page banner, and style the heading with the Raboteau font.

Build a two-column about page section in WordPress by adjusting 60/40 column widths, uploading an image, and adding a heading, divider, and body copy with centered vertical alignment.

Duplicate the top section to build the about page biography, add founder text and photo, adjust the header and column layout, and preview upcoming layout concepts.

Learn how to use margin and padding to create space in web page layouts. Adjust top and bottom spacing, unlink values, and apply negative margins for precise, responsive design.

Master responsive design for the about page by adjusting header typography and padding for desktop, tablet, and mobile. Learn to control element visibility and layout changes across devices.

Save header and two-column sections as templates to speed page building, using custom css to outline header text and reuse page banners and sections on future pages.

Build a contact page from the templates, keeping the header image, clean layout, bottom text, contact form, and image grid, plus a global button style with a popular plug-in.

Set up a contact page in WordPress by applying saved templates from the about page, customize the header and image gallery, and build a two-column content layout with Elementor.

Learn how to set up a WordPress contact form using the free contact form seven plugin, customize fields and styling, and test emails with local's mailhog service.

Apply responsive design adjustments to the contact page across tablet and mobile. Set a global button style to ensure consistent site-wide branding in WordPress in a weekend.