Guides

We have collated/created extensive online guides here for your perusal. Links with asterisks* refers to external site.

General Topics

(Hidden)
User Roles

Blog user roles are either Admins, Editors, Authors, Contributors or Subscribers.

Additional roles:

Mobile Blogging

About Mobile Blogging*.

Blogging using the WordPress app will not work due to our authentication requirements.

For Blog Admins

(Hidden)
Title, Themes, Menus

About Appearance and Themes*.

Themes:

Note: You are not able to install themes. Requests for custom themes will be declined.

Navigational Menus:

Plugins, Tools

About Plugins and Tools*.

Plugins:

Note: You are not able to install plugins. Requests for custom plugins will be declined. Additional info on plugins:

The following plugins are network enabled:

Tools:

Statistics, Metrics

For All Users

(Hidden)
User Profile
You must be registered as a Blogs@NTU user.

 

Images, Files, Media
Go to Files and Images* general page.

We don’t advise uploading videos to your blog. We recommend the following methods.

 

Eligibility

 

All current NTU users with a valid NTU network account may apply for a blog. Approval is on a case-to-case basis and must fall under academic, research or administrative purposes. Blogs that are ‘personal’ in nature (e.g. an online diary about day-to-day life happenings and musings) will be declined. 

The following groups are not eligible:

  • Alumni including those from NTU.
  • Former NTU staff or students.
  • NIE staff and NIE students.
  • RSIS staff and RSIS students.

 

Apply for a blog

 

For official content and purposes, do consider using NTU website’s content management system.

The following details must be provided upon application. Applications with incomplete or missing details will be declined. Click on the text below for more details. For student organisations, please click here.

Provide a brief description of what the blog will be used for. This will help us decide whether to approve your application. Blogs that are ‘personal’ in nature (e.g. an online diary about day-to-day life happenings and musings) will be declined. 

 

Choose only one either Academic, Research or Administrative. Although some blogs may fall under more than 1 category, please select the one that closely described the blog. This would help us to further understand the blog's main purpose as well as listing it at our directory accordingly. The category for student organisations, is Administrative. 

 

Blog address refers to the suffix after blogs.ntu.edu.sg/. Example: blogs.ntu.edu.sg/xxxxx. You may provide more than 1 suggestions. Do note that once we had created the blog, further changes to the blog address is not guaranteed. 

Please adhere to the following limitations for blog address.

  • 5 characters minimum.
  • No spaces and no dots (only hyphens and underscores are accepted).
  • All lowercase (small letters).
  • As descriptive as possible.

For profile blogs, we will be using the user's NTU network ID as the address (without dots, if any).

For course blogs, the format will include course code, academic year and semester. Example: blogs.ntu.edu.sg/az1101-1920s2 (course AZ1101, AY 2019/2020, semester 2).

For student organisation blogs, the address will include "sao-". Example: blogs.ntu.edu.sg/sao-xxxxx.

 

The title of the blog correlates with the blog address. For example, if the blog address is blogs.ntu.edu.sg/ai-lab, the title should be "Artificial Intelligence Lab". The blog has a separate tagline for short descriptions or slogans – but we don't require this detail for processing. Blog admins may amend this title after blog creation.

 

Blog admins are usually the one developing the blog. If you are engaging students to design and develop the blog, they will need to be blog admins. Blogs are provided as-is. Installation of custom themes and plugins are not allowed. Access to server files is prohibited. 

 

We may review the blog after the stipulated 'live' date. If the blog has not been developed at all, we will proceed to delete it. 

 

 

Course blog

 

Course blogs are academic blogs that are meant to supplement and not replace the University’s learning platform. Official online learning should still be done through NTULearn. Course blogs at Blogs@NTU must not be static. It should have elements of teacher-student or student-student participation, collaboration, and learning opportunities. Faculty are expected to manage and be responsible for their own course blogs (including all associated student blogs). Please click here to request for a course blog.  

 

 

Student Organisations

 

NTU student organisations should approach Student Affairs Office (SAO) who will submit your request to us upon approval. All applications sent directly to us will be routed to SAO. We are not able to accept non-NTU applications.  

Application

The following details must be included in your application. SAO may request for additional info for processing.

  1. Admin email: Organisation’s role-based email (e.g. president’s email). Admin email must not be removed. 
  2. Blog address: Must include prefix “sao-” (e.g. sao-xxxxx). Blog address may not be changed after creation.
  3. Blog title: Official organisation’s name. This may be amended by blog admins later. 
  4. Blog admins: Provide 1 or 2 nominated student emails (must not be role-based emails). 

Example:

Address Title Username Email Role Name
sao-zclub Z Club   president@e.ntu.edu.sg Admin Email  
sao-zclub Z Club jane001 jane001@e.ntu.edu.sg Administrator Jane Doe
sao-zclub Z Club doej321 doej321@e.ntu.edu.sg Administrator John Doe

 

Handover

Outgoing blog admins must conduct a proper handover to the new team. This could be done by adding administrator roles to incoming commitee members. Once the new team has been added or has control over the blog, they may then remove outgoing user accounts as administrators. If a handover was not conducted, the new committee should approach SAO for assistance.   For advice and enquiries, please email saoso@ntu.edu.sg. For technical enquiries, please read our online guides here.

 

Custom domain

 

For security reasons, we no longer accept custom domain requests. Custom domain refers to a unique web name that is reflected in the link or Uniform Resource Locator (URL). For example, “ntu.edu.sg”, “google.com”, etc.

 

Expert advice

 

We are not able to provide expert advice on specialised topics such as:

  • Recommendations for plugins, themes, features, functions, etc.
  • Search results ranking.
  • Search Engine Optimisation (SEO).
  • Google Analytics and web metrics.
  • Domain registration and management.
  • Electronic Direct Mail (EDM)/email marketing campaign.
  • MailChimp integration.
  • External websites access and management.
  • Programming and troubleshooting web technologies like HTML, CSS, JavaScript, etc.
  • Formidable Form plugin customisation and troubleshooting.
  • Advice on cybersecurity.

The above list is non-exhaustive. These topics require extensive knowledge, specialised experience and/or certification.

 

Extent of service

 

Blogs are provided as-is. Users are expected to design, develop and populate content themselves.

We don’t provide the following services:

  • Blog design and development.
  • Populate content.
  • Update content.
  • Installation of external themes or plugins. Please use available themes and plugins.
  • Troubleshooting for blogs using custom codes or scripts.
  • Troubleshooting of user-created plugin errors  (e.g. Formidable Form).
  • Funding for services or projects.
  • Recommend plugins, themes, features, functions, etc.
  • Cybersecurity reports.

 

Themes & Plugins

 

Installation of themes and plugins are disabled. Blog admins may request to activate existing themes* and plugins*. Access to server files is prohibited. However, blog admins may customised their blogs using custom CSS and the Divi theme*. Insertion of scripts is possible but not guaranteed. We are not able to troubleshoot errors arising from custom codes and scripts.

 

Design

 

We don’t provide in-house blog design and development services. Blog admins may engage other NTU users to design and develop the blog. It is also possible to pay (using blog admin’s own fund) an external vendor to design and develop the blog. However, blog admin must apply for a temporary NTU network account on behalf of the vendor. Issues arising from the vendor’s design and development must be routed to the vendor or resolved by the blog admins themselves.

 

How to login

 

To login, you must have a valid NTU network account. There are 2 ways to access the login page:

  • Click on the Log In link at the top left corner of the blog.
  • Append “wp-admin” at the blog address. For example, blogs.ntu.edu.sg/xxxxx/wp-admin.

You may also be asked to login when clicking a URL that is pointing to a ‘private’ blog.   Steps to login:

  1. Click on Use NTU ID button to proceed.
  2. You will be routed to NTU’s authentication page.
  3. Key in your NTU username (without domain/email suffix) and password.
  4. Click the LOGIN button.

Correct examples:
Username: xyz123 (for students) or zander.xy (for staff)
Password: ********

Wrong examples:
Username: xyz123@e.ntu.edu.sg (email suffix) or STUDENT\xyz123 (inclusion of domain)
Password: ********

If successful, you will be routed to the blog. If unsuccessful, please go to our section on “Can’t login“.

 

NIE staff/student login

 

For NIE staff and students, please use your NIE network ID and the password. Do not use your NIE email username to login unless it is the same as the network ID. Steps to login:

  1. Click on Use NTU ID button to proceed.
  2. You will be routed to NTU’s authentication page.
  3. Key in your NIE network ID and password.
  4. Click the LOGIN button.

If successful, you will be routed to the blog. If unsuccessful, please go to our section on “Can’t login“.

 

Can’t login

 

This refers to unsuccessful login to Blogs@NTU’s dashboard. If you are able to login but are not able to access a specific blog, this is an access issue not login issue. In this case, please request the blog admin to register you to the blog. If the blog admin is not able to add users to the blog, please ask the blog admin to report the error.

If you encountered login issues, please do the following before trying again:

  1. Verify that your NTU username and password is valid and correct.
  2. Ensure that the username field does not have the domain or other suffixes.
  3. Empty the cache or browsing history.
  4. Completely exit the browser (closing tabs may not exit the app).
  5. Use incognito* or private* browsing mode.
  6. Use a different browser than the one you had used previously.
  7. Use a different computer or device.

If successful, it was likely a cache or browser issue rather than network issue. Should your attempts failed after completing the above steps, please connect to NTU VPN* (if you’re not on campus). Normally, connection to NTU VPN is not required as the authentication process should work outside the NTU network. If you are connected to NTU VPN and are able to successfully login, the issue lies with NTU’s authentication page and not with the blog platform itself. In this case, please submit a ServiceNow ticket*.

If all the above steps were unsuccessful, please report the error to us.

 

Errors

 

Login error refers to an attempt to access the Blogs@NTU platform without any success. If you are able to login to Blogs@NTU dashboard but are not able to access a specific blog, this is an access issue. Please make a request to the blog admin to add you to the blog. Here’s a few common reason for login errors. Click on the text below to find out more.

Verify the password. If you are able to login to our NTU network or NTU email account using the same password, it is correct. For NIE staff/students, please use your NIE network account password.

 

Use different browsers or computers or devices which you had never tried to login before. This will eliminate any possibility that the browser's password manager was not the cause of login errors.

 

Click on Use NTU ID button. The Guest Login link is not applicable to NTU and NIE users.

 

Use different web browsers or computers or devices to verify. Web browsers may be outdated. Some browser addons or extensions may have security issues or interfere with the authentication process. 

 

Request the blog admin to add you to the blog. Users must be registered to private blogs to view. 

 

If the user have not login before and are unable to login successfully, the username could be the issue. All users need to be registered to Blogs@NTU to access the dashboard or view private blogs. On rare occasions, the username was not registered correctly. Please submit an error report.

 

Please attempt to login later or the next day. If the issue persists, please submit a ServiceNow ticket*.

 

Please attempt to login later or the next day. If the issue persists, send us an error report.

 

 

Error reporting

 

To report an error, please contact us with the following details:

  • Your NTU email address.
  • Blog link that you were trying to access.
  • Screen captures or video grab leading to the error.
  • Error messages (if any).

Alternatively, you may make an appointment with us to troubleshoot the issue together. To make an appointment, please contact us your preferred date and time. We could meet you online via MS Teams or at our office during office hours. Our office location is at NS1-B3B-18. Go to CEE main office and take the lift at the middle of the spine. Alight at level B3. You will be able to see our office, Library Technology Group opposite the Environment Laboratory I.

 

External User

 

These are users who are not from NTU, NIE nor RSIS. Vendors and external contributors would fall under these group. 

All external users must login via our NTU authentication system using a valid NTU network account. In order to do this, blog admin (not Library) would need to apply for a temporary NTU network account on behalf of these external users. To apply, please submit a request to ServiceNow*. Once approved, blog admin may then add the external user to the blog. Click here on how to add users to the blog

Please note:

  • Issues arising from vendor’s design and development must be routed to the vendor or resolved by the blog admins themselves.
  • We don’t provide local or guest accounts for security reasons.
  • NTU alumni are considered external user but may use their alumni network account – as long as it is still valid.

 

Access in China

 

As far as we know, there are no restrictions accessing Blogs@NTU from China. Therefore, login to NTU VPN is not required. Our vendor, CampusPress, had hosted many international schools in China without any issues. Should you or your user encountered issues accessing Blogs@NTU from China, please report the error.

 

Blog Users

 

A valid NTU network account is required to access private blogs or a blog’s dashboard. NTU alumni without a valid NTU network account would not be able to login. Current NIE staff and students who were pre-registered as a user may login using their own NIE network account. Click here for info on external users who are not from NTU, NIE nor RSIS.

 

Blogs@NTU Roles

 

Click on the roles below to find out more.
 
Profile Edit own profile.
Media Library View all medias and delete all files.
Comments (Dashboard) View and moderate all comments.
Posts (Draft) Add new post and delete all drafts.
Posts Publish, edit and delete all posts.
Pages (Draft) Add new page and delete all drafts.
Pages Publish, edit and delete all pages.
Users View, add, remove, edit roles at own blog.
Appearance Access own blog's theme, menu and widgets.
Settings Access own blog settings.

 

Profile Edit own profile.
Media Library View all medias.
Comments (Dashboard) View and moderate all comments.
Posts (Draft) Add new post and delete all drafts.
Posts Publish, edit and delete all posts.
Pages (Draft) Add new page and delete all drafts.
Pages Publish, edit and delete all pages.
Users No access.
Appearance No access.
Settings No access.

 

Profile Edit own profile.
Media Library View all medias.
Comments (Dashboard) View all comments.
Posts (Draft) Add new post and delete own drafts.
Posts Publish, edit and delete own posts.
Pages (Draft) No access.
Pages No access.
Users No access.
Appearance No access.
Settings No access.

 

Profile Edit own profile.
Media Library View all medias.
Comments (Dashboard) View all comments.
Posts (Draft) Add new post and delete own drafts.
Posts No access.
Pages (Draft) No access.
Pages No access.
Users No access.
Appearance No access.
Settings No access.

 

Profile Edit own profile.
Media Library No access.
Comments (Dashboard) No access.
Posts (Draft) No access.
Posts No access.
Pages (Draft) No access.
Pages No access.
Users No access.
Appearance No access.
Settings No access.

Please note that this role is not the same with Email Subscribers.

 

 

There’s also a few roles that will be available only when certain plugins were activated. For example, activation of the MyClass plugin or Forum* plugin would automatically made additional MyClass roles or Forum roles available for selection.

 

Email Subscriber

Email Subscriber refers to a visitor who had voluntarily submitted their email at the blog for the purpose of being kept notified of any new posts or developments. These email subscribers could use any emails (official or personal) to subscribe. 

 

My Class User Roles

 

There are 2 additional roles when MyClass plugin is activated.

  • Teacher
  • Student

 

Teacher

Users added with ‘Teacher’ role will have access to all student project blogs attached to the main course blog. Only course blog admin may assign ‘Teacher’ role to users. Blog admin must first add the user as blog admin to the main course blog.

To assign Teacher role:

  1. First add user as blog admin via Dashboard > Users > Add Existing.
  2. Go to the main course blog Dashboard > My Class > Settings.
  3. Scroll down to section for Teachers and tick on the checkbox before the user’s name.
  4. Click Save button and wait until new ‘Teacher’ is being added to all associated student project blogs.

The ‘Teacher’ should be able to access all student project blogs via main course blog’s Dashboard > My Class > Student Blogs.

Student

The ‘Student’ role permissions are pre-determined by the course blog admin. The course blog admin may decide to allow or disallow the following rights for ‘Student’ role:

  • Switch themes.
  • Add/edit pages.
  • Add/edit posts.
  • Activate plugins.
  • Edit Settings, Theme Options, Widgets and Menus.

At the end of the project due date, course blog admin may wish to remove all the above ‘Student’ role permissions to stop further alteration in order to grade their work.

 

For more information, please click here.

 

Forum User Roles

 

There are 5 additional roles when Forum plugin is activated.

  1. Keymaster
  2. Moderator
  3. Participant
  4. Spectator
  5. Blocked

 

Keymaster

  • Create/edit all forums.
  • Delete any forums.
  • Create/edit all topics and replies.
  • Delete any topics and replies.
  • Manage tags.
  • Moderate forum with moderation tools.
  • Access to global forum settings, tools, and importer.

Moderator

  • Create/edit own forums.
  • Create/edit all topics and replies.
  • Delete any topics and replies.
  • Manage tags.
  • Moderate forum with moderation tools.

Participant

  • Create/edit own topics and replies.

Spectator

  • Can only read topics and replies.

Blocked

  • All capabilities are explicitly blocked.

 

For more information, please click here.

 

Leaving NTU

 

Upon leaving the University and cessation of NTU network account, blog users will no longer be able to access the blogs. The blog may be exported and imported to an external WordPress platform (such as wordpress.com) in XML format. Media files must be exported, imported and relinked manually. These must be completed before the deactivation of the user’s network account. We do not provide any support for external WordPress platforms including export/import and relinking services. Please note that external platforms may not provide the same theme and/or plugins.

 

Access after leaving

 

Upon leaving the university, staff and students may not be able to access the dashboard of their blogs as a valid NTU user account is required. Future additions or edits are no longer possible. We are not able to reactivate your NTU user account as this is under the management of CITS.

 

Before leaving

 

Please ensure that you had exported your blog before the cessation of your NTU network account. Should you wish to remove your blog, please contact us your request using your NTU email. Do note that removed blogs are not deleted but archived – meaning, it will not be viewable nor accessible. It may take search engines some time to fully remove the visibility of public blogs at their search results.

 

Archival of blogs

 

Blogs that were inactive for 2 or more years may be archived. Archived blogs are no longer accessible nor viewable publicly (for non-private blogs). Blog admins may request to unarchive their blogs by sending us an error report. Please include the blog link and your NTU email address.

 

Blog Admin

 

Administrators of the blog are also granted the following privileges:

  • Change the blog’s theme.
  • Access to Appearance options (menu, widgets and background).
  • View users registered to the blog.
  • Add user to the blog (user must already be registered to Blogs@NTU).
  • Change user’s role or remove the user.
  • Access the Settings options.
  • Export and import content to XML.

 

Add User to Blog

 

If you need to access a blog’s dashboard, please make a direct request to the blog admin. Blog admins could only add pre-registered users to their own blog. You will need the user’s NTU username or NTU email address to add.

To add users to your blog:

  1. Go to your blog’s Dashboard > Users > Add Existing.
  2. Key in user’s NTU username or NTU email and select the appropriate role.
  3. Click on Add Existing User button.

 

If you are not able to add the user, please do the following:

  1. Ask the user to login first. This will auto-register the user to Blogs@NTU.
  2. Once the login is successful, you should be able to add the user to your blog.

 

If the login was unsuccessful, please contact us with these details:

  • Your blog’s URL.
  • User’s NTU email or NTU username.
  • Assigned role (either admin, editor, author, contributor or subscriber).

 

If you wish to change the user’s role, please click here. To remove the user, please click here.

To add NIE users, please contact us for assistance.

Requests to add users to a blog without prior authorisation from one of the blog admins will be declined. In the event that blog admins were no longer contactable, please provide documentary proof to transfer the blog. For example, if no proper handover from previous committee was done, user may submit evidence of current membership.

 

Adding Many Users to a Blog

 

If you need to add many users (>10 users), the blog admin may send us a request for batch update. Please email us an excel file in the following format or use our template. All columns must be filled. Please use a valid NTU email address.

Blog Address Username Email Role Official Name
alpha-lab turner.paige turner.paige@ntu.edu.sg Administrator Paige Turner
alpha-lab parra123 parra123@e.ntu.edu.sg Contributor Libby Parra

 

Change User’s Role

 

Only blog admins may change the role of users that were added to their own blog.

To change user’s role:

  1. Go to your blog’s Dashboard > Users > All Users.
  2. Left-click on the tick box next to column “Username”. You can select multiple users to change their roles.
  3. At the top of the list, click on the box with the text “Change role to…” and select the user’s new role. 
  4. Click on the Change button.

 

If you want to remove the user, please click here.

 

Remove User

 

Only blog admins may remove users from their own blog. If you wish to change the user’s role, please click here.

To remove user(s) from a blog:

  1. Go to your blog’s Dashboard > Users > All Users.
  2. Left-click on the tick box next to column “Username”. You can select multiple users to change their roles.
  3. At the top of the list, click on the box with the text “Bulk Actions” and select “Remove”.
  4. Click on the Apply button.

Note:
Removing the user from your blog means that the user will no longer be able to access your blog’s dashboard. If your blog’s privacy setting was set to “Only registered users of this blogs can have access”, the user will not be able to view it. Removal of user by blog admins will not delete nor de-register the user from our Blogs@NTU platform.

If you had mistakenly removed a user, you may add the user back again. Click here to know how.

 

Guest Authors

 

Guest Authors are not registered Blogs@NTU users. These are profiles that does not have access to the dashboard – meaning, they are unable to add any posts. For example, if you are posting on behalf of non-NTU users and would like to attribute it to the external author. In order to enable Guest Authors, the Co-Authors Plus* plugin must be activated.

 

Add new Guest Author

  1. Go to Dashboard > Users > Guest Authors.
  2. Click on Add New button.
  3. Insert First Name, Last Name and Display Name.
  4. Click on Add New Guest Author button.

 

Insert existing Guest Author to post

You may insert as many authors to a post as needed.

  1. Edit the post.
  2. At the Authors panel, use the box to search for existing author.
  3. Click on the author’s name to add.
  4. Click on Update button at the Publish panel.

 

Exporting your blog

 

You may export your blog in XML format and import it to an external WordPress platform (such as wordpress.com). You must be the blog admin to do this. Please note that media files (images, videos, documents, etc) must be exported and imported to the new blog manually. Pages and posts that linked to these files must be relinked to its new location. To export, please go to Dashboard > Tools > Export. We do not provide any support for external WordPress platforms including export/import and relinking services. Please note that external platforms may not provide the same theme and/or plugins.

 

Delete Site

 

Only blog admins could delete their own blogs. The deletion process is automated and require an online request + confirmation. Back-up your blog (if needed) prior to deletion. Proceed with caution.

To delete, the user must ensure that the blog’s Administration Email Address (admin email) is accessible as a confirmation link will be sent to this email. The admin email could be found at Dashboard > Settings > General

 

Deleting your blog

Make an online deletion request:

  1. Go to your blog’s Dashboard > Tools > Delete Site.
  2. Tick on the box to proceed.
  3. Click on Delete My Site button.

Confirm the delete request:

  1. You will receive a confirmation email.
  2. Click on the link in the email to proceed. If you had changed your mind, do nothing.
  3. Once the link is clicked, your blog will be deactivated. 

 

Note:

  • As long as the confirmation link was not clicked, your blog will not be deleted.
  • Deletion means that your blog will no longer be viewable and accessible (including the dashboard).
  • If you are not a blog admin, please approach the blog admin.
  • For student project blogs, please make a request directly to the faculty.

 

Your Profile

 

Once registered as a blog user, you may edit your profile either via the top menu display name or via the dashboard.

Via top menu display name.

  1. Login to the blog.
  2. Move your mouse pointer to the top right corner (usually where your name is displayed).
  3. Click on the Edit My Profile link.

Via dashboard.

  1. Login to the blog.
  2. Go to Dashboard > Users.
  3. Click on the Your Profile link.

 

Display Name

You may edit the Nickname field and select the appropriate display name via the Display Name dropdown list.

 

About Profile Photo

 

Unless stipulated by the faculty or admin staff, you may upload photos of your own choosing. Please ensure that your profile photo does not infringe on any copyright or public decency laws. 

Preferred:

  • Recent clear photo of yourself.
  • Professionally taken.
  • Cropped tightly in a square.

Prohibited:

  • Photo of young children or infants.
  • Obscene or profane photos.
  • Copyright or trademark photos.

Please refer to our copyright guide to learn more. We reserved the right to remove the profile photo without consulting the user if it was found to violate any University policies and guidelines.

 

Adding a Profile Photo

 

It is best to edit the photo prior to upload. Ensure that the photo is right-side up, preferably square and 400×400 pixels maximum. 

 

Edit Photo

For Windows:

  1. Save the image on your desktop.
  2. Find the file and double left click on it. It should open using the app Photos.
  3. To rotate:
    1. At the top of the Photos window, you will see Rotate icon (next to the heart icon).
    2. Click on the rotate icon until it is the right side up.
  4. To crop:
    1. At the top of the Photos window, you will see the Crop icon (next to to the rotate icon).
    2. At the right panel, select the Aspect ratio to “Square”.
  5. Adjust the image accordingly.
  6. Click on the Save a copy button at the right panel (at the bottom) to save.
  7. Go to your Blogs@NTU profile and upload the image.

 

Upload File

You may only have 1 profile photo. To upload an avatar photo:

  1. Go to Dashboard > Users > Your Avatar.
  2. Click on the Choose File button and select the image file from your computer to upload. Only jpeg, gif and png file are accepted.
  3. Click Upload button.
  4. You will asked to resize the uploaded image. 
  5. Click on Crop Image button.

Uploaded image file will delete the previous photo. The system will not retain previous image files. 

 

Add Tooltip to Media

 

We have a Simple Tooltip plugin* which are used primarily for text. However, this could also be use for images. In order to use this feature, activate this plugin.

 

Using Simple Tooltip plugin

  1. Simple Tooltip plugin must be activated.
  2. Insert image.
  3. Click on image and go to the format toolbar.
  4. Find the chat icon usually on the right of the Toolbar Toggle icon.
  5. Key in the text at Tooltip Content.
  6. Click OK button.
  7. You will see the following shortcode between the image/video:

Demo: Hover your mouse cursor over the ‘line’ below the image and wait for a few seconds without moving.



 

Using Image Title Attribute

Here’s how to have text to appear when you mouse over the image.

  1. Click on the image then click on the edit pencil icon. A window will open.
  2. Under Display Settings, select Link To to “None”.
  3. Under Advanced Options, key in the text at Image Title Attribute.
  4. Click Update button.

This does not apply to embedded videos like YouTube.

Demo: Hover your mouse cursor over the image below and wait for a few seconds without moving.

 

Auto-Play Videos

 

Usually, videos will not auto-play upon page load. Some visitors find it intrusive or annoying when a video auto-play itself. Furthermore, visitor may need to restart the video from the beginning; which is counter-productive. 

Regardless, there are 3 ways to auto-play videos. 

 

Using Add Media

  1. Click on the Add Media button (above the content box).
  2. Select the video and click on the Select button.
  3. The content box will have a black rectangle with an play icon in the middle.
  4. Click on the rectangle box. 2 icons (pencil and an “x”) will appear at the top centre. Click on the pencil icon.
  5. At the Video Details, tick on the box for Autoplay.
  6. Click the Update button.
  7. If required, adjust height/width accordingly.

 

Using Divi’s Code module

Divi Builder must be activated.

  1. Add new module.
  2. Select the Code module.
  3. Copy the code below and paste it into the Content tab > Text section > Code box.
  4. Change the URL at “src” accordingly.
  5. If required, adjust height/width accordingly.
<video controls autoplay>
<source type="video/mp4" src="https://www.blogs.ntu.edu.sg/video.mp4">
</video>

 

Using Background Video

Not suitable for videos with audio or videos that would allow user control. Best suited for displaying a ‘moving’ background. Divi Builder must be activated.

  1. Click on Row Settings.
  2. At the Content tab > Background section > Video tab > click plus icon to Add Background Video.
  3. Locate the video and select it.
  4. Click on Upload A Video button.
  5. At the Design tab > Sizing section > Min Height > enter height of video.