{"id":3,"date":"2014-09-10T19:42:07","date_gmt":"2014-09-10T19:42:07","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=3"},"modified":"2015-10-30T16:38:55","modified_gmt":"2015-10-30T16:38:55","slug":"content-editor","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/content-editor\/","title":{"rendered":"Basics of the Content Editor"},"content":{"rendered":"
<\/p>\n
<\/p>\n

By using the visual content editor in WordPress, you are able to easily add and change the content that you post. If you are accustomed to using Microsoft Office or a similar type of word processing application, you will not have much trouble adjusting to this new program. Here is a screenshot of the content editor:<\/p>\n

\n<\/div>\n

<\/p>\n

\"Content<\/a><\/p>\n<\/div>\n

<\/div>\n

\n
<\/p>\n

\u00a0<\/p>\n

The Title<\/em>\u00a0can be set at the top of the page and the\u00a0Permalink<\/em> is right underneath it.<\/p>\n

\n<\/div>\n

<\/p>\n

\"Frontend<\/a>\u00a0 <\/p>\n<\/div>\n

<\/div>\n

\n

Body<\/h3>\n
<\/p>\n
<\/p>\n

Now to focus on specific parts of the visual content editor,\u00a0starting with the body of the editor.<\/p>\n

The body is where \u00a0you are able to add and change the actual content of the page\/news post. Before you begin, however, check to make sure that you are in the Visual<\/em> tab and not the Text<\/em> tab because the Text<\/em> tab shows the HTML code:<\/p>\n

 <\/p>\n

\n<\/div>\n

<\/p>\n

\"\"\"Body\"<\/a><\/p>\n<\/div>\n

<\/div>\n

\n

Toolbar<\/h3>\n
<\/p>\n
<\/p>\n

Across the top of the body of the content editor is the editor toolbar.<\/p>\n

When using styling in WordPress, first type out all the text, highlight the text, and then choose the styling you want to apply. To learn more about how tables work, click here<\/a>.<\/p>\n

\n<\/div>\n

<\/p>\n

\"Content<\/a> \"\"<\/a>\u00a0 \u00a0<\/p>\n<\/div>\n

<\/div>\n

\n

Media<\/h3>\n
<\/p>\n
<\/p>\n

You can find the Add Media<\/em> button above the toolbar:<\/p>\n

\n<\/div>\n

<\/p>\n

\"\"<\/a><\/p>\n

\n<\/div>\n

<\/div>\n

\n

 <\/p>\n

<\/p>\n
<\/p>\n

Clicking the add media button will open up a new box that looks like the image on the right.<\/p>\n

 <\/p>\n

\n<\/div>\n

<\/p>\n

\"\"<\/a><\/p>\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

Pictures can also be dragged into the box directly.Uploading a media file shouldn’t take more than a few seconds, then\u00a0you will be brought to a page that shows all the media on the website.<\/p>\n

 <\/p>\n

\n<\/div>\n

<\/p>\n

\"Uploading<\/a>\u00a0 <\/p>\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

After uploading your image, the Media Library<\/em> tab will open along with the selected image’s properties appearing on the right hand side of the window in the Attachment Details<\/em> box. In the Media Library<\/em> tab, your newly uploaded image will be selected and you will also see any other images that have already been uploaded. Here you can:<\/p>\n