Specialized Content: Difference between revisions
Imported from Confluence |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
== | {{DrupalBack}} | ||
== 9.1 Site Settings == | |||
All websites have '''Site Settings''' that | All websites have '''Site Settings''' that allow editors to manage the global settings of their website. Site Settings include: | ||
* '''Contact Block''' | * '''Contact Block''' — The department contact information displayed below the left-hand navigation. This includes the department's mailing address, phone and fax numbers, email address, hours of operation, and social media links. | ||
* '''Shared Site Content''' | * '''Shared Site Content''' — A special content zone that appears at the bottom of every page on your site. Any component added to this zone is displayed across the entire site. | ||
=== | === 9.1.1 Accessing Site Settings === | ||
There are two ways to access | There are two ways to access '''Site Settings''': | ||
# After logging into Drupal and navigating to your website, click '''Site Settings''' in the administration toolbar at the top of the page. | |||
# While viewing a page, click '''Site Settings''' located between '''Edit Page''' and '''Page Revisions'''. | |||
{{Screenshot|site_settings_access1.png|745px|Screenshot showing the two locations where the Site Settings link appears in Drupal.|Site Settings can be accessed from either the administration toolbar or the page toolbar.}} | |||
=== 9.2 The Contact Block === | |||
Every website includes a contact block that appears below the site's navigation in the left column. Because this information is managed through '''Site Settings''', it is displayed consistently across every page on your website. | |||
The Contact Block includes: | |||
# Address | # Address | ||
| Line 20: | Line 26: | ||
# Email | # Email | ||
# Hours | # Hours | ||
# Social Media | # Social Media — Links to your department's social media accounts. | ||
# Contact and Social Media (Deprecated) | # Contact and Social Media (Deprecated) — A legacy field that allows fully customized contact information. Unless you have a specific need for custom formatting, use the built-in contact fields instead. | ||
There are two ways to manage the Contact Block: | |||
# '''Built-in Fields''' — Recommended. Uses standardized formatting. | |||
# '''Deprecated Field''' — Allows fully customized formatting. | |||
=== 9.2.1 Using the Built-in Contact Fields (Recommended) === | |||
# Enter your mailing address. | |||
# Enter your phone and fax numbers. | |||
''' | '''Note:''' The '''Phone Link''' field must use the format <code>tel:610-328-8000</code>. | ||
# ''' | # Enter your department email address. | ||
# Optionally, enter your hours of operation. | |||
# Optionally, add social media accounts. | |||
# '''If you are using the built-in contact fields, do not use the deprecated Contact and Social Media field described in Section 9.2.2.''' | |||
'''Built-in fields display like this:''' | |||
{{Screenshot|contact1.png|241px|Screenshot showing the Contact Block displayed on a webpage.|The built-in contact fields produce a standardized contact block.}} | |||
''' | '''These fields are managed in Site Settings:''' | ||
{{Screenshot|contact_builtin.png|571px|Screenshot showing the built-in Contact Block fields in Site Settings.|Use the built-in fields to maintain consistent formatting across your site.}} | |||
=== 9.2.2 Using the Deprecated Contact Field === | |||
# Enter all contact information into the '''Contact and Social Media''' field and format it as needed. | |||
# Optionally, add social media information. | |||
# '''If you use the deprecated field, do not use the built-in Address, Phone/Fax, Email, or Hours fields described above.''' | |||
{{Screenshot|conatct3.png|270px|Screenshot showing the Contact Block created with the deprecated field.|Example of a Contact Block using the deprecated field.}} | |||
{{Screenshot|contact_deprecated2.png|571px|Screenshot showing the deprecated Contact and Social Media field in Site Settings.|The deprecated field allows fully customized contact information.}} | |||
=== 9.2.3 | === 9.2.3 Working with the Contact and Social Media (Deprecated) Field === | ||
The '''Contact and Social Media (Deprecated)''' field includes a menu (three vertical dots) in the upper-right corner. Selecting this menu opens the editor toolbar, allowing you to format text and create links. | |||
{{Screenshot|contact5.png|799px|Screenshot showing the formatting menu for the deprecated Contact and Social Media field.|The deprecated field includes a simplified formatting toolbar.}} | |||
== | == 9.3 Shared Site Content == | ||
Every website includes a special '''Shared Site Content''' zone. Components added to this zone automatically appear on '''every page''' of your website. | |||
{{ | {{Callout|type=tip|title=Best Practice|content=Use Shared Site Content sparingly. In most cases, no more than '''one component''' should be placed in this area at a time.}} | ||
=== | === 9.3.1 Editing an Existing Shared Site Content Component === | ||
# | # Open '''Site Settings'''. | ||
# | # Scroll to the '''Shared Site Content''' section. | ||
# | # Edit any existing components directly within this section. | ||
# Click '''Save''' at the bottom of the page. | |||
=== 9.3.2 Adding a Component to Shared Site Content === | |||
# Open '''Site Settings'''. | |||
# Scroll to the '''Shared Site Content''' section. | |||
# From the '''Add Component to Shared Site Content''' drop-down menu, choose the component you want to add. | |||
# Complete the component fields. | |||
# Click '''Save'''. | |||
The following component types can be added to Shared Site Content: | |||
* Call to Action | |||
* Feature | |||
* Feature Link List | |||
* Link List | |||
=== 9.3.3 | === 9.3.3 Removing a Shared Site Content Component === | ||
# | # Open '''Site Settings'''. | ||
# | # Scroll to the '''Shared Site Content''' section. | ||
# | # Locate the component you want to remove. | ||
# Click the '''Remove''' button in the upper-right corner of the component. | |||
# Click '''Save'''. | |||
== 9.4 News == | |||
{{Screenshot|Screenshot 2024-07-09 at 10.31.31 AM.png|210px|Screenshot showing a News Feed component.|Example of a News Feed component.}} | |||
Some departments include a [[News Feed Component|News Feed]] component on their website. The content displayed in the News Feed is produced by the Communications Office. Whenever a news story is published on the Swarthmore website, the Communications Office tags it so it automatically appears in the appropriate News Feed components across the website. | |||
Some departments include a [ | |||
Some departments also | Some departments also publish their own news stories. If you want your department's stories to appear in your site's News Feed, complete the following steps: | ||
* [ | * [[Creating New Pages#3.2_Creating_News_Pages|Create a News Page]] in Drupal using the News Page content type. | ||
* When your | * When your story is ready for publication, contact the Communications Office at [mailto:webeditor@swarthmore.edu webeditor@swarthmore.edu]. Communications staff will tag the story so it appears in the appropriate News Feed components. | ||
If you have questions about news that appears (or does not appear) in your department's News Feed, contact the Communications Office at [mailto:webeditor@swarthmore.edu webeditor@swarthmore.edu]. | |||
== 9.5 | == 9.5 Events == | ||
{{Screenshot|events_component.png|210px|Screenshot showing an Events Calendar Feed component.|Example of an Events Calendar Feed component.}} | |||
Many departments also include an [[Events Calendar Feed Component|Events Calendar Feed]] component on their website. The content displayed in this component is pulled directly from the [https://swatcentral.swarthmore.edu/ Campus Calendar] (SwatCentral/25Live). Whenever an event is entered into [https://www.swarthmore.edu/events-management/information-faculty-staff-and-students Swat Central], it can be configured to appear in the appropriate Events Calendar Feed component in Drupal. | |||
Using an Events Calendar Feed is a convenient way to promote upcoming events on both your department website and the Campus Calendar. | |||
* For questions about reserving space or using the [https://swatcentral.swarthmore.edu/ Campus Calendar] (Swat Central/25Live), contact the [https://www.swarthmore.edu/events-management Events Management] office at [mailto:space@swarthmore.edu space@swarthmore.edu]. | |||
* For questions about events that appear (or do not appear) in your Events Calendar Feed component, contact the Campus Calendar administrators at [mailto:calendar@swarthmore.edu calendar@swarthmore.edu]. | |||
== 9.6 Acalog == | |||
Academic departments manage course information through the [https://www.swarthmore.edu/registrar/acalog Acalog] system maintained by the Registrar's Office. Questions about Acalog should be directed to the [https://www.swarthmore.edu/registrar Registrar's Office]. | |||
Drupal | Course information from Acalog is syndicated to each department's course pages in Drupal (for example, the [https://www.swarthmore.edu/history/current-courses History] department). | ||
Questions about how this content appears on the Drupal website should be directed to the Web Team at [mailto:web-update@swarthmore.edu web-update@swarthmore.edu]. | |||
== 9.7 Videos == | |||
Drupal supports both [https://www.youtube.com/user/SwarthmoreCollegePA YouTube] and [https://vimeo.com/ Vimeo] videos. Videos can be used in several components, including: | |||
* [[Feature Component|Feature]] | |||
* [[Feature Link List Component|Feature Link List]] | |||
* [[Slideshow/Gallery Component|Slideshow/Gallery]] | |||
* [[Video-Only Component|Video Only]] | |||
See the documentation for each component for instructions on adding videos. | |||
{{Callout|type=important|title=Video Requirements|content=Videos published on the Swarthmore website must meet the following requirements: | |||
* Videos must include '''closed captions''' to meet the College's accessibility standards. | |||
* Videos must not contain copyrighted material (including music or images) unless you have permission to use it.}} | |||
== 9.8 Forms == | |||
There are three primary options for creating online forms. The best choice depends on your project's requirements. | |||
* [[Google Forms|Google Forms]] — A simple way to create forms, surveys, and quizzes. | |||
* [[Qualtrics|Qualtrics]] — A full-featured survey platform available to the Swarthmore community. Qualtrics is commonly used for faculty and student research, committee voting, order forms, course evaluations, and more. | |||
* [mailto:web-update@swarthmore.edu Drupal Forms] — Forms built directly within Drupal. Drupal forms must be created by the Web Team. Contact [mailto:web-update@swarthmore.edu web-update@swarthmore.edu] for more information. | |||
[[Category:Drupal]] | |||
Latest revision as of 14:58, 10 July 2026
9.1 Site Settings
All websites have Site Settings that allow editors to manage the global settings of their website. Site Settings include:
- Contact Block — The department contact information displayed below the left-hand navigation. This includes the department's mailing address, phone and fax numbers, email address, hours of operation, and social media links.
- Shared Site Content — A special content zone that appears at the bottom of every page on your site. Any component added to this zone is displayed across the entire site.
9.1.1 Accessing Site Settings
There are two ways to access Site Settings:
- After logging into Drupal and navigating to your website, click Site Settings in the administration toolbar at the top of the page.
- While viewing a page, click Site Settings located between Edit Page and Page Revisions.
9.2 The Contact Block
Every website includes a contact block that appears below the site's navigation in the left column. Because this information is managed through Site Settings, it is displayed consistently across every page on your website.
The Contact Block includes:
- Address
- Phone/Fax
- Hours
- Social Media — Links to your department's social media accounts.
- Contact and Social Media (Deprecated) — A legacy field that allows fully customized contact information. Unless you have a specific need for custom formatting, use the built-in contact fields instead.
There are two ways to manage the Contact Block:
- Built-in Fields — Recommended. Uses standardized formatting.
- Deprecated Field — Allows fully customized formatting.
9.2.1 Using the Built-in Contact Fields (Recommended)
- Enter your mailing address.
- Enter your phone and fax numbers.
Note: The Phone Link field must use the format tel:610-328-8000.
- Enter your department email address.
- Optionally, enter your hours of operation.
- Optionally, add social media accounts.
- If you are using the built-in contact fields, do not use the deprecated Contact and Social Media field described in Section 9.2.2.
Built-in fields display like this:
These fields are managed in Site Settings:
9.2.2 Using the Deprecated Contact Field
- Enter all contact information into the Contact and Social Media field and format it as needed.
- Optionally, add social media information.
- If you use the deprecated field, do not use the built-in Address, Phone/Fax, Email, or Hours fields described above.
9.2.3 Working with the Contact and Social Media (Deprecated) Field
The Contact and Social Media (Deprecated) field includes a menu (three vertical dots) in the upper-right corner. Selecting this menu opens the editor toolbar, allowing you to format text and create links.
Every website includes a special Shared Site Content zone. Components added to this zone automatically appear on every page of your website.
- Open Site Settings.
- Scroll to the Shared Site Content section.
- Edit any existing components directly within this section.
- Click Save at the bottom of the page.
- Open Site Settings.
- Scroll to the Shared Site Content section.
- From the Add Component to Shared Site Content drop-down menu, choose the component you want to add.
- Complete the component fields.
- Click Save.
The following component types can be added to Shared Site Content:
- Call to Action
- Feature
- Feature Link List
- Link List
- Open Site Settings.
- Scroll to the Shared Site Content section.
- Locate the component you want to remove.
- Click the Remove button in the upper-right corner of the component.
- Click Save.
9.4 News
Some departments include a News Feed component on their website. The content displayed in the News Feed is produced by the Communications Office. Whenever a news story is published on the Swarthmore website, the Communications Office tags it so it automatically appears in the appropriate News Feed components across the website.
Some departments also publish their own news stories. If you want your department's stories to appear in your site's News Feed, complete the following steps:
- Create a News Page in Drupal using the News Page content type.
- When your story is ready for publication, contact the Communications Office at webeditor@swarthmore.edu. Communications staff will tag the story so it appears in the appropriate News Feed components.
If you have questions about news that appears (or does not appear) in your department's News Feed, contact the Communications Office at webeditor@swarthmore.edu.
9.5 Events
Many departments also include an Events Calendar Feed component on their website. The content displayed in this component is pulled directly from the Campus Calendar (SwatCentral/25Live). Whenever an event is entered into Swat Central, it can be configured to appear in the appropriate Events Calendar Feed component in Drupal.
Using an Events Calendar Feed is a convenient way to promote upcoming events on both your department website and the Campus Calendar.
- For questions about reserving space or using the Campus Calendar (Swat Central/25Live), contact the Events Management office at space@swarthmore.edu.
- For questions about events that appear (or do not appear) in your Events Calendar Feed component, contact the Campus Calendar administrators at calendar@swarthmore.edu.
9.6 Acalog
Academic departments manage course information through the Acalog system maintained by the Registrar's Office. Questions about Acalog should be directed to the Registrar's Office.
Course information from Acalog is syndicated to each department's course pages in Drupal (for example, the History department).
Questions about how this content appears on the Drupal website should be directed to the Web Team at web-update@swarthmore.edu.
9.7 Videos
Drupal supports both YouTube and Vimeo videos. Videos can be used in several components, including:
See the documentation for each component for instructions on adding videos.
- Videos must include closed captions to meet the College's accessibility standards.
- Videos must not contain copyrighted material (including music or images) unless you have permission to use it.
9.8 Forms
There are three primary options for creating online forms. The best choice depends on your project's requirements.
- Google Forms — A simple way to create forms, surveys, and quizzes.
- Qualtrics — A full-featured survey platform available to the Swarthmore community. Qualtrics is commonly used for faculty and student research, committee voting, order forms, course evaluations, and more.
- Drupal Forms — Forms built directly within Drupal. Drupal forms must be created by the Web Team. Contact web-update@swarthmore.edu for more information.







