| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- Tutorial Part 2: Adding Pages
- =============================
- We're going to add some placeholder pages to our project.
- We will go in more detail and build these pages out later in the tutorial.
- Having placeholder pages will help when we build out out the homepage, navbar, and footer.
- We will be able to link to the correct page as we make button, image, nav and other links.
- This a preference not a requirement for Wagtail-CRX. You can build and link pages in any order.
- * Go back to the admin screen http://localhost:8000/admin/
- * In the side menu click **Pages** and then **Home**. This brings you here:
- .. figure:: images/tut02/pages_home.jpeg
- :alt: The pages dashboard.
- The pages dashboard.
- * Click add child pages
- * Choose **Web Page** in the create-a-page screen. This action brings you to a new Web Page screen.
- * Enter "About Us" in the title field.
- * Click **Save draft** at the bottom of the browser.
- .. figure:: images/tut02/about_us.jpeg
- :alt: About Us Webpage start
- The About Us webpage editor
- * Choose the up arrow ^ next to **Save draft**
- * Choose **Publish**
- .. figure:: images/tut02/about_us_publish.jpeg
- :alt: About Us Webpage start
- The about us web page editor
- * This will redirect you to the pages admin screen with the newly created About Us page.
- .. figure:: images/tut02/pages_home_about_us.jpeg
- :alt: The pages dashboard with the About Us Page
- The pages dashboard with the About Us Page
- Repeat this process again for the following web pages:
- * Careers
- * Our Products
- * Our Facility
- Be sure to **Publish** each page. Later when we setup links to these pages, they can give an error if the page is not published.
- In addition to web pages, we are going to add two different types of pages:
- **Form**
- * Add a child page
- * Choose **Form**
- * Enter "Contact Us" in the title field.
- * **Save** and **Publish**
- **Article Landing Page**
- * Add a child page
- * Choose **Article Landing Page**
- * Enter "What's New at CRX-pharma" in the title field.
- * **Save** and **Publish**
- After adding the pages the dashboard should look like this:
- .. figure:: images/tut02/pages_home_full.jpeg
- :alt: The pages dashboard with the all the pages
- The pages dashboard with the all the pages we just added. Notice you can choose how to sort your pages, the default is most recently updated.
- The last page is a child of a child page.
- * Hover over "Our Products"
- * Choose **Add child page**
- .. figure:: images/tut02/child_of_child_hover.jpg
- :alt: hover over our products
- Create a child page of Our Products
- * Choose **Web Page**
- * Enter "Bulk Sales" in the title field.
- * **Save** and **Publish**
- .. note::
- In the Pages Admin screen, there are options for editing, viewing, deleting, unpublishing,
- and to see the History of changes made on pages. Explore these powerful tools!
- Now we have all these pages let's build out the rest of the site.
|
