Section 1: Theme setup – 10 mins
- Get plugins
- Activate “Child Themify” plugin
- Activate “Hide Title” plugin
- Child theme setup
- Install “Tuto” theme
- Go to “Theme Details”
- Click “Create a Child Theme”
- Name it “Tuto-child” and confirm
- Go back to Theme page and Activate “Tuto-child”
Section 2: Theme customization – 10 mins
- Upload Logo and Favicon
- Go to: Appearance>Customize>Site Identity
- Select Logo (500px wide max looks best)
- Uncheck “Display site title and tagline”
- Select Icon (512px X 512px)
- Click “Save and Publish”
- Upload Background
- Go to: Appearance>Customize>Background Image
- Select Background image (1200px X 800px looks best)
- Check Settings: “No repeat”, “Center”, “Fixed”, “Scale background image to full size”
- Click “Save and Publish”
Section 3: Menu setup – 10 mins
- Add pages
- Go to: “Pages>Add New”, and add all required pages, including a “Home” page.
- Go to “Settings>Reading” and setup “Home” as Front Page Display.
- Create main menu
- Go to: “Appearance>Menus”
- Create a new menu called “Main”
- Add all pages to “Main” and structure menu items
- *If a 1st level menu item has subpages, you may need to add that 1st level page as a Custom Link, so that it doesn’t take the user to a blank page”
- Check “Theme Locations – Main Navigation”
- Save Menu
- Create header menu
- Go to: “Appearance>Menus”
- Click “Create a New Menu”, label it “Header”
- Go to Custom Link, and add client phone number
- Go to Custom Link , and add client email
- Check “Theme Locations – Header Navigation”
- Save Menu
- Create social media menu
- Go to: “Appearance>Menus”
- Click “Create a New Menu”, label it “Social”
- Go to Custom Link, and add Facebook link
- Go to Custom Link , and add Instagram link
- Go to Custom Link , and add Twitter link
- Go to Custom Link , and add YouTube link
- Check “Theme Locations – Social Icons”
- Save Menu
- Setup Widgets
- Go to: “Appearance>Widgets”
- Delete all existing widgets under “Sidebar”
- Add appropriate Widgets per client request
Section 4: TicketWeb Events plugin – 10 mins
- Initial Settings
- Go to “TicketWeb>TicketWeb”
- Add API Key, Venue ID and Org ID
- Save
- Update “page.php” (Installing the Feature Slider)
- Go to: “Appearance>Editor”
- Select Theme to Edit: “Tuto”
- Go to: “Single Page (page.php)”
- Add this Code after:
- Go to: “TicketWeb>Events – TW”
- Choose events to feature, and select “Yes” to display in Slider.
- Click “Save”
- Activate list view
- Go to: “Pages>Home”
- Add shortcode:
- Check “Hide Title”, located on right sidebar
- Click Publish
Section 5: Footer setup – 15 mins
- Phone number, email address
- Physical address with Google Maps shortlink, Hours of operation
- Small logo
- Update “footer.php”
Section 6: Subpages
- How to build a subpage
Section 7: Custom CSS
- Styling the theme
- Styling the slider
- Styling the list view
- Styling the widget