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.

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.

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.

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.

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.

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.

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.

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.