Drupal Frequently Asked Questions (FAQs) and Advanced Tips

Drupal FAQs
Link to this section

Find Drupal frequently asked questions regarding website content.

How do I sub-nest my page in the side menu and set page location?

Instructions:

  1. After creating a page, and you are creating a new section or adding to a section on the sfusd.edu website:

    1. Go to Menu Settings

    2. Select Menu, is your page for the Employee Content or Public Content section

    3. Under Page Location, look for the section to place the page under, and select Move to

    4. Continue to select Move to, until your page is in the desired location 

    5. Make sure to Save as "Published", if you are sub-nesting other pages, so that the title is visible on the Page Location

Setting Page Location Screenshot

If you are unsure where to set your web page's location on sfusd.edu, please feel free to contact website@sfusd.edu.

How to remove a page

Instructions:

  1. Go to "Edit" on the page you want to remove.

  2. On the right, go to Menu Settings, make sure "Provide a Menu Link" is unchecked.

  3. Then Save your page as "Archived".

Remove a page screeshot*Note. If you want to delete a page (irreversible), please email help@sfusd.edu with the URL link for the page you want deleted.

How to add a basic page for Central Office/Departments

Instructions:

  1. Using the menu at the top of the page, hover over Content
    1. If you don’t see Content, click Manage
  2. Hover over Add content

  3. Click Basic page

​​​​​​​Adding a basic page screenshot

Having trouble logging in or can't see your Content Toolbar

Instructions:

  1. Go to top right of the sfusd.edu page and look for the golden "Employee Login" button

  2. Log-in using your SFUSD account

    1. Log-in using non-SFUSD account, if you are not an SFUSD employee

  3. After logging in, you should see your the black Content Toolbar at the top

Logging into Drupal screenshot

Advanced Drupal Tips
Link to this section

Find advanced Drupal website content tips below to create a better experience for users.

These functions will only work where there is a "Source" button.

Create links that open a new tab

Instructions:

  • Go to "Source" and add a target="_blank" attribute to your link.

For example, if you link looks like this:

<a href="https://www.google.com/">Google.com</a>

Add a target="_blank"  so that it looks like this:

<a href="https://www.google.com/" target="_blank">Google.com</a>

Make an image a clickable link

Instructions:

  • Go to "Source" and add a <a href="(URL Link)"/> </a> attribute to your image.

For example, if you image looks like this in source:

<img src="/sites/default/files/inline-images/image.jpg" />

Add a <a href="(URL Link)"/> </a> so that it looks like this:

<a href="(URL Link)"/> <img src="/sites/default/files/inline-images/image.jpg" /> </a>

Center an image, link, or table

Instructions:

  • Go to "Source" and add a <div style="text-align: center;"> </div> attribute to your image.

For example, if your image looks like this in source:

<img src="/sites/default/files/inline-images/image.jpg" />

Add a <div style="text-align: center;"> </div> so that it looks like this:

<div style="text-align: center;"> <img src="/sites/default/files/inline-images/image.jpg" /> </div>

Embed Google Slides, Docs, Sheets

Instructions:

  • Open the file you want to publish (Slides, Docs, or Sheets)
  • Go to File > Publish to Web
  • Embed > Publish > Click on "OK" to Publish
  • Then copy the embed code and put it into the Source
  • *Ensure that Text format is set to "Full HTML"
  • Then add the size of the frame you would like by adding the code below 
    • width="200" height="200"

For example, if your embed code looks like this in source:

<iframe src="https://docs.google.com/?embedded=true"></iframe>
 

Add a width="200" height="200" so that it looks like this:

<iframe src="https://docs.google.com/?embedded=true" width="200" height="200"></iframe>

Embed a PDF

Instructions:

  • Open the PDF you want to publish
  • Go to the " ⋮ " and click on Embed Item
  • Then copy the embed code and put it into the Source
    • *Ensure that Text Format is set to "Full HTML"

For example, this is what your embed code would look like in source:

<iframe src="https://drive.google.com/file/d/1EMxgbuqqw_gf_plx1z6UxRO-Uq2OpO/preview" width="640" height="480" allow="autoplay"></iframe>

Also, please include links to the English, and other translated versions of the PDF to ensure accessibility.

This page was last updated on August 29, 2023