Information for Editors

Theme and Site Information

Theme Information

  • The theme that we are using for both the college and department sites is University Communication’s theme for partners known as the “NC State theme.” This highly flexible and customizable theme allows both utility-based and marketing-focused pages to be built through the use of included modules and other built-in tools.
  • This theme allows us to Create and maintain a website and utilize programming, design, and writing in order to craft the messaging.

Editors and Updates

  • The pages and organization of the site have been setup to meet NC State brand guidelines, utilize current best web practices and to optimize for academic and marketing goals.
  • Due to the research and development that has gone into each web page, if you wish to make edits or changes that go beyond the scope of minor text updates, please contact cnr_help@ncsu.edu so that we can help resolve your request.
  • Please note that in this initial site setup process if your initial approval and input has not been sent to us, please contact us so that we can determine the best strategy to address them.

 

Preparing Images for Posts and Profiles

There are 2 ways to include images in posts.

Directions

1. Featured Image

All posts have an active Featured Image, which is the preferred way to add a large, quality image to the post.

To use the Featured Image:

  1. Navigate to the Featured Image box in the lower right corner.
  2. Click on the Set Featured Image link.
  3. Add your image to the Media Library by uploading directly from your computer or dragging the image and dropping it into the window.
  4. If you have not resized the image yet, use the crop function in WordPress to resize and crop your image to  1500 x 844 pixels, 72 dpi for size.

2.  Supporting Images

If you have other images to add to the post, use the Add Media function in WordPress above the WYSIWYG.

  • First prepare the image to be 1500 x 844 pixels, 72 dpi in size.
  • When you insert the image in the post, use the Right Aligned and the Medium 300 x 169 Size options.
  • You can also link the image to the Media file (which will open to the full size image) or you can set this to None and have no link.

Image Resources

Resources to assist you with preparing images.

1. Placeholder Image

You can View/Download the Placeholder Image (1500 x 844 pixels) and use this as a template when creating new images.

2. Directions on Cropping/Resizing an Image

3. Post with Images Example

View this Sample Post that has a featured image and supporting image used.

4. Images for Training

Images to use for training

Posts and Categories

The department site uses a variety of categories to help route posts to various views. Current Categories include:

  • Alumni Profiles
  • CNR Frontpage (Brittany will set this for new front page items)
  • Environmental Sciences News
  • Environmental Sciences Student Spotlights
  • FER News (This shows up in the FER department news feed and should be news for all audiences)
  • Fisheries, Wildlife, and Conservation Biology
  • Graduate Student Profiles
  • International Student Profiles
  • Transfer Student Profiles
  • Undergraduate Student Profiles

Please do not create new categories. If you have a question, or if a new type of news or profile needs to be made, please contact cnr_help@ncsu.edu.

Tables

For tables to format correctly, you need to add some code to the table before publishing updates.

Directions

1. Create your table in Microsoft Word, Excel or other Office program.

2. Paste your table information into the page or post.

3.  Click on the tab labeled ” Text” in our text box to see the backend of your text box.

4. Scroll and locate your table so that you can view the top, which will have the word  “table.” The table starts with text that often will look like this:

Ex: <table style=”height: 266px;” width=”1054″>

5.  Remove this whole tag including the < and > brackets.

Ex. Delete <table style=”height: 266px;” width=”1054″>

6. Keep your curser in the same place, at the top of your table, and paste in this code:

<div>
<div class=”table-responsive”>
<table class=”table table-striped”>

 7.  Now navigate to the very end of your table. The end of your table will have a closing table tag that will look like this: </table>.
Ex:  </table>
8.  Position your cursor under this table tag and add this new tag:
</div>
</div>
Ex.: The end of your table code will then look like:
</table>
</div>
</div>

Table Example:

Visual:

Room Floor Locked Date
Biltmore 2012 2nd floor No August 28, 2017
Biltmore 3032 2nd floor Yes August 29, 2017
Jordan Hall 1214 1st floor Yes August 31, 2017

Code:

Note: Bolded text is what you can copy and paste into your table.

<div>
<div class=”table-responsive”>
<table class=”table table-striped”>
<tbody>
<tr>
<td width=”117″><strong>Room</strong></td>
<td width=”117″><strong>Floor</strong></td>
<td width=”117″><strong>Locked</strong></td>
<td width=”117″><strong>Date</strong></td>
</tr>
<tr>
<td width=”117″>Biltmore 2012</td>
<td width=”117″>2<sup>nd</sup> floor</td>
<td width=”117″>No</td>
<td width=”117″>August 28, 2017</td>
</tr>
<tr>
<td width=”117″>Biltmore 3032</td>
<td width=”117″>2<sup>nd</sup> floor</td>
<td width=”117″>Yes</td>
<td width=”117″>August 29, 2017</td>
</tr>
<tr>
<td width=”117″>Jordan Hall 1214</td>
<td width=”117″>1<sup>st</sup> floor</td>
<td width=”117″>Yes</td>
<td width=”117″>August 31, 2017</td>
</tr>
</tbody>
</table>
</div>
</div>

Sample MS Word table file:

Sample Table File for Download