WordPress教程

This WordPress tutorial was created to guide for 教育研究 faculty, 工作人员, and students as they create posts for publication on the Trinity Ed Studies website.

This College-wide WordPress site is administered by the Trinity Communications Office, and this section of the site is managed by the 教育研究 Program. See more detailed instructions by the Communications Office at http://7yg3v.025612.com/wp-content/uploads/2020/12/Editing-in-WordPress-2020.pdf

Initial author login and access:

Go to the Trinity Ed Studies WordPress admin link: http://7yg3v.025612.com/educ/wp-admin/

Click “one-step authentication” and enter your Trinity credentials

Initially, the site will say “you do not currently have privileges on this site,” which is normal. 初次登录后, the Trinity Communications WordPress administrator will change your access to “author” level so that you can create posts. The next time you log in, you should be able to view the Dashboard.

Dashboard and Create New Post (Blog):

When you first log into the Trinity WordPress, you may need to navigate to My Sites > Center for 哈特福德 Engagement and Research > Dashboard.

在WordPress平台, a “Page” appears permanently in one location, but a “Post” (or “Blog”) is sorted in chronological order, 最新的在最上面. To start a new WordPress post, go to Blog > Add New.

列出多个作者:

Unlike Google Docs and other digital tools that support multiple and simultaneous authors, this Trinity WordPress platform allows only 一个作者 to create and edit a post (blog).

However, the creator can list names of multiple authors in the Author field.

Paste clean text, use headers, and insert links:

When you copy and paste text from Google Docs or other word-processing files, use the Paste as Text button to remove unneeded formatting.

Use pre-formatted headers to organize sections. Trinity Communications asks that you do NOT use colored text or other font decorations.

Insert links to relevant websites.

You may need to toggle between the Visual / Text (Code) views to fix WordPress formatting issues.

关于正文中的加粗字体:

Although the Trinity Communications WordPress platform supports body text in 像这样加粗, their settings do not make this style stand out when you preview the page online. Unfortunately, we cannot adjust the Trinity Communications settings. So consider alternative solutions to draw attention to a key phrase in your writing:

a)尝试使用 粗体+斜体 同时.

b) Try inserting a link into the key word, such as Media, to jump to an anchor link with a glossary of key terms below. (学习锚的链接下面进一步.)

Save Draft and Preview (but WAIT to Publish)

在右边, see controls to save your draft, and right-click the button to Preview Changes in a new tab. However, do not press the Publish button until you are instructed to do so.

添加静态图像Media:

Prepare JPG or PNG files with clear file names. 为了你职位的顶端, header image minimum dimensions are 1440 x 617 px (width x height in pixels), but larger sizes such as 1600 x 1200 px also would work fine here. 为你的职位的主体, try to avoid excessively large images (more than 1-2 MB in size or larger than 1500 px width or height since they will be reduced in size by WordPress.

Click the Add Media button at the top, 上传图片, and in general use the default “no alignment” setting, which places your images on the left margin without text wrap.

In general avoid text wrap in WordPress unless your image is very small and is intended to sit alongside a paragraph that describes it.

Always credit the source of images created by other people by using the caption field, and link to the original if needed.

你不妨写一个简单的HTML链接 inside the caption field to point to the source. Hint: If you’re unfamiliar with HTML, write the caption in the body of the post, 添加链接, then cut and paste the caption-with-link into the “Caption” field of the image editor.

嵌入交互式iframe

To insert an interactive table, chart, or map on a web platform, you need to understand the concept of embedding an iframe, which means to seamlessly display one web page inside another web page.

第一个, copy the published link of the interactive table, chart, or map you wish to display. Reminder: Do NOT copy the entire embed code offered by some visualization tools. 复制链接.

第二个, 输入方括号, “iframe”这个词, and the source (src) of the link inside quotation marks, similar to the example shown below:

第三, save your work and click Preview to see the embed code in action, which should appear as a seamless interactive element in WordPress, 类似于下面的例子. Always insert some explanatory text below to act as a “caption”, 可能是斜体, and insert the direct link for readers who wish to view the 全尺寸的版本.

Sample embedded iframe of a Datawrapper chart. 查看全尺寸的版本.

Embed YouTube or Vimeo streaming video

If you have uploaded streaming video to YouTube or Vimeo, click its “Share” link to copy the short web address. In WordPress, go to Add Media > Insert from URL and paste the steaming video link.

Sample embedded YouTube video:

嵌入Kaltura流Media视频

Embedding Kaltura streaming video from the Trinity Library Media server uses the same “iframe” method as above, but with some extra steps to remove a bit of the embed code that conflicts with the square brackets.

第一个, upload your video to your Trinity Kaltura account, 然后在Media页面上, click the “share” button to display and copy the long embed code.

下一个, paste the long embed code into WordPress. Then remove the highlighted portion (to avoid code conflicts) and convert the remainder to the square-bracket “iframe” format shown earlier on this page:

Sample Kaltura streaming video:

You may need to manually add a caption below your video.

表

Several options to insert a table of data in the Trinity WordPress platform:

1 – Use the Table menu in WordPress for very short tables, because you need to enter data manually.

A	非常
短	Table

2 – Or build a more complex table using the 表生成器工具, and paste the HTML code directly into the Text tab of WordPress. You can import more complex table data this way.

3 – Or build an interactive table in Datawrapper (which supports sortable tables), 发布它, 并将其作为iframe嵌入.

Anchor links to jump to other sections

This Trinity WordPress platform allows you to insert anchor links to highlight key sections in long content and allow readers to easily jump there.

第一个, somewhere in the body of your content, place your cursor *about two lines above* the destination and Insert > Anchor. Type in one simple word (or hyphenate-a-phrase) to set the anchor, which will appear as a symbol in your editor.

下一个, go somewhere else in your text and create a link to that anchor, by typing in a hashtag and the simple word (in this example: #Media).

Click on preview to test how it works: See also Media.

学术引用:

This Trinity Communications WordPress platform was not designed for academic writing, so we have limited choices for using academic citations.

1) The simplest solution is to use to an 文本引用系统 like the Modern Language Association (MLA), where you place an author-page citation in parentheses at the end of a sentence, or the American Psychological Association (APA) system, where you place an author-year citation in your sentence. Either of these MLA or APA citations refers to an alphabetical bibliography at the end of the post. 的例子 MLA in-text citations from Purdue Writing Lab:

Wordsworth stated that Romantic poetry was marked by a “spontaneous overflow of powerful feelings” (263).

Romantic poetry is characterized by the “spontaneous overflow of powerful feelings” (Wordsworth 263).

Wordsworth extensively explored the role of emotion in the creative process (263).

2) If you strongly prefer Chicago-style footnotes, a complex solution is to manually insert superscript characters in the WordPress editor, and manually add numbered notes at the end. Here’s an example of a superscript number.¹如果你想做额外的工作, you could create an anchor link for all notes (#notes), and manually insert a link in each superscript number so that readers can easily jump to it, 比如这个例子.² 不好意思，这很复杂, but we told you that this particular platform was not designed for academic writing. Other WordPress platforms support footnote plugins, but not this one.

Pull-out Quote or Testimonial:

A “pull-out quote” or “testimonial” calls the reader’s attention to a selected quotation, to make it stand apart from the body text. You can do this in two ways on the Trinity WordPress platform:

1)简单但环保的名言: Click the Quote button at the top of the editor, where you can insert the quote, 归因, and additional context about the speaker. To revise a quote you’ve inserted, switch from the Visual to the Text tab to reveal the WordPress code. 这个方法很简单, but the Trinity Communications Office is not yet able to change the default “vivid green” coloring.

The WordPress Quote button is easy, but vivid green.

杰克多尔蒂

2) Complex but better-looking Testimonials:

This looks better but requires several steps to “stack” different blocks of content:

a) Scroll below your WordPress editor to select > In-Content Components > Add Component > Testimonial

b) Fill out the Testimonial content (similar to a Quote) to make it appear after the WordPress editor.

c) To continue writing in normal text, scroll below your Testimonial and insert a new WYSIWYG component (What You See is What You Get).

Testimonial looks better, but requires more complex steps.

杰克多尔蒂全球十大网赌正规平台教授

To insert normal WordPress content below the testimonial, you need to insert a WYSIWYG component like this.

Example Bibliography (for MLA citations above)

威廉·华兹华斯. 抒情诗集. 牛津大学，1967年.

Example Notes (for Chicago-style footnotes above)

¹ 这是一个样本.

² Here is another sample note, which readers can reach more easily with the anchor link.