Skip to content

Log In

As an employee of Texas A&M University-Commerce, you should already have a contributor account on the website. You will just need to log in with your university credentials.

To log in go to new.tamuc.edu/admin

Use the ” Sign in with TAMUC SSO” button

Screen-Shot-2019-05-24-at-2.49.56-PM

Use the same username and password you use for your email and computer.

You will see the Admin Dashboard.

The following video illustrates the login process:

Back to menu Scroll to top

Edit a Page

To edit the content on a webpage, go to the edit screen for that page by following these steps:

Because you are logged in, you will see a black bar at the top of the live website.

Click the “Edit Page” button on that bar.

page

You will be taken to the edit screen for that page.

Back to menu Scroll to top

Work with Blocks

All content in WordPress is divided into blocks. There are many different kinds of blocks: Basic blocks include paragraphs, images, columns, buttons and lists. There are also blocks that dynamically display content such as sections, FAQs, people and programs.

Add a Block to the Content Area

To add a block of information, click one of the “Add Block” buttons on the section edit screen.

You will find the “Add Block” buttons in three places (see the explanation in the sections below). One of the “Add Block” buttons is found near the top left corner. It is a plus sign with a circle around it.

When you click on it, a list of all of the available blocks appears.

Use the “Search for a block” field to type in the block you are looking for.

Screen-Shot-2019-05-27-at-10.51.24-PM

Select your desired block by clicking on it. The block is added to your content area.

Change the settings for your block in the “Block” tab in the right column of the edit screen.

Screen-Shot-2019-05-27-at-10.52.42-PM

Select “Update” to save your changes.

Locate the “Add Block” Buttons

“Add block” buttons are accessible in multiple places on the section edit screen.

Near the top left corner of the edit screen

Click on an existing block to select it.

Click the “Add Block” button in the top left corner of the edit screen.

Screen-Shot-2019-05-27-at-10.56.20-PM

After you create your new block, it will appear below the block you selected.

The bottom of the content area

Hover the mouse below the last block in the content area.

The “Add Block” button appears in the left margin of the content area.

Screen-Shot-2019-05-29-at-12.19.29-PM

Click the “Add Block” button.

After you create your new block, it will appear at the bottom of the content area.

Between two blocks

Hover your mouse between any two blocks.

A blue “Add Block” Button appears between the two blocks.

Screen-Shot-2019-05-27-at-11.00.40-PM

Click the “Add Block” button.

After you create your new block, it will appear between the two existing blocks.

This YouTube video provides more information about blocks:

Back to menu Scroll to top

Work with Sections

Each page is comprised of sections which break up the page into different topics and make it easy to navigate quickly.

Edit from the Section Edit Screen

While you are logged in, an edit link is available at the top right of each section of the live site. Click on the button to be taken to the section edit screen.

Screen-Shot-2019-05-29-at-12.42.38-PM

On the edit page, make any changes you wish to make.

Click the blue button in the top right corner to update the website with your changes.

Create a New Section for a Web Page

Because you are logged in, you will see a black bar at the top of the Admin Dashboard. Hover over the “+ New” button in the top bar and select “Section.”

Screen Shot 2019-05-21 at 11.50.27 PM

Add the title and content to the section by typing it in or copy/pasting from another document.

In the “Document” tab on the right, select the stages, levels, interest and sites that apply.

Screen-Shot-2019-05-24-at-2.56.21-PM

Tip:

If you do not see the “Document” tab, click on this icon Annotation 2019-05-24 171040in the top right corner and the Document tab will drop down.

In the Document tab, select the page you would like to add your new section to by following these steps:

  • Click the “Section” category to expand the list.
  • Under “Parent Pages”, in the search box, begin typing in the name of the page and then select the correct page. Your selection will appear in the white box to the right of the search box.
Screen-Shot-2019-05-27-at-11.25.49-PM

Click the blue button in the top right corner to update the website with your changes.

Note: To add your new section to the live website, please continue with the “Add a Section to a Page” instructions below.

Add a Section to a Page

Go to the page edit screen for the page that you plan to add your new section.

Locate the place on the page where you would like add your new section.

Click an “Add block” button.

Screen-Shot-2019-05-24-at-3.03.10-PM

A search bar and a list of options will appear. Search for and select the “TAMUC – Section”

Screen Shot 2019-05-24 at 3.04.37 PM

In the right column under Content Part, search for and select the name of the new section that you would like to add to this page.

Screen-Shot-2019-05-27-at-11.34.42-PM

When the name of your section appears, select it to add the section to the page.

In the top right corner, click the blue button to submit your changes.

Reorder Sections on a Page

If you want to reorganize a webpage, you can easily move the “TAMUC – Section” blocks up and down the page just like any other block.

Go to the page edit screen.

Hovering over any section reveals two arrows on the left side of the section.

Screen Shot 2019-05-21 at 10.14.19 PM

Click the arrows to move the section up or down one position on the page.

In the top right corner, click the blue “Update” button to publish your changes.

Back to menu Scroll to top

Work with FAQ's

An FAQ section is included at the bottom of most of the university’s website pages. Each FAQ section includes several common questions and answers about a specific topic or category.

Edit an FAQ

When you are logged in, an edit button is displayed next to each FAQ on the live website.

Screen-Shot-2019-05-24-at-3.13.42-PM

Click the edit button next to the FAQ you would like to edit.

You will be taken into the edit page for that FAQ in WordPress.

Make edits to the blocks on the left and document settings on the right.

Take note of the “FAQ Categories” that are selected.

In the top right corner, click the blue “Update” button to publish your changes.

Create a New FAQ

Because you are logged in, you will see a black bar at the top of the live web page. Hover over the “+ New” button in the top bar and select “FAQ”.

Screen-Shot-2019-05-27-at-10.39.51-PM

Type a question in the title field and the answer in the body text field.

Screen-Shot-2019-05-27-at-10.44.57-PM

In the right column under the “Document” tab, select the appropriate “FAQ Categories.” Click “Add new FAQ Category” to create a new one. FAQs are automatically listed in any “TAMUC – FAQ” blocks with matching “FAQ Categories”.

Screen-Shot-2019-05-27-at-10.45.58-PM

In the “Document” tab on the left, select the stages, levels, interests and sites that apply.

In the top right corner, click the blue button to publish your changes.

Add FAQ’s to a Section or Page

After you create a new FAQ, you are ready to add it to the live web page.

From the page edit screen, click an “Add block” button

A search bar and a list of options will appear. Search for and select “TAMUC – FAQ”.

Screen Shot 2019-05-21 at 10.07.04 PM

In the right column under the block tab, select the appropriate “FAQ Categories”. FAQs are automatically listed in any blocks with matching “FAQ Categories”.

In the top right corner, click the blue button to submit your changes.

Back to menu Scroll to top

Work with Buttons

A button is a useful way to link the reader to other sections of the page, other pages or other websites.

Create a Standard Button:

In the page edit screen, click the “Add block” button.

Screen-Shot-2019-05-24-at-3.03.10-PM

A search bar and a list of options will appear. Search for and select “Button”. A black button will appear.

Screen Shot 2019-05-21 at 9.53.32 PM

Click on the button and type the words that you want to appear on the button.

In the “Paste URL or type to search” field below the button shape, type the page name or the web address of the page you would like to link to. Click the “Apply” arrow key (to the right of the URL field) to create the link.

In the Styles section in the right column under the “Block” tab, select a style for your button.

Click the blue “Update” button.

Create a Big Button with Photo

This type of button is generally displayed in columns.

In the page edit screen, click the “Add block” button.

Screen-Shot-2019-05-24-at-3.03.10-PM

A search bar and a list of options will appear. Search for and select “TAMUC – Photo Button”.

Screen Shot 2019-05-21 at 11.10.09 PM

Add the Text, Image, and URL in the “Block” tab in the right column.

Big Button
priderock

Click the blue “Update” button in the top right corner to save your changes.

Back to menu Scroll to top

Link to a section on the same page

Sometimes it is helpful to link to sections of the page that are above or below the current section on the same page. This is called an anchor link.

Open a new page in your web browser.

Go to the live website and find the section of the page that you would like to link to.

Click on the “Copy a link to this section of the page” button in the top right corner of that section.

Screen Shot 2019-05-21 at 11.41.48 PM

Go to your section edit screen and highlight the words you would like to hyperlink.

After you highlight the words, a tool bar will appear. Click on the link icon.

In the URL section that appears, paste the section link URL that you copied.

Delete everything before the # sign in the URL.

Click the “Apply” arrow (to the right of the URL section) to save the link.

Click the blue Update button in the top right corner.

Clicking the link (i.e. anchor link) will scroll the user up or down the page.

Back to menu Scroll to top

Work with Images

Add an Image

In the page edit screen, click an “Add block” button.

Screen-Shot-2019-05-24-at-3.03.10-PM

A search bar and a list of options will appear. Search for and select “Image”.

Upload an image or select an image from the library. Alternatively, you can just drag and drop an image directly from your desktop onto the edit page to upload it.

Wrap Text Around an Image

After you add an image to your section, you can wrap text around it.

Type in “Alt text” (Alternative Text) under the “Block” tab on the right. Alternative text describes your image to people who can’t see it. Add a short description with its key details.

Screen Shot 2019-05-21 at 10.45.52 PM

Move the image above the text using the up arrow that appears when you hover your mouse over the image.

Screen Shot 2019-05-21 at 10.43.53 PM

Click on the image and choose the “Align Left” or “Align Right” buttons.

Screen Shot 2019-05-21 at 10.44.46 PM

Drag the blue circles to resize the image.

Click the blue “Update” button in the top right corner to save your changes.

Back to menu Scroll to top

Duplicate Pages with Sections

Select a page to duplicate.

Open the page or program to copy in the editor

edit_page

Enter a name for the duplicate.

enter_name_and_confirm

After entering a name, check confirm.

Update the page or program to save the name.

update_page

Finally, click Duplicate Post.

duplicate_post

You will be redirected to the copy and can start editing.

page_title

The page title will be changed to the new name, and copied not edited will be at the end.

section_name

Each new section title will be composed of the new page name, the old section name, and copied not edited.

Tutorial Video

Back to menu Scroll to top

Fill Columns with Images

Use these instructions to fill a column with an image. If the column also has content, do not use these instructions.

Change an existing image

Screen Shot 2019-07-10 at 10.22.17 AM
  1. Select the image.
  2. Select the pencil to edit the image.
  3. Select the new image.
  4. Update the section.

Take care to not accidentally delete the image block.

Screen-Shot-2019-07-10-at-10.41.14-AM

Add an image to fill a column.

Screen Shot 2019-07-10 at 11.28.12 AM

1. Select the empty column.
2. If a background image exists, obtain the file name by right clicking and copying the url from the block settings.
3. Delete spacer block if it exists.
4. Insert image block and select image.
5. While the image block is selected, add the Additional CSS Class image-fill.
6. Remove all padding on the parent column.
7. Update the section.

Choosing an image that is tall and thin will cause all columns to be tall. Only do this if the image needs to be highlighted.

Image Block > Advanced > Additional CSS > "image-fill
Image Block > Advanced > Additional CSS > “image-fill
Disable all column padding
Disable all column padding
Back to menu Scroll to top
Navigate This Page