Select Page

Support for Subject Librarians

Overview

The Subject Guides by NTU Libraries is designed and developed using the Divi theme by Elegant Themes. Divi is built on a page builder platform that uses three main building blocks: Sections, Rows, and Modules. The basic hierarchy of these elements is as follows:

Sections

The most basic and largest building blocks used in designing layouts with Divi are Sections. These are used to create the top-level areas in your website.There are two types of sections: Regular, and Full Width. Regular Sections are made up of column rows and Full Width Sections are made up of full width modules. See more about rows and modules below.

Rows

Rows sit inside of Sections and you can place any number of rows in a section. There are many different Row Types to choose from. Once you define a Row Type, you can then place modules into the selected column structure. There is no limit to the number of modules you can place within a column.

Modules

Modules are the visual elements that make up your website. Every modules that Divi has can fit into any column width and they are all full responsive.

Introduction to the Standard layout of Subject Guide landing page

Using the sections, rows and modules in Divi, we have designed a standard template for all the landing page of each subject guide. The basic components are show as follows:

Editing your Subject Guide landing page

To edit your subject guide landing page:

  1. Login using your NTU username and password.
  2. Go to Pages > All Pages
  3. Search for your subject guide (at the top right of the page)
  4. Select Edit and you will be directed to the page editor

Understanding the icons

You may observe that each section, row or module comes with the following icons. Here are what they mean:

Settings

To edit contents or configure settings of the particular section or module

Clone

To duplicate the particular section, row or module

Close

To remove the entire section, row or module

Changing the background of the page header

If defined, this image will be used as the background for the page header. The height of a slide is determined by the amount of text content added. The width of your slider is determined by the browser width. Based on standard screen sizes we recommend that your images are at least 1280px by 768px.

To change the background of the page header, you may do the following:

  1. Select “Settings” on the section, which contains the Fullwidth Header.
  2. In the pop-up window, select “upload an image” to upload an image of your choice. To remove a background image, simply delete the URL from the settings field.
  3. Alternatively, you can also set a solid background colour instead of an image. To do this, simply “Select Color” under “Background Color”.
  4. Click “Save” when you are done.

Changing the background colour of your page contents

The key contents of your subject guide are basically wrapped in a section.

To change the background colour, simple do the following:

  1. Select “Settings” on the section, which contains the guide description, librarian info, etc.
  2. In the pop-up window, simply “Select Color” under “Background Color”.
  3. Alternatively, you may set an image as the page background instead. To do this, select “upload an image” to upload an image of your choice. Just be careful as a busy background may affect readability. To remove a background image, simply delete the URL from the settings field.
  4. Click “Save” when you are done.

Editing your librarian profile contents
The librarian profile is added using the Blurbs Module.

To edit, you may do the following:

  1. Select “Settings” on the module, “Librarian Info” to make changes.
  2. Change of edit the following elements:
    Image – To change your profile image, place a valid image url under Image, or choose/upload an image via the WordPress Media Library. Your image should be 640 x 440px optimally.
    Content– This field is where you can enter the main content, i.e. your guide introduction, similar to a WordPress default editor.
  3. Click “Save” when you are done.

Editing your guide introduction

The guide introduction is added using the Text Module. The module gives you all the editing capabilities of a normal WordPress page.

To edit, you may do the following:

  1. Select “Settings” under “Guide Description”
  2. Change of edit the following elements:
  • Text Color – If your text is being placed onto a dark background the Text Color should be set to ‘Dark’. Visa versa, if your text is being placed onto a light background, the Text Color should be set to ‘Light’.
  • Text Orientation – This dropdown menu allows you to specify the orientation of your text to be Left Justified, Centered, or Right Justified.
  • Content– This field is where you can enter the main content, i.e. your guide introduction, similar to a WordPress default editor.
  1. Click “Save” when you are done.

Editing your selected subject resources

Contents of each type of selected resources are added using the Toggle Module.

To edit, you may do the following:

  1. Select “Settings” under each type of “Topic/Course Guides”.
  2. In the pop-up window, you can edit the contents like a regular WordPress post editor.
  3. Click on “Save” when you are done.

Adding/Editing your resource guides

Similar to a regular WordPress blog, resource guides, book lists or postings can be added or edited:

  1. Login using your NTU username and password.
  2. Go to Posts > All Posts

Adding a new post
  1. To add a new post, select “Add New” at the top left corner. You will be directed to the post editor.
  2. Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.
  3. Make sure to set the appropriate category for your posting or your post will not be listed in your subject guide. (Note: Each subject guide have three categories: Books, Guides, and Useful tools and tips)
  4. Add Tags or keywords to your post.
  5. Set a “Featured Image” to represent your post. Your featured image should be at least 400 x 300px optimally.
  6. When you are ready, click Publish.

Visit https://codex.wordpress.org/Writing_Posts for full guidelines and tips on writing posts.

Editing existing posts
  1. To locate for your posts, your may filter by categories or do a keyword search
  2. Mouse-over the title of a post and select “Edit”. You will be directed to the post editor.
  3. Start editing the various components of your post.
  4. When you are ready, click Update.

Inserting Images
  1. Place your cursor on the line where you want your image to appear
  2. Click on the “Add Media” button to launch the media uploader interface
  3. Select the “Insert Media” option from the list of actions in the left side of the media uploader window.
  4. Once you have selected or uploaded the image you want to add, You will see a checkbox next to the thumbnail confirming your selection, and see information about it displayed in the Attachment Details pane on the right hand side of the media uploader interface.
  5. The Attachment Details pane displays a small un-cropped thumbnail of the image, as well as important informatio such as the filename, date uploaded, and image dimensions in pixels.

There are also action links that allow you to Edit Image, which takes you to the Edit Image page, or to Delete permanently to remove the image from your site.

In addition, you can edit the following media information:

  • Title: The title of this media.
  • Caption: The caption for this image. The text you enter here will be displayed below the image.
  • Alternate Text: Enter the Alt text for the image, e.g. “Da Vinci” to describe the media. This text will appear in place of the image when the browser fails to load the image.
  • Description: A description for this particular media. Please follow below list of description naming for the individual subject guide.

Please note that it is important that you put in the same description for all the images you have loaded for ease of discovery. There are more than 1000 over images in this blog for all the different subject guide.

List of Subject Guides and their descriptions

Subject Guide Description
Art history art_sr
Design design_sr
Media arts media_sr
Accounting acc_sr
Banking & Finance Banking_sr
Business IT & Operations management bizit_sr
Law & Taxation law_sr
Management management_sr
Marketing market_sr
Broadcast & cinema studies Broadcast_sr
Communication research commresearch_sr
Journalism Journal_sr
Library and information science Library_sr
Public &  promotional communication ppc_sr
Aerospace engineering Aero_sr
Chemical & biomedical engineering Scbe_sr
Civil engineering Civil_sr
Communication engineering Commeng_sr
Computer science & engineering Computing_sr
Electrical & electronic engineering Eee_sr
Environmental engineering Environment_sr
Maritime studies Maritime_sr
Material science and engineering Mse_sr
Mechanical engineering Mechanical_sr
Chinese linguisitics Cl_sr
Chinese overseas Co_sr
Chinese studies Cs_sr
Contemporary china Cc_sr
economics Econ_sr
English literature Englit_sr
History His_sr
Linguistics & multilingual studies Ling_sr
Psychology Psy_sr
sociology Soc_sr
Biological sciences Bio_sr
Chemistry Chem_sr
Mathematics Math_sr
Physics Phy_sr
medical Medical_sr

 

Visit https://codex.wordpress.org/Inserting_Images_into_Posts_and_Pages for full guidelines and tips on inserting images into posts and pages.

Skip to toolbar