How To’s

Step by Step Guides

Follow along with these step by step guides if you are needing a refresher on how to update webpages.

As an layer of protection I won’t post the url for logging in on this page. Please contact us for the url to log in if you don’t remember.

  1. Once you are at the login page click on the blue OKTA button at the top. Do not use the first username and password box that you see and do not reset your password from this screen.
    WordPress login page where you select the OKTA button at the top.
  2. Enter your district credentials to login
    okta sign in fields for username and password
  3. The tabs that you will be working with are Site Kit, Event, Media, and People. The rest should be left alone unless you have specific training otherwise.
    wordpress dashboard toolkit

  1. Once you are logged in, to edit a page first go back to the user facing website by clicking the Merced College button at the top left of the dashboard.
    Merced College home button in dashboard
  2. This will take you back to the homepage of the Merced College website. from here navigate to the page that you need to update. Once you are on the page you need to edit click on the “Edit Page” button in the top black bar. If you do not see the Edit Page button then contact the web admin to update your role or to schedule training.
    Edit page button in top toolbar
  3. Once you have made the changes that you need to update the pages to the live site by clicking the “Update” button in the top right publish box in the editor.
    editor screen, select the "Update" button in the top right publish box.
  4. You can now view the live page to check the changes that you made. Either with the “View Page” button in the top black bar or a small popup will appear when you publish a page.  (TIP: If you hold CTRL while you click on the button it will open the page in a new tab. I like to do have both pages open so that I can edit and check my changes quickly. Just refresh the live page every time you make an update to see it.)
    wordpress editor select the view page option from the tool bar or from the popup that appears after publishing.

  1. Once you are logged in and on the page that you need to edit (follow the above guides if you need help doing this). You can get to the media folder in two ways:
    • Hold down CTRL and click on “Media” from the left hand menu.
    • Right click “Media” and select “Open link in new tab” from the left hand menu.
      left hand menu in wordpress where you select media
  2. Once you have it open in a new tab search for the folder for you area. If you don’t see a folder contact the web admin to help you create one.
    Enter folder name to search for the folder for you area.
  3. Now that you are in your folder either drag and drop the file from you computer on this screen or select ” Add New” from the top and upload the file.
    Select the add new button from the top of the media screen to upload your file.
  4. Once your file has finished uploading it will appear as a new thumbnail in the list. (Note: Some pdfs with images show up with a black background in the thumbnail, but the file itself will be fine. Just check it once you add it to your page to be sure).
    A new thumbnail will appear in the list once the file has finished uploading.
  5. Next, select the file that you uploaded and click the ” Copy url to clipboard” button.
    select copy url to clipboard button on the right side of the screen.
  6. Return to your tab where the page editor is open and you can update the url whether it is an inline link or in a component (follow the next tutorial if you don’t remember how to do this). Then Updated your page and check that the live version is accurate. You may need to clear your cache if it is the old file that is showing up.

Updating a Link

  1. Once you are logged in and on the page that you need to edit (follow the above guides if you need help doing this). Find the link that needs to be updated and click on it. You will see a small window popup near the link. Press the edit pencil.
    select the edit pencil when you click on the link you need to edit.
  2. Paste in the new link url and select the blue arrow button or press enter on your keyboard.
    paste in the new link and press the blue box with an arrow.
  3. Update the page from the publish box and check your new link.

Creating a New Link

  1. Once you are logged in and on the page that you need to edit (follow the above guides if you need help doing this). go down to the section of text that you would like to add a new link to. Highlight the words that you would like to turn into a link then select the link button from the tool bar or Press CTRL+K.
    highlight text and select the add link button
  2. You will see a small box appear and here is where you will paste the URL. Enter the blue apply arrow or press enter on your keyboard when you are done.
    Paste the new link into the small popup and press the blue apply button.
  3. Update the page from the publish box and check your new link.

Updating a Link

  1. Once you are logged in and on the page that you need to edit (follow the above guides if you need help doing this). Find the link that needs to be updated and click on the pencil.
    select the pencil next to the link.
  2. Update the URL and/or Link Text fields and press update.
    Update the URL or Link Text fields and press update.
  3. Update the page from the publish box and check your new link.

Creating a New Link

  1. When adding a new link to a component field find the component in the editor that you need to add one to. There will be a built in button “Add Link” select that and then add the URL and Link Text like the steps above. (NOTE: some components will only allow so many links).
    Add component link