Rampages Video Tutorials

Video 1: Account & Site Creation (3:33)

  1. Go to: http://rampages.us/
  2. Click “Create an Account”
  3. Select your username (you cannot change this later)
  4. You must use your VCU e-mail address
  5. Make sure “Gimme a site!” is selected
  6. Click “Next”
  7. Select your site name, also known as your URL (you cannot change this later)
  8. Select your site title (separate from your site name, and unlike it, you can change this later)
  9. Make sure “Basic Site” template is selected
  10. Click “Sign-Up”
  11. Write down your username & randomly generated password
To change your password…
  1. On the top right, hover over your name, and select “Edit My Profile”
  2. Under “Account Management”, select “Generate Password”
  3. Type in your new password
  4. If WordPress determines that the password is too weak, either choose a stronger password, or select “Confirm use of weak password”
  5. Click “Update Profile”

Video 2: Accessing the Back End/Dashboard (3:01)

Accessing the Back End: Method 1
  1. Go to: http://rampages.us/
  2. Click “Login”
  3. Enter your username and password
  4. You will be redirected to the RamPages home page
  5. On the banner across the top of the screen, hover over “My Sites”
  6. Hover over your site name, then select “Dashboard”
Accessing the Back End: Method 2
  1. Go to: http://rampages.us/your-site-name/wp-admin
  2. Enter your username and password

Video 3: Basic Setup—Cleaning Up the Appearance (3:33)

  1. If there’s a Jetpack banner across the top of your Dashboard, close out of it
  2. Go to “Appearance” > “Themes”
  3. In the search bar, type “responsive cyberchimps
  4. There should only be one result. Hover over it and click “Activate”
  5. Go to “Posts” > “All Posts”
  6. Hover over the sample post “Hello World!” and click “Trash”
  7. Go to “Pages” > “All Pages”
  8. Hover over the sample page “Sample Page” and click “Trash”

Video 4: Basic Setup—Customizing the Appearance (7:25)

  1. Go to “Appearance” > “Customize”
  2. Click “Site Identity”–here is where you can change your site title, if you choose
  3. Either remove the tagline, or edit it to reflect your site
  4. Click “Save & Publish”
  5. Go back to the Customization menu
  6. Click “Colors”
  7. Click “Select Color” under “Background Color”
  8. Select a color
  9. Click “Save & Publish
  10. Go back to the Customization menu
  11. Click “Header Image”
  12. Click “Add New Image”
  13. Drag and drop the selected image into the upload box, or click “Select Files” and select your chosen photo
    1. You may use any appropriate photo that is not copyright-protected. A good resource for this is https://unsplash.com/
    2. Note that the file should be 1260 x 420 pixels before uploading
    3. If you have issues resizing your photo, email your chosen photo to wsmc@vcu.edu with the subject line “Rampages Photo Resize Request” and we will resize it for you, and send it to you to upload to your site. (Note that manipulating the photo into the correct size may require us to crop out some portions of the photo, and a horizontally-oriented photo will lend itself better to resizing than a vertically-oriented one.)
  14. Click “Select & Crop”
  15. Click “Skip Cropping”

Video 5: Creating the Home Page (6:44)

  1. Go to “Pages” > “Add New”
  2. Title it “Home”
  3. Under “Page Attributes”, change the Template to “Full Width Page (no sidebar)”
  4. Enter your welcome message into the Visual Box, either by typing it in directly, or by copying it (ctrl+c) & pasting it (ctrl+v) into the box (Make sure that your welcome message adheres to the guidelines provided by your professor and syllabus.)
  5. Click “Publish”
  6. Once you’re satisfied with your text, click your cursor at the very beginning of the text, so that the flashing cursor line appears there
  7. Select “Add Media” (above the Visual Box)
  8. Drag and drop the selected image into the upload box, or click “Select Files” and select your chosen photo
    1. Make sure to choose a relevant image, according to your instructor’s guidelines; a photo of yourself, for example
  9. Under “Attachment Display Settings”, change “Link To” to “None”
  10. Click “Insert into page”
  11. Resize the photo, if necessary, by clicking on it and dragging the edges of the photo to down- or up-size it
  12. On the toolbar that appears with the photo selected, click “Align Right” (third button from left)
  13. Click “Update”
  14. Click “View Page” to see if it’s to your liking. If so, you’re done. If not, fiddle with the text and image until you’re satisfied with it
  15. Go back to the Dashboard (can be found under your site name, which is on the banner across the top)
  16. Go to “Settings”> “Reading”
  17. Under “Front page displays”, select “A static page” and change “Front page” to “Home”
  18. Click “Save Changes”

Video 6: Creating the Personal Statement, Activities, and Blog Pages (7:05)

Personal Statement Page
  1. From the Dashboard, go to “Pages” > “Add New”
  2. Title it “Personal Statement” (or “About Me”–just something relevant to the content and easy for your professor to find)
  3. Enter the English version of your personal statement into the Visual Box, either by typing it in directly, or by copying it (ctrl+c) & pasting it (ctrl+v) into the box (Make sure that your personal statement adheres to the guidelines provided by your professor and syllabus.)
  4. Hit “Enter” to start a new paragraph
  5. On the toolbar, click “Horizontal line” (it’s around the middle of the toolbar)
  6. Enter the Spanish translation of your personal statement below the line
  7. Under “Page Attributes”, change the Template to “Full Width Page (no sidebar)”
  8. Click “Publish”
  9. Click “View Page” to ensure that it turned out correctly and you’re satisfied with the appearance
Activities Page
  1. Go to “Pages”> “Add New”
  2. Title it “Activities Page” (or “Class Activities”–just something relevant to the content and easy for your professor to find)
  3. Under “Page Attributes”, change the Template to “Full Width Page (no sidebar)”
  4. Click “Publish”
  5. Don’t worry about adding any content yet, just make sure this page exists on your site
Blog Page
  1. Go to “Pages”> “Add New”
  2. Title it “Blog”
  3. Click “Publish” –do not change the template on this page; for this one, we want the default template
  4. Go to “Settings” > “Reading”
  5. Like you did for the Home page, under “Front Page Displays”, change “Posts Page” to “Blog”
Fix the Header Menu (optional but highly encouraged)
  1. On the banner across the top of the screen, hover over your site name, then click “Menus”, or go to “Appearance” > “Menus”
  2. Title the menu, something like “Header Menu”
  3. Click “Create Menu”
  4. Under “Menu Settings”, select “Header Menu”
  5. Select all four pages and click “Add to Menu”
  6. Click and drag so that the pages are in the following order: (1) Home (2) Personal Statement (3) Activities Page (4) Blog
  7. Click “Save Menu”

Video 7: Blogging—The Basics (10:18)

How to Add a New Blog Post
  1. From the Dashboard, go to “Posts” > “Add New”
  2. Title the blog post whatever you’d like
  3. To expand the toolbar, click the button on the far right of the toolbar, “Toolbar Toggle”
    1. The Toolbar, and indeed the entire Visual Box, works very much like Word, so feel free to experiment with it
  4. Again, you can type directly into the Visual Box, or copy-and-paste into it
  5. To add photos, videos, etc., click “Add Media”
  6. Drag and drop or select a file to upload it
    1. Note that the media will appear wherever your blinking cursor was when you clicked “Add Media”
    2. You can move the media by clicking and dragging, and resize photos by selecting them and up- or down-sizing by dragging the corners
 
How to Capture a Screenshot
While speaking to your Teletandem partner, you will want to grab a screenshot for your blog post. To do so…
  1. Find the Print Screen button on the keyboard printscreen
  2. When you’re ready to take your screenshot, press the Print Screen button (this while take an image of your screen and copy it to your clipboard, but there will not be any on-screen flash or anything to indicate that the photo has been taken)
  3. Paste the screenshot into Paint, so you can save it as an image file
  4. Go to “Save As” and save it as a .PNG file
  5. Upload it to your blog post via “Add Media”
 
How to Assign Categories to Organize Your Blog Posts
You can add a new category directly from the “new/edit post” page.
  1. Under “Categories” (to the right), select “add new category”
You can also add and manage categories more directly.
  1. Go to “Posts” > “Categories”
  2. To add a new category, type in its name under “Name” and decide if you want it to have a Parent Category (meaning it would be a subset of a larger category).
    1. If so, select the parent category under “Parent”
    2. If not, leave it marked as “None”
To assign a category–or multiple categories–to a blog post, simply check them off under the “Categories” tab on the right of the screen, from the “new/edit post” page.

Remember, if you have any further questions, feel free to ask us at the lab! We’re here to help.