Installing the theme

Be prepared. The changes that we made earlier have temporarily severed connections to Bootstrap styles, JavaScript, and so on. We're going to update these connections in the following steps. We're simply going to make the process more enjoyable by having the theme installed and running so that we can test our progress along the way!

  1. Upload your new theme to your WordPress site's themes folder. (If you're working locally, simply make a copy of it or move it there.)
    Installing the theme
  2. Then, from your WordPress Dashboard, navigate to Appearance | Themes and activate the theme. If you've renamed it and provided the new screenshot (or used the provided theme-starter files), you'll see something like the following screenshot:
    Installing the theme
  3. You'll be taken to the activation page, which presents you with the following options. Here's how to consider answering them:
    • Create static front page?

      Yes

    We'll use this for our home page.

    • Change permalink structure?

      Yes

    This is one of the first settings we typically change so that URLs in our site use post and page names.

    Note

    In my own recent local MAMP installation process, I found that Roots theme paths did not work until I updated the permalink structure.

    • Change uploads folder?

      No

    You can choose whether to change the folder where your uploads go or leave it as it is by default.

    • Create navigation menu?

      Yes

    This sets up our top navigation

    • Add pages to menu?

      Yes

    That'd be great. Thank you!

    Installing the theme

    Note

    If you notice the alert to make sure your .htaccess file is writable, this can be resolved by creating an .htaccess file in the root folder of your WordPress site (not the themes folder but the main folder containing wp-content, wp-admin, and so on) and ensuring that permissions are set to 664.

  4. Save changes.
  5. You'll be taken back to the Appearance | Themes management page.
    Installing the theme
  6. Click on the Customize link.
  7. You'll be taken to a page where you can set up several basic options quickly as follows:
    • Site Title & Tagline: Update your tagline
    • Navigation: Update if needed
    • Static Front Page: Update if needed
  8. In the right-hand side pane, you should see the default Bootstrap navbar, a heading, and a long paragraph of filler text.
    Installing the theme

Congratulations! You've got the Roots theme installed.

Note

If you do not see the default Bootstrap styles applied to the navbar or text, this is a sign that the Roots theme has gotten its file paths confused. Often, this can be cleared up by resetting your permalinks settings by navigating to Settings | Permalinks.

Let's set up our navbar items.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset