Formatting Citations/Footnotes: Word to WordPress

Once your group has finished writing your post, if it’s not already assembled and saved as a Microsoft Word document, do so. Make any final edits and format all your post’s citations as footnotes. When you’re ready to transfer to WordPress, do the following.

  1. Select All, Copy, and Paste the entire formatted Word document into the blank box of a new WordPress post. Do not “paste without formatting.”
  2. Once pasted, all the footnotes should retain their proper links. To test, view the post in “Preview” (the white button in the upper right-hand corner). The links should allow you to “jump” between the in-text citation and the footnote when clicked.
  3. Save the post. Keep any additional edits minimal and limited to grammar, minor word changes, etc. Should you need to make significant changes, start back with your original Word document and paste a fresh version into the WordPress post.

Creating a page jump/anchor link from scratch:

This method is only recommended if you absolutely cannot get the Word to WordPress copy/paste process to work or if you have specific cases in which one-off page jumps are necessary. Page jumps/anchor links allow you to move to different spots on a webpage without scrolling. Ex: Clicking on a subheading on a Wikipedia page that takes you further down the page to a specific section. NOTE: These are not hyperlinks that take you to other pages/posts.

If you need to implement this action, follow the official WordPress documentation explained here: https://en.support.wordpress.com/splitting-content/page-jumps/2/

(If any images are hard to read, you can enlarge by clicking on them.)

BEFORE YOU CREATE A POST…

*Inform your TA in the course what Topic you’ve chosen, and the ones you’ve not chosen.

To log in…

On front page, click on Log In. You will then be prompted to give the ONYEN and password you use for everything else UNC-related. Once logged in you’ll see what’s called the Dashboard.

Adding a Post…

Start on the Dashboard (or the back-end of the class website). Hover your cursor over Posts and then click “Add New”.

Write and edit your post…

  • You will need a Title in the top field
  • You can Edit and style the look of your text just like in Microsoft Word or whatever app you use to write papers.
  • You can Add Media (see sections below for instructions)
  • You MUST assign your Post to a Category (you need to tell your TA what Topic you’ve chosen so it can be added as a Category/Topic. If you do not, it won’t appear on the website under the appropriate Topic. In other words. Categories = Topics.
  • You Must click Publish when you are finished. Until you are finished, you can Save a Draft or Preview your page before you Publish. See detailed instructions at the bottom of this page.
  • Sign your post (even if your ONYEN reflects your given name.) OR Go to your User Profile (left-hand column), then “Your Profile” and fill out your full name. Afterwards your full name will appear at the top of your post. 

Adding text…

  • I think adding text is pretty straightforward, however, for more advanced techniques, fiddle around with the drop-down button at the top left to change the size of headings (for instance, this text is formatted as “Heading 4”.) Also, if you click on the button at the top right  you can change the formatting of text.

Adding photos/images…

  • IMPORTANT: Ideally, please keep files sizes uploaded to the class media library, about 2 MB or so, and 300 and 600 pixels wide. 72-144 DPI. [More on image resolution here. We are asking for slightly higher quality.]
  • Somewhere on your page you may want to add a photo (for other media files, see a section below). Click on “Add Media”.
  • Choose the “Upload Files” tab and click on “Select Files” (or if you’ve already got your file selected in a finder window on your computer, drag it in.
  • It will prompt you to choose a file on your computer.
  • It then loads it into the site’s Media Library. Once loaded, click the blue “Insert into page” button.

  • Once the image has been imported into your page, use the formatting buttons to format how you want the image to look in relationship to your text. For instance, in this page, I have chosen this formatting which places it in the page, on the left, free of text on the left or right sides. If you want to wrap text around your image like you might see in a newspaper or magazine, just play around with the other formatting buttons.
  • Now click on your image and choose the pencil button. 
  • Here you can change the size of the image, orientation on the page, etc. Add your caption in the Caption field after you’ve clicked on the photo to edit it or right when you upload it. Also, give the photo a memorable name so you can find it again, and importantly make “Link to” say “Media File” and check “Open link in a new tab.” This will open your image in a new tab, which is nice because it allows a viewer to really examine it. Make sure you hit the blue “Update” button.
  • For adding images from a primary document (as the librarian); for an image from a book (cite book, author/photographer, page number);
  • For adding images from the Internet: make sure to give your image a title, and give the website’s name, the creator/photographer’s name, and the exact URL where you found it. 

Using audiovisual media in your post…

  • First, you’ll need to upload a video file to either YouTube or Vimeo or for audio, a streaming service like Soundcloud. You cannot upload video or audio clips directly into Wordpress. Once that’s done (set privacy settings to public or unlisted) cut/paste the URL directly into your page. 
  • For more advanced students, you can also customize the height/width of the player and its alignment by using a short code, see here: https://en.support.wordpress.com/videos/youtube/ 

How to add a hyperlink…

Important: Change your static URLs into live links whether in your essay or in the in the endnotes/bibliography section of your post.

  • Example: When adding the link: New York Times Obituaries. I wrote the text, then italicized it (because it’s a publication), then highlighted it. Then I clicked then the link button above in the formatting bar — looks like a chainlink). 

 

  • Once you’ve done that you’ll get this pop-up. 
  • First click on the white arrow in the blue box. Then click on the black gear button in the white box and you see this screen. Check the box next to “Open Link in a new tab” and update.

How to Save Drafts, Preview, Publish, and return to a post to Edit…

  • *You must click either the blue “Publish” button, or alternatively if you’ve already done this, “Update” on the right-hand side of the workspace. “Preview Changes,” above that, will allow you to view your page before you commit to the changes. “Save Draft” will allow you to return to your post before you publish it.
  • To return to a post to edit… go to the Dashboard and click “All Posts”, then click on “Mine” 
  • You will then see all of the drafts or posts you’ve written.