Using WordPress to create faculty websites

How to get started working with your WordPress website and using the LAS WordPress theme.

Creating a site in WordPress

WordPress is a very common Content Management System (CMS) that is now being offered by the campus to make web publishing easier.  ATLAS has created an LAS specific design for WordPress sites in the college to help you get started.  WordPress is similar to other CMS (Drupal, SitePublish, etc) in that it doesn't require any special software be installed on your computer to update files.  All of the content on the site is created in the browser.  WordPress has two types of content it uses.  Pages and Posts.  All WordPress sites will use Pages to some degree.  Pages are the basic type of content you are probably used to.  They can contain any kind of information and are usually accessed by using a menu or from links in other pages.  If your site will be more of a Blog, with frequent updates and stories, you will also want to use the Post type.  A list of recent Posts will show on the front page of your website and can be made to show in other places as well.  They also include links at the bottom of them to point users to the next and previous posts on your site.  If you're uncertain about this, stick to Pages and leave Posts alone for now.  The formatting instructions below are the same for Pages and Posts.

Changing site-wide headings and images

  1. Go to your site and click the Site Login link in the footer and login with your netid and password
  2. In the black bar at the top of the screen click the Customize option
  3. To change the site title, (shown at the top of the site) or the tagline (shown over the header image on the front page) click the Site Identity option in the left sidebar and make your changes in the appropriate field.  You can see the effects of your change in real-time, but your changes will not be saved until you click the blue Publish button at the top.  To return to other settings click the < icon near the top.
  4. To change the header image shown on the top of the front page, click the Header Image option in the left sidebar.  You can also choose to have no header image by clicking the Hide Image button.  You can see the effects of your change in real-time, but your changes will not be saved until you click the blue Publish button at the top.  To return to other settings click the < icon near the top.  The ideal image size for the header section is around 2000px by 500px, though the upload tool will allow you to select only a section of an image if the one you upload is too large.

Adding Pages

  1. While logged into the your site, hover over the New option in the top black bar and choose the Page option
  2. Enter a title for your page.  This should be somewhat short and descriptive of what content will be on your page.
  3. The rest of the page is basically just a content section where you can add text, images, files, etc.  For information about this section, see the Formatting and editing page/post content section below
  4. Additional page settings
    1. To see what your page will look like before you save it, click the Preview button in the upper right.
    2. To add structure to your site, you can set a Parent by choosing one of the other pages in your site.  This does not currently impact the menu structure (see the Editing Menu Items section below) but will make it easier to find content in the Administration sections.
    3. The Featured image option associates an image with your page and will show the image on the right side of the page, pushing the other content to the left.

Formatting and editing page/post content

Content is added into pages (and posts) in WordPress using the formatting bar which includes options for bold, italics, lists, text alignment, links and other tools.
  • Adding text content
    • Textual content can be added by typing directly in the space or by copying and pasting content from existing websites.  When copying from another website, much of the formatting will remain, though some cleanup may need to happen.
    • Add structure to your page by using headings.  The dropdown on the left of the formatting bar (that defaults to Paragraph) can be changed to specify any level of heading.  It's best to avoid Heading 1 as that will be used by the page title.  It's also best to use headings in descending order and avoid using them simply for formatting sake.
  • Adding links to a page
    • Add the text that you want to turn into a link and select it then click the link icon (as in a link in a chain).  Type in the url of the page you want to link to.  If you are linking to another page on your site, you can begin typing the name of the page and click the correct option when it shows up.
  • Adding images and files
    • Images and files are treated similarly in WordPress as each are different types of Media. 
    • All media is added to the site using the Add Media button above the formatting bar. 
    • When clicking this button you will see any media you have uploaded previously. 
    • To add new media from your machine, click the Upload Files tab and choose the Select Files button or drag files from your computer into the box.  You may choose multiple files and all will be uploaded to the server.
    • Once the files are uploaded, you will be taken back to the Media Library tab.  Here you can select any media you want and choose the Insert into page button to embed the images and/or files into your page.
    • When images are inserted, they will default to a standard layout where they interrupt the text in the page.  To change the image so that the text flows around it it, click the new image and choose a different layout icon to place the image to the left or right of the text.  You can also choose to center the image.
  • Adding videos from YouTube
    • You can embed videos hosted on YouTube by clicking the Add Media button and choosing the Insert from URL option on the far left.  Simply past the URL of the video into the field and click Insert into page

To edit the main menu

  1. Hover your mouse over the name of the site in the black bar at the top of the page and choose the Menus option.
  2. You will see a list of recently created pages on the left side of the screen.  Check the box next to all of the ones that should be in the menu and click the Add to Menu button to move them into the menu.
  3. You may reorder the pages by dragging them.  You may also nest pages under others by placing them to the below and to the right of a "parent page".
  4. When finished, click the Save Menu button.

Keywords:WordPress   Doc ID:93440
Owner:Nate B.Group:University of Illinois Liberal Arts and Sciences
Created:2019-07-29 17:34 CDTUpdated:2021-02-01 13:55 CDT
Sites:University of Illinois Liberal Arts and Sciences
Feedback:  0   0