Drupal 10 Basics

Table of content

Introduction

Welcome! This is a website tutorial guide for our website administrators, group content authors, and architects. This page will show how to log in and make basic layout changes. 


User Roles

Architect: Full access to permissions for all groups/schools.

Group Content Author: Grants access to editing permissions for a school or group.

 


How to Login

Go to https://engineering.oregonstate.edu/user and it will bring you to the login page

You should be brought to this page shown below:

Image
Login webpage

 

Step 1) Click "OSU Login"

Image
Login webpage

 

Step 2) Login with ONID credentials

Image
DUO oregonstate login webpage

 

Step 3) Once successfully logged in, it should redirect you back to the homepage, with a "Welcome!" message and should show a bar horizontally along the top of the page or vertically on the left side of the page. Shown below.

Image
College of Engineering homepage successfully logged in

OR

Image
College of engineering homepage login

 


How to Edit a Page

First navigate to the page you want to make changes to.

Image
Test Page webpage

Making Text Changes:

Step 1) Click "Layout"

Image
Tutorial webpage

 

Step 2) Scroll down until you see the section/block you want to make changes to. Click the pencil symbol top right of the block > "configure block".

Image
How to edit text tutorial page

 

Step 3) A new window should pop up and you can now edit the text field. Click the blue "Update" box when done.

Image
How to edit text tutorial page.

 

Step 4) The text should now be updated for the section we changed. Note: Our changes are not fully saved yet.

Image
How to edit text tutorial page

 

Step 5) Scroll up and click the orange "Save Layout" button

Image
How to edit text tutorial page

 

Step 6) Successfully updated text!

Image
How to edit text tutorial page

 

How to Change Existing Photos

Step 1) Click "Layout" > find section with image you want to replace > click on pencil symbol > "configure"

Image
How to edit image web page

 

Step 2) Remove the image by clicking "X" symbol

Image
How to edit image web page

 

Step 3) Click "Add media" button 

Image
How to edit image web page

 

Step 4) A new window should pop up, you now have a choice to either upload your own image to the Drupal library or choose existing images in the Drupal library. Note: Images must be less than 1mb in order for it to be uploaded to the library.

Image
How to edit image web page

 

Step 5) Select the image you want and click the "Insert selected" button. 

Image
How to edit image tutorial page

 

Step 6) Click the "Update" button 

Image
How to edit image tutorial web page

 

Step 7) Scroll up and click the "Save layout" button

Image
How to edit text tutorial page

 

Step 8) Successfully updated image!

Image
How to edit image web page