Creating a Page
Creating a PageTo create a new page you will need to be logged into the site as a user.
One you are logged in, you should navigate to Content at the top of the page, then Add Content, then Page.
You will then be directed to a blank page. Here you can:
- give the page a title
- add a feature image
- add content in the Text Editor
- set up the menu settings/where the page will show.
You also have the ability to add more Content Sections. Learn more about Content Sections.
At the top of your page you will see the option to Save as: Draft or Published. Your Page needs to be saved as Published to be seen by the public. Saving the page as a draft is useful if you need to get the page started, but it is not ready to been seen by the public. You can save the page as a draft and access it later on the Content page.
Adding Images
Adding ImagesTo add an image to your page you should select the image icon in the WYSIWYG editor.
From there you will see the below Pop-up box to select your image. Select File Browser (magnifying glass icon) to search for, or upload your image to the site.
To upload a file, in the File Browser dialog box that opens, click on the Upload icon on the top menu, then the Add File button, and choose a file to upload from your computer. After uploading a file, click Select on the top menu to add the file to the page.
To remain ADA compliant, remember to fill out the Alternative Text box with a simple image description. Click on the Missing alternative text link as shown in the screenshot below, add the alternative text, and click the Insert link to add the text.
In the Insert Image pop-up box, you can select how to align the image on the page. The site will automatically align any text based on how you align the image.
You can also choose to add a caption to the image.
The image can also be resized by selecting one of the image corners and resizing the image size on the screen, or by choosing the original image size to restore the image size in the Resize image drop-down in the image menu.
The image can have a link added by selecting the Link Image icon (the last icon on the image menu screenshot below), adding a link URL, and selecting the save link.
To access the image properties after you've added your image to the site you can click the image.
After making the image changes Save the page.
Adding Videos
Adding VideosAdd a video to your page by selecting the Video icon from the text editor.
The Video Embed box will pop up for you to fill out.
Insert the link to the video: It is recommended to store your videos on another platform, such as YouTube, and link them on your website.
Autoplay: this option will automatically start your video when a visitor comes to the page it is located.
Responsive Video: this option will automatically adjust the video to the size of a user's screen.
Don't forget to save!
Adding and Editing Links
Adding and Editing LinksThe first button in the text editor is the Link button. You can link internal pages, external websites, and documents using Links.
If you select the Link button you will open the Link dialogue box:
External Links:
Highlight the text you want to turn into a link and select the Link icon. Paste or type in the link URL in the Link dialogue box.
Internal links:
If the page you want to link to exists in your website, you can just search the page name in the Link dialogue box.
Highlight the text you want to turn into a link and select the Link icon. Start typing the name of the content you want to link in the bar and your website will show you any content with that name. Select the item you want from the list and click save check icon.
Documents (File Browser)
You can link files by linking from the File browser. Highlight the text you want to turn into a link and select the Link icon. Select "Open File Browser" and navigate to the file you with you link. Select the file by clicking on it then clicking Select at the top of the File Browser Window.
Learn more about the File Browser.
Edit Links
To Edit an existing link, place your cursor on the link and select the link icon, or click the link. This will open the Link Dialogue box where you can edit the link or open the File Browser to select a new document to link.
You can unlink an item by placing your cursor on the link and selection the Unlink Icon, next to the Link icon.
Content Sections
Content SectionsDrupal offers the ability to use Content Sections on pages to help organize and structure your content. The drop down menu can be found below the text editor on a page. You can add as many Content Sections to your page, as needed.
Reorganize your content sections on the page by dragging and dropping your sections to move them above or below other sections.
Delete a content section by selecting the ellipses in the top right corner of the section and selecting Remove. You will then need to select to Confirm Removal to fully remove the section.
To expand or collapse a section, use the Edit or Collapse buttons.
A Simple Content Section is the standard text editor present when you create a new page.
Accordion
Accordion Content Sections allow you to create expandable/collapsible content.
To Add an Accordion Section start by navigating to the bottom of your page and selecting Add Accordion form the Content Section drop-down list.
Select Show Indicators if you want to display open/close indicators for accordions (usually +/- signs).
You can choose to leave the accordion section collapsed or set it to be expanded by default by selecting the Display expanded toggle.
Next, fill out the Accordion Section Title. Once you save the content, clicking on the accordion title will expand the accordion section body.
Add your Accordion Section Body; here you will see a similar drop-down list to the Content Section List, but with slightly different choices. You can choose to format your Accordion section Body as Simple, Image, Google Map, or Columns (Equal, Three Uneven, Two Uneven). Once your body section is added, you can insert the desired content.
You can add multiple Body Sections to one Accordion Sections.
You can also add as many Accordion Sections as needed by selecting Add Accordion Section.
After content is added, save the page.
Carousel Content Sections allow you to add rotating content.
To add carousel content, pick Add Carousel from the Add Simple drop-down list and select one of the available sections: Simple, Image, Columns, or Google Map.
Fill out the content for the selected section. To add more carousel sections, repeat the process above. After you've added the content, save the page.
Choose the column type you want to add from the Add Simple dropdown: Equal, Three Uneven, or Two Uneven. The columns section will open.
Two Uneven Column Section
The screenshot below shows Two Uneven Column content section.
Choose Column Style from the drop-down menu. The Column Style defines the width of the left and right columns on the page.
Use the Add Simple button to create a section for each column (two sections for the Two Uneven Columns section) and fill it with the desired content.
The column content can be rearranged by dragging the part with the Change Order indicator on the left side of the column sections.
Save the changes by clicking the Save button in the top right corner of the page.
Equal Column Column Section
The Equal Columns feature allows you to add multiple columns to the page as necessary. Use the Add Simple button to create a section for each column and populated it with the content.
Save the page by pressing the Save button at the top right.
To add a Google Map to a page, pick Add Google Map from the Add Simple drop-down menu. If desired, provide the Map Title, which will be shown above the map, as well as the required Address.
Preview or save the page.
Text Editing
Text EditingBelow is the standard text editor used in Drupal.
The features available to you, from left to right are:
- Link - add a like to your page
- Unlink - remove a link from your page
- Image - add an image to your page
- Video - add a video to your page
- Bold - make your text bold
- Italic - italicize your text
- Left Align - align your text to the left of the page
- Center Align - align your text to the center of the page
- Right Align - align your text to the right of the page
- Insert Horizontal Line - add a horizontal line to the page to break up text
- Block Quote - insert a large quote to your page
- Paragraph Format - change your text to a range of heading formats or to normal paragraph format
- Formatting Styles - this feature is usually locked to help keep you site consistent
- Numbered List - add and remove numbered lists
- Bulleted List - add and remove bulleted lists
- Table - add a table to your page
- Undo - undo your last edit
- Redo - redo your action
- Maximize - maximize the text editor
- Remove Formatting - remove the formatting from the text on your page
- Source
Uploading a PDF file
Uploading a PDF fileAdd a new PDF link
Type the text you want as a PDF or other file link. Highlight the text and then click the link icon in the content editor:
In the dialog box that opens, click the Open File Browser button next to the Link URL input box:
Select the folder to which you wish to upload a file. Click on the Upload link, select a file to upload, and then click the Open button. After uploading the file, click the Select link at the top of the File Manager dialog.
Click the Save button to save the page changes.
Edit a Link
To alter the link, click on it and then select the Edit Link or Unlink icon next to the Link URL entry box. Follow the instructions above to make the changes.
Click the Save button to save the page changes.