Pages in Drupal

Posted May 21st, 2014 at 1:20 pm.

Contents:

Adding a page

Editing main content

Links

Carousel

Feature Box

Embedded Stories

Text Linkset

Image Linkset

Sidebar

Saving Content

Positioning and Moving Content

Log in and choose the section in which you want to create or edit a page.

 

The Section Management Screen:

When you first log in, you will see a page listing your sections.

section

Click the link for the section you wish to work on to get to your section management screen.

You can also get to this (while logged in!) by clicking the Section link at the top of any page within your section.

section2

Add Content:

From your section management screen, under “Add Content to [section],” click “Page.”

addpage

Main Content:

Only fields in Main Content are required no matter what. Carousel and Sidebar tabs contain fields that are required only if you are using those elements.

For example: if you are adding a carousel slide, it must have an image and a body.

Refer to https://www.brynmawr.edu/web/drupal to view all Drupal style options

Section– Determines the section your page is placed in. Can also determine which syndicated content (articles, spotlights, etc) appears, if you have embedded story views using the Embedded Content tab.

 

Tagline– short italicized line under the page title

 

Intro text— Short paragraph or phrase in bolded text.

 

Body text— The main part of the page. Can be formatted by the user and include photos, links, and more. Switch to full HTML editor if you need to embed video or other code.

Text editor options: 

Image of rich text editor

Hover over a button to see a description of the button, or review the options below.

closeup of text formatting options in editor

Left to right: Bold, Italic, Underline, Strikethrough, Subscript, Superscript, Blockquote

closeup of paragraph formatting options in editor

Paragraph formatting options allow you to set normal text or headings. Other font and style options are set by the College template and cannot be changed here.

list and table options in editor

Left to right: Bulleted lists, numbered lists, outdent, indent, table. Note: Tables should be used only for tabular data, not for layout purposes. See the Accessibility Guide for details.

Left to right: Paste text only (remove all formatting), paste from Word (remove all formatting but Bold, Italic, and other standard formatting. Also works for pasting from email), Spellcheck options, Remove formatting, Insert media, Insert Horizontal Line.

Links:

Make a link by clicking the chain link icon and pasting the address into the box that appears.
link
link2

Remove links by clicking on them and clicking the chain link with x icon.
unlink

Linking to documents

Linking to an email address:

Highlight the text you wish to link, and click the chain link button as above.

Type “mailto:” followed by the email address where you would normally type your link. For example, for an email link to help@brynmawr.edu, type “mailto:help@brynmawr.edu” without quotes.
maillink

Linking to a specific part of a page: These links are called “anchor links.”

To add an anchor link to a page, click the flag icon.
anchor
Choose a name for your anchor (example: “MyAnchor”).
anchorproperties

The address of your anchor will then be the address of your page plus “#AnchorName”. For example, “http://www.brynmawr.edu/department/page#MyAnchor”.
link

 

Photos in body text: these may not be cropped or otherwise edited once they have been inserted into body text. You will need to delete the photo and re-insert it, or edit the photo using other software before uploading it.

Carousel:

Optional; may be used with one static slide or multiple rotating slides.

 

Call to Action– invites users to visit a link to learn more about the content featured in the slide.

 

Carousel type: choose wide or double-wide depending on your needs.

Reorder carousel items by dragging and dropping arrows


Feature box:

Place a box with text and/or images and links to other pages or external content.

 

Embedded Stories:

embed select content already entered, such as a specific spotlight or video. Also embed stories– lists of content– such as events, spotlights, facts, FAQs etc.

 

Text Linkset:

Place a set of link buttons in a grid (best used in sets of two or four).

 

Image Linkset:

Place one or more link buttons with an image on a page (best used sparingly– no more than two or three per page). Images should be approximately 160px wide and 100px tall for best results. Images over 100px tall will be cropped.

 

Sidebar:

Places content in the right sidebar

 

Call to Action: Add blue call to action links such as “give,” “apply,” etc.

 

Social Media Links: Link to common social media options specific to your department/office

 

Block reference: Add a block that has already been created. Common examples include random facts or spotlights, or webforms.

 

Custom sidebar text: Use for announcements or other brief custom text.

Contact Information: You may set contact information for an individual page if it should be different from the information set at the section level.

Image gallery– Add images that will appear in a gallery in right sidebar.

  • Visitors may view the full size images and browse the gallery by clicking on an image.
  • Be sure to enter a title for each image, as well as alt text. Images without titles will use the image file name (such as owl27.jpg) as a title.
  • Image gallery caption- This caption will appear beneath the gallery thumbnails in the sidebar.

Saving content

Save at the bottom left of the Page creation screen.

By default, pages will be published immediately.

Not ready to publish?

  • Click the Publishing options tab
  • Uncheck the “Published” box
  • Save


Positioning content:

Once you’ve saved your content, you can move it around the page or landing page by going to that page and clicking “customize this page” at the bottom.

customize

Drag and drop items to change their placement within the page.

dragdrop

You can also use this feature to delete sidebar content (Contact Info, etc) that has been set at the section level, if you’re replacing it with content set at the page level.

Do NOT use this feature to delete content like Intro text, body text, or other items that are standard on pages. Go back to edit mode and delete the text you do not want.

If content you’ve entered into a page is not displaying, or if you have deleted the box for an item you need, contact help@brynmawr.edu for assistance.

Filed under: Drupal CMS Basics Tags: by Juliana Perry

Comments are closed.