The YaleSites offering makes it easy for you to create a website. With minimal technical expertise, you can create pages, build navigation and incorporate features that add functionality and enhance the user experience. This guide offers a collection of step-by-step instructions and video tutorials to assist you as you work on your website.
To log in to your site, simply:
To provide access to others: See the Managing People section of the How-to Guide.
When you site is initially created, it is hosted in the development environment. The development environment adds an extra layer of security for those who want to ensure their site is not visible to the outside world while it’s being built. Your site will not be available to anyone who is physically off-campus (unless they are using VPN). To distinguish the development environment from the live (production) environment, the beginning of the site URL has dev. appended to it.
Be sure links to pages within your site do not include the full URL, rather use the Internal Link tool to ensure the proper link configuration. Read Add links for the correct instructions on how to add internal links.
Basic changes to text and content should be made in the production environment. However, complex configuration or site redesigns should be made in the development environment.
Important Note: Any changes that are made to content in production WILL NOT be merged with changes made in development. We recommend a content freeze to ensure nothing is lost when the dev site is moved to production.
The Drupal 7 instance of YaleSites provides many administrative tools that make the job of managing content easier.
When you are building your site you might want to prevent people from seeing your site. Maintenance mode allows you to put the site online and offline so that your site is not available through search engines or anyone typing in the URL. Instead, they will see a message you created letting them know your site is not available.
When your site is deployed, it is in the Maintenance mode. You can put your site online at any time or change the message in the following way:
Your new YaleSite has been created with some basic filler text and banner options as an example of how your site could look with the YaleSites Standard Template. You can replace this text and change the appearance of the template using the Template Options page. You will most likely want to change:
By default, the header area of your site is Website Name. You can change the text in the Site Name field:
You can also add one line of text to the footer area of your site in the same areas. This is in addition to the copyright text that already exists.
You may want another page on your site to be the home page. If this is the case, enter the URL alias or node # in the Default front page field of the Front Page section.
All new YaleSites are initially created using the default design template: YaleSites Standard. You can easily switch to another design template as well as customize your site’s accent colors, sidebar heading styles and image styles:
Modify your site’s design by changing accent colors and font styles for headers, and applying image effects. These changes are made on the Design Options page.
Sidebar style: Choose between outline and shaded background
Good site architecture is the foundation of your website. It starts by determining the main “buckets” or content areas and then creating a content inventory to determine what content belongs in those “buckets”. Outlining this structure prior to site building provides a roadmap for building your site and makes it easier for those adding content to your site to know where it should reside within the site.
Here is a sample hierarchy for what a traditional academic department site might look like. The Home, About Us, News and Calendar are part of your original site setup. But you might want to add an Academics and/or Research “bucket” to your architecture/menu structure. As you add pages to your site, you assign them to the Main Menu in the nested hierarchy you created in this type of outline.
Once you have your outline, you are ready to build your site architecture and menu structure. This process is made easier with the Menu Block Module which allows you to build your architecture in one menu – the Main Menu. In the Drupal world, you would need to create separate sub Menus for each “bucket” and then configure each blocks to appear on the correct pages. But with Menu Blocks, your sub Menus are automatically created and assigned to the Sidebar First Region.
Adding “Bucket” Content as the Main Pages and Main Options on the Menu
The Editor or Site Builder adds content using the Basic Page Content Type and adding it to the Main Menu using “bucket” name as the title of the page.
Adding Sub Menu Items or Secondary Pages
When the page is created:
IMPORTANT NOTE: the Menu Block Module is configured by default for all sites created after January 1, 2015. You can still create additional menu blocks, but no longer need to create the initial one for the main menu. Instructions on how to create additional Menu Blocks.
You can easily add basic pages to your site and adjust the way the content looks.
Placeholder content has been included in your new YaleSite to give you an idea of how to setup your site. This content needs to be removed and/or replaced with content that is related to your site.
All the content is listed in the Browse Content view found in the Dashboard.
Rotating Header Image - 3 images are part of your home page Rotating Header Image. These need to be replaced with photos that are relevant to your site.
Home Page content - click on the Edit tab for the page and replace the content.
News stories - several sample news stories are available to demonstrate the News Feature. To remove or write over these articles, filter on the Dashboard for News and click on edit to change the content, or delete to remove them.
Sub pages - 2 sub pages were created to demonstrate the Sub menu. To remove or write over these articles, filter on the Dashboard for Basic Page and click on edit to change the content, or delete to remove them.