Training

Notes for White Owl Training

Notes for Partner: 
Login 
- Scroll to bottom of the page
- Select “edit”
- Go through login page (login links will be sent to your email) 
Editing Pages
- Navigate to that page
- Always hit the edit button in the top right to edit that page 
- Control - 3 sections 
    - 1 Content of the page 
        - Made up of Blocks
        - Essentially the page is made up of different customizable sections, each block has a different purpose and look, just to make the creation of a dynamic website easier 
        - You’re able to add these things on your own 
    - 2 Navigation to other pages under the Page section 
        - You can see hidden pages that way 
        - Some pages seem like they are invisible,  but the invisibility to for whatever will show in the top bar 
        - Demonstration pages are found on this Page navigation section 
            - You can navigate to these pages to see what these blocks are able to do
        - Click on the page name to edit it, click on the number to see it’s corresponding sub pages 
    - 3 Each page has individual settings 
        - You can add detailed meta description, change the page type, and adjust the page data 
        - Update page name, have a longer page name than appears in the nav bar 
- In summary - blocks are the main thing to use, they build each page.
Site Settings
- A website is three parts 
    - Big outside box is the site that has the overall settings 
    - The pages of the site 
    - The content of those pages 
- This is the big box 
    - Settings that affect the whole site
    - Colours, nav bar, top bar, footer content, social media links
    - You probably won’t really need to use this section as much. Set it and forget it! But we want you to know that it’s here if you’d like to play around with it :) 
    - SEO 
        - Summarizes the website and is searchable on search engines. Can be adjusted for how you want it to appear in Google, for example 
    - Google Analytics
        - If you sign up for google analytics, they can provide you with a script tag that you can add in here. 
        - Google analytics allows you to see your audience demographic, traffic, etc.

Demonstration

 
- Text block 
    - Editing the text with the toolbar in the text editor
    - Additional formats found under Format 
    - Other options: additional customizations, spacing that makes it look good with other blocks, colours etc 
    - Drag and drop blocks to move them around
    - Button Links 
        - Turning a link into a button to make the information stand out 
        - Select the text, hit the link button, add the url, decide whether it’s a new window or same window 
        - Could be the URL links or to PDF files 
        - To add a PDF file, upload the file to the “add files” section
            - Drag and drop files into the files section 
            - Find the URL, add it to the URL part of the link
- Image Block / other blocks 
    - See the examples 
    - Use the additional settings to customize what the images can look like
        - Multiple images, different dimensions, image strip, enable full screen image 
    - There is also a gallery block if you want to put in a larger amount of images. This block works really nice for decoration, and for adding visual interest to large sections of text. 
- Text on images isn’t as accessible because a screen reader can’t see it. Adding text or alt tags allows it to be readable. 
- Draft or Preview Mode
    - Unfortunately we don’t have a way to hide something on a live page while it’s being built 
    - Options are to create a hidden page and build it there, then rebuilding it on the live site or unhiding that page 
- Hidden Page - hiding a page removes the link from the navigation bar. It means that unless someone has the link, they can’t see it. So you can play around with hidden pages, but something like the home page is definitely visible to people.