Build World Class Websites like "BBC. com" with WordPress

Copy the BBC HMO template folders, locate your WordPress installation in the XAMPP server, and paste them into wp-content/themes to transfer the project.

Install WordPress on a local zem server with XAMPP by downloading WordPress, placing files in htdocs folder, configuring database settings, and completing setup with a strong password and site title.

Clean up a freshly installed WordPress by removing unnecessary package items, deleting default content like hello world, clearing pages and users, and saving permalink changes.

Import your HMO project into the editor, rename it to index start dhp, and configure the style sheet and index.html to ensure WordPress recognizes the template.

Activate the theme and add a screenshot, import and resize the image to fit, and save it in the WordPress theme directory.

Convert static links to dynamic WordPress links, transforming a barebone template into a live WordPress site by making images, fonts, and page links dynamic and pulling content from WordPress.

Convert static script src paths to dynamic by referencing the template directory. Verify there are no typos as you ensure all JavaScript sources load dynamically.

Learn how to split the index.php content into header and footer sections by moving code to header.php and footer.php within WordPress, then display the home page.

Convert your static navigation into a dynamic WordPress driven menu by selecting the news page as the post page, tying the primary wp_nav_menu location, and updating top level links.

Tune the WordPress top navigation and enable the search box by creating search.php and wiring a get form to render dynamic search results.

Turn toggle section into dynamic WordPress categories, creating and publishing posts, assigning categories, and styling them as inline blocks on the front end.

Turn the toggle section into functional WordPress navigation by adding post content and featured images with SEO metadata. Pull data to the front end and build city archive pages.

Apply styling to the toggle section in a WordPress setup, ensuring the home link navigates back to the homepage, adjust margins, fonts, and image scaling for archives and singles.

Create and apply a custom field across all WordPress pages, verify its visibility in the editor, and prepare to update the page template for future work.

Demonstrate implementing a WordPress custom field across pages in a template to separate the page title from navigation. Show updates pull from the database.

Set up and customize the search page, remove the extra widget, display results, and show a clear 'nothing found' message with simple styling.

Create a custom post type for features, define image and title fields, and prepare to store and retrieve them from a database to render on the front end.

Convert the static features section in WordPress into a dynamic, database-driven display by leveraging custom fields, posts, and dynamic title and image data.

Install and activate a plugin that reveals IDs for pages, posts, and categories to quickly locate their IDs in WordPress.

Develop a dynamic WordPress feature section by adding posts with images and categories, and create links to category pages or individual posts for deeper engagement.

Apply permalink building, custom fields, and link boxes to create a dynamic features section by adding feature posts, assigning images and urls, and organizing content into categories for direct navigation.

Learn to add a news section in WordPress by creating a news post type, configuring custom fields (image, url, title), and previewing the results.

Extend the WordPress news section by editing and organizing code, uploading and replacing images, configuring the three text fields, publishing, and later redirecting visitors to the appropriate post.

Create and link news posts in WordPress, set feature images and categories, publish updates, and test redirects and poll links to ensure correct post URLs.

Update the WordPress news section by editing post titles and categories, and ensure dynamic database data displays correctly after code editor edits and page reloads.

Extract post data and images in PHP for a WordPress frontend using custom fields. Build dynamic content by rendering titles and images with consistent variable naming.