Getting Started

Hello! Congrats on your new website. Below you will find the initial steps you need to take to get started.

In your browser, go to <your url here>/wp-admin
Log in to Wordpress admin here using your email and the password we provided to you
Follow the instructions below to add your own content, logo and images to your website

Customizing Your Website

Website template/theme

Log in to your Wordpress admin at <your url here>/wp-admin using your email and password
On the menu on the left hand side of your screen, navigate to Appearance then to Themes
The first theme shown is the theme currently in use on your site. To select a different theme, hover over it with your mouse and click the button that says Activate.
1. Your customized information like text content, images, school info, brand color, etc will all be saved when you switch to a new theme, so you won’t have to re-enter anything!

Edit Favicon, brand color, images, or school info like address and email

Log in to your Wordpress admin at <your url here>/wp-admin using your email and password
On the menu on the left hand side of your screen, navigate to Appearance then to Customize
On the left hand side of this screen, you will see menu items for all the things you can customize. When you are done, click Publish on the top of the left hand side menu to save your changes.
1. Under Site Identity you can upload your site icon or favicon. This image should be a SQUARE .png or .jpeg file that is no smaller than 512 x 512 pixels.
2. Under Logo you can upload your school's logo to appear in the navigation bar on the top of your website. If you do not have a logo to upload, the site will show your school's name there instead. Your logo file should be a png or jpeg and have a transparent background in order to look it's best!
3. Under School Info you can input your school’s phone number, email and street address
4. Under Colors you can put in your school’s brand color, and choose if you want your button text color to be black or white (This will help your buttons to be easier to read depending on your brand color!). In the example above, the brand color is the purple color used as an accent color in the navigation bar and for the buttons.
5. Under Homepage Settings, you can customize the images that appear on your homepage in the hero section (the top of the page) and in the content section (some of our template options only have a hero image on the homepage, some have an image in the content section as well). You can upload your own images here, or choose from our provided stock photos.
6. Under Services Page Settings, you can customize the images that appear on your services page in the hero section (the top of the page) and in the content section (some of our template options only have a hero image on the services page, some have an image in the content section as well). You can upload your own images here, or choose from our provided stock photos.
7. Under Contact Page Settings, you can customize the images that appear on your contact page in the hero section (the top of the page) and in the content section (some of our template options only have a hero image on the contact page, some have an image in the content section as well). You can upload your own images here, or choose from our provided stock photos.
When you are doing customizing, you must click Publish on the top of the left hand side menu to save your changes.

Customize text content of my website, like page titles or text, or add new pages

Log in to your Wordpress admin at <your url here>/wp-admin using your email and password
On the menu on the left hand side of your screen, navigate to Pages then to All Pages
1. To edit your Homepage content, look for the page that says Front Page after the title in your list of Pages and click on the title to open the Edit screen. You will see all the available areas to edit on your homepage here. You can edit them and click Preview Changes on the top right hand side of the screen to view your changes without publishing them. Once you are ready to save and publish your changes to your live website, click the Publish button on the top right hand side.
2. To edit the content of your other pages, click on any of them in the list, and follow the same directions. You can also select if you want each Page to show the Our Products section in the footer or not from the Edit Page view.
3. You can also Add New Pages from the Pages menu. If you want the new pages to appear in your navigation bar or footer menu, you can customize this by going to Appearance > Menus

Wordpress Shortcodes in my Page content

Shortcodes are a Wordpress function that allows you to type in a shortcut to use different elements in your page content like buttons or graphics. It looks like a word or phrase inside brackets like [this]. We have a few custom ones that we have made for you to use in your website templates that are listed below.

[contact_button]: This will show a button in your page content that links to your Contact Page. By default, the button text will say “Get Started Now”. If you want to customize the text, you can enter the shortcode like [contact_button]Your Custom Text Here[/contact_button], with your text where it says “Your Custom Text Here”.

This will generate a button that looks like the one below and links to your Contact Page:
[services_button]: This will show a button in your page content that links to your Services Page. By default, the button text will say “Learn More”. If you want to customize the text, you can enter the shortcode like [services_button]Your Custom Text Here[/services_button] with your text where it says “Your Custom Text Here”
[tire_graphic]: This will show a tire track graphic that you can use a content separator or for a fun touch on your pages.

This will generate a tire graphic as seen below:

Customize Navigation Menu in Header or Footer

Log in to your Wordpress admin at <your url here>/wp-admin using your email and password
On the menu on the left hand side of your screen, navigate to Appearance then to Menus
Select which menu you would like to edit (Header or Footer) using the dropdown at the top
Add new pages to your menu by selecting the on the left hand column, then clicking Add to Menu
Rearrange the order they will appear in by clicking and dragging them in the list on the right side of the page.
If you click the upside down triangle next to the Page Name on the right hand side, you can remove the page from your menu, or change the name that will show in your menu (this does not change the page title, just the name in the navigation menu)