Creating and publishing your first page

Creating and publishing your first page

This page provides instructions about how to create and publish a landing page with Drupal Canvas.

Accessing a site

Use the following steps to access a site:

1. Log in to Acquia Source to open the Sites Dashboard.

2. Locate the site that you want to access.

3. Click Edit Site.

Creating a landing page

To familiarize yourself with Drupal Canvas, start by creating a landing page. This is a standalone page where you choose the layout and build the content visually.

To create a landing page in your website, do the following:

1. Access your site.

2. On the top right, click Edit to open Drupal Canvas.

3. On the top center, click the page title to open the navigator.

   The page navigator helps you to navigate between pages within Drupal Canvas.

4. Click New > New Page.

   This creates a new draft page where you can add sections and components. Publish the page after it is ready.

Adding the landing page to a menu

After the draft landing page is created, add it to a menu to ensure easy navigation and accessibility for site visitors.

To add the landing page to a menu, do the following:

1. In Drupal Canvas, click the Drupal icon on the top left to exit.
2. In the left sidebar, click Structure > Menus.

3. Select the menu where you want to add the link. For example, main navigation.

   For more information, visit Menus.

4. On the top right of the page, click Add link.
5. In the Menu link title field, enter a title for the menu link for the landing page.
6. In the Link field, start typing the name of the landing page and select it when it is displayed in the list.
7. In the Parent link field, select the parent page for the landing page.

8. Click Save.

   The system returns to the Edit menu page.

9. (Optional) To move a menu link, drag its crossbar icon and place it in the desired position in the Menu link list.
10. (Optional) To nest a menu link under another menu link, drag its crossbar icon slightly to the right and place it under the desired menu link in the Menu link list.

Adding components to the landing page

Each page in Drupal Canvas is made up of components. You can add components from the default set provided by Acquia Source or create your own custom components.

To add components to the landing page, do the following:

1. Access your site.

2. On the top right, click Edit to open Drupal Canvas.
3. In the toolbar on the left, click the Library (+) icon to open the Component Library.
4. Drag the component you need, use the purple guideline to position it, and drop it where you want it on the page.

5. Configure the settings (props) of the component in the right sidebar. 

   These changes are not published until you to publish the page.

Publishing the landing page

All of the changes inside Drupal Canvas are saved automatically in a temporary workspace.

To preview the page and publish it, do the following:

1. On the top right of Drupal Canvas, click Preview site to preview how the page would look to a site visitor, without the Drupal Canvas interface.

   
2. On the top right of Drupal Canvas, click Review changes to access the changes staged for publication to verify the changes.
3. Choose Selective Publishing to only publish specific changes or Publish all changes to publish all of them. 

After the draft landing page is created, add it to a menu to ensure easy navigation and accessibility for site visitors.

To add the landing page to a menu, do the following:

1. In Drupal Canvas, click the Drupal icon on the top left to exit.
2. In the left sidebar, click Structure > Menus.

3. Select the menu where you want to add the link. For example, main navigation.

   For more information, visit Menus.

4. On the top right of the page, click Add link.
5. In the Menu link title field, enter a title for the menu link for the landing page.
6. In the Link field, start typing the name of the landing page and select it when it is displayed in the list.
7. In the Parent link field, select the parent page for the landing page.

8. Click Save.

   The system returns to the Edit menu page.

9. (Optional) To move a menu link, drag its crossbar icon and place it in the desired position in the Menu link list.
10. (Optional) To nest a menu link under another menu link, drag its crossbar icon slightly to the right and place it under the desired menu link in the Menu link list.

Adding components to the landing page

Each page in Drupal Canvas is made up of components. You can add components from the default set provided by Acquia Source or create your own custom components.

To add components to the landing page, do the following:

1. Access your site.

2. On the top right, click Edit to open Drupal Canvas.
3. In the toolbar on the left, click the Library (+) icon to open the Component Library.
4. Drag the component you need, use the purple guideline to position it, and drop it where you want it on the page.

5. Configure the settings (props) of the component in the right sidebar. 

   These changes are not published until you to publish the page.

Publishing the landing page

All of the changes inside Drupal Canvas are saved automatically in a temporary workspace.

To preview the page and publish it, do the following:

1. On the top right of Drupal Canvas, click Preview site to preview how the page would look to a site visitor, without the Drupal Canvas interface.

   
2. On the top right of Drupal Canvas, click Review changes to access the changes staged for publication to verify the changes.
3. Choose Selective Publishing to only publish specific changes or Publish all changes to publish all of them.