WordPress 101

WordPress 101

Logging to My WordPress Site

a. Enter your login and password.
b. Click “Log In”.

Screen Shot 2017-11-15 at 9.13.11 AM.png


Using WordPress
Specifically, putting words on screen that will become the content for your website. We’ll cover how the Post and Page editors are the same—and how they’re different. We’ll cover what Posts and Pages are. We’ll talk about categories, tags, and how to use them to organize your content throughout your site. Let’s talk about the main content of the site Posts and Pages.

What’s My “Dashboard”?

a. The Dashboard is the first screen you see when you log into the administration area of your website. b. The dashboard gives you an at-a-glance overview of what’s happening with your website. c. From your dashboard (see above) you can get to your:

1. Website pages. Screen Shot 2017-11-15 at 9.20.49 AM.png

2. Media (Pictures/Images/PDFs) you have loaded.

3. Posts you have made to your blog.

Editing the Home Page

  1. The Home Page is broken into different sections, scroll to the middle of the page in the dashboard to the “Chosen Page Section” This is where you will find the elements or sections of the Home Page. From here, you can:
  2. Drag and drop sections to move or reorder
  3. Click into a section to edit it

Screen Shot 2017-11-15 at 9.40.01 AM.png

Editing the Board Meetings and Agendas Section on the Home Page

  1. Access this page by clicking the arrow to the right of the section in the “Chosen Page Section”, you will see the section dropdown and click “Edit”.
  2. This will open a new tab where you will see the content to be edited in this section.

    It is important to NOT change any of this html, except the Titles and the new PDF URL’s.

Screen Shot 2017-11-15 at 9.45.46 AM.png

  1. You will want to upload the pdf file to Media in the Dashboard
  2. Once the PDF has uploaded to Media, click on the file to edit. This will open a view so that you can see the PDF URL.

Screen Shot 2017-11-15 at 9.50.22 AM.png

  3. Highlight the URL, copy the link.

Screen Shot 2017-11-15 at 9.51.33 AM.png




4. Use the link that you just copied and take that back to the Edit Page Section “Board Meeting Packets & Agendas”
5. Remove the old PDF url and replace it with the new link you just copied. You can use CTRL C to copy and CTRL V to paste it into this section

Screen Shot 2017-11-15 at 9.55.53 AM.png

In this string of HTML you will only delete and replace this section:


Example

<aclass="pdf_download_small"href="http://piercek12.staging.wpengine.com/wp-content/uploads/2017/05/October-19-2017-Regular-Board-Meeting-Packet.pdf" target="_blank" rel="noopener noreferrer">October 19, 2017 Regular Board Meeting Packet</a>


Similarly, you will also need to edit the title of the button that the end user will see:


Example:

<aclass="pdf_download_small"href="http://piercek12.staging.wpengine.com/wp-content/uploads/2017/05/October-19-2017-Regular-Board-Meeting-Packet.pdf" target="_blank" rel="noopener noreferrer">October 19, 2017 Regular Board Meeting Packet</a>


6. You can Preview the Page before Publishing. You must click the button “Update” or your changes will be lost. Think of the Update Button as your save.

Screen Shot 2017-11-15 at 10.02.39 AM.png

By changing only those two items in the HTML string, you end result will look like this:

Screen Shot 2017-11-15 at 10.04.17 AM.png

Editing the Board of Trustees Meetings Page

  1. This process will be exactly the same as the instructions above. However, this page will be a little easier, because you won’t have to look into the HTML code because these do not have buttons.
  2. You will want to upload the pdf file to Media in the Dashboard
  3. Once the PDF has uploaded to Media, click on the file to edit. This will open a view so that you can see the PDF URL.
  4. Highlight the URL, copy the link
  5. Use the link that you just copied and take that back to the Edit Page Section “Board of Trustees Meetings”
  6. 5. Remove the old PDF url and replace it with the new link you just copied. You can use CTRL C to copy and CTRL V to paste it into this section
  7. While in the dashboard to edit this page, be sure to click the “Visual” tab in the upper right hand corner. This will allow you to see the page as if it were a word doc
  8. From here, you would simply add new content, change titles and/or replace hyperlinks
  9. Don’t forget to click Update to Save your changes

Screen Shot 2017-11-15 at 10.14.00 AM.png

Updating School Lunch Menus

  1. You will want to upload the pdf file to Media in the Dashboard
  2. Once the PDF has uploaded to Media, click on the file to edit. This will open a view so that you can see the PDF URL.
  3. Highlight the URL, copy the link
  4. Go to the individual school Dashboard
  5. Under Appearance Select Menus

  1. Screen Shot 2017-11-15 at 10.20.25 AM.png

         6. Replace the old PDF link with the new one you just added to Media
         7. Click Save at the Top and this will update the content on the site, no need to publish - the save button publishes the changes

Screen Shot 2017-11-15 at 10.23.00 AM.png

Updating Home Page Header Images
  1. In the Dashboard, go to “Slider Revolution”
  2. Scroll Down to “Revolution Sliders”
  3. Click on the image that says #1 Main_Slider
  4. Click the Media Library Button to Upload a New Picture or to Select from a Picture that is already in your Media Gallery
  5. Click the Green Save Button in the top right hand corner

Screen Shot 2017-11-15 at 10.32.07 AM.png

Adding a New Page to My Website

a. Click “Add New” from Pages Menu (see above). b. Your new page will look like the below. c. Add your content:
1. Web page Name/Headline.
2. Web page Text/Body Copy.
3. Click “Preview” to preview the content you have put on the page (NOTE: this does not mean it has been saved – to save you must click the “Publish” button).
4. Click “Save Draft” to save a draft of your page if you are still working, but are not ready for the page to be published to your website.
5. Click “Publish” to make a new page of your website live. 6. Click “Move to Trash” to delete your new page.

Screen Shot 2017-11-15 at 10.35.28 AM.png

Editing the Content on My Website

See diagram below to edit content on a page of your website:
1. Bold: You Can Bold the Subhead or Other Important Content (Highlight your text first, click “B” button).
2. Italicize: You can italicize a word or phrase (Highlight your text first, click “I” button).
3. Bullet List: You can bullet information (Highlight your text first, click bullet icon).
4. Numeric List: Or you can list them with numbers (Highlight your text first, click # list icon).
5. Alignment: You can change paragraph alignment to center, right align or left align (Highlight your text first, click paragraph line icon).
6. Links: You can add links to another page on your website or an outside website. (Highlight your text first, click link icon) (See FAQ #8 for more information).
7. Color Text: You can change the color of your text (Highlight your text first, click color “A” icon).
8. Add Images: You can add an image to your website. (Add media button) (See FAQ #6 and #7 for more information).
9. ALWAYS Update: If you make ANY changes to your website page, and want them to be saved - make sure to click “Update”.

Screen Shot 2017-11-15 at 10.36.52 AM.png



Adding an Image on My Website

a. Click the “Add Media” Button.
b. The “Insert Media” menu will pop-up (see below).
c. You can either: 1. Click on “Upload Files” and then “Select Files” to add a new image from your computer OR 2. Click on “Media Library” to add pictures you have already uploaded.

Screen Shot 2017-11-15 at 10.39.23 AM.png

Screen Shot 2017-11-15 at 10.39.31 AM.png

Adding Pages to the Menu/Header of My Website

1. Click on page to add.
2. Click “Add to Menu”
3. If you do not see the page you would like to add, click “View All”. This will list all your pages.

Screen Shot 2017-11-15 at 10.42.06 AM.png

3. Your new menu item will be added. You can drag and Drop the position of the Menu Item
4. Click “Save Menu” to save your changes.

Adding Sub-Pages to the Menu/Header of My Website

a. Follow earlier steps to get to your menu.
1. Click on menu item, hold down and drag to right of parent menu item.
2. Click “Save Menu”.

Screen Shot 2017-11-15 at 10.44.30 AM.png

Adding News Posts to Your Website

  1. From your dashboard, click on “Posts” or “News”.
  2. The Posts menu will pop-up. There you can:
  3. Add a new post. Click “Add New”.
  4. Edit a current post. Click on post in listing.
  5. Then your new/current post will pop up. Add your post content.
  6. Type your news post title.
  7. Type your news post content.
  8. Add a Category Tag
  9. Set Your Featured Image for the News Post
  10. Click “Update” to save your news post.

Screen Shot 2017-11-15 at 10.49.23 AM.png

Menu Troubleshooting

  1. Make sure the correct menu to edit is selected, you're in the right place.
  2. Click the dropdown and select "Main menu (Primary Menu), then click the select button to the right of the dropdown.
  3. The screenshot below is the incorrect menu if you were wanting to edit the home menu


Taking the Website from Staging to Live or Production

To push the content made in staging to the live site you will:

  1. Login using this link (this is the live or production site link)
  2. You will use the same login as staging
  3. On the Dashboard, hover over "WP Admin" and select "staging" from the dropdown menu


4. Click on the red button that says "Deploy Site From STAGING to LIVE"


5. From the Dropdown select "Move All Tables"

6. Click the red button at the bottom of the screen that says "Deploy to Production"





Thank you for reading! For more tips and guides on how to create content and edit your WordPress website, we recommend visiting WordPress's dedicated Help Center


    • Related Articles

    • How To Pull Over Blog Posts From Existing WordPress Site

      Steps for how to pull over blog posts from existing word press site. - Go to Tools option in admin panel first then click on sub menu "Export". - https://www.mindrocketmediagroup.com/wp-admin/export.php (image 1) - Where you will see posts options is ...

    • Customizing Your Wordpress Site

      Home Page Picture Header/Slider Go to Dashboard > Choose Slider Revolution on the left hand side > scroll down to select #1 Main_Slider > Click on the pencil to edit > Click the Media Library Blue button to change the Home Page Header Image > Click ...

    • How to Upload a Plugin on a Multi-Site WordPress

      You can tell customer to upload plugin on multi-site website by following the process below:  1. You need to go in My Sites 2. Select Network Admin 3. Click on Plugins 4. Click on "Add New" button it's next to the Plugins Title 5. Click Upload Plugin

    • Deploying Website from Staging to Live

      Best Practices All edits to your website should be done on the staging environment. Edit, preview, and save updates on the staging environment to keep a formal record or carbon copy of the current live environment. Usually, the staging URL is ...

    • Directories and Staff Profiles

      To update staff profiles online, find the Staff Profile section on the right navigation menu. Selecting Staff Profile will show you the list of all staff. If you need to make major updates to the directory template, please send the changes in an ...