Posting Instructions

STEP-BY-STEP GUIDE

(1) “ENTER TITLE HERE”

Entering a title in the box is simple enough, but note these guidelines:


(VISUAL EXAMPLE FOR PARTS 1 & 2)

* keep titles as short as possible—don’t include information that’s already contained in the post
* for events (most of our posts) use the following format: TOWN HALL 2/7/17 @ 7PM  **note that for events like Town Halls where there are a variety of themes, you should NOT include the topic in the title, as this should be the first line of text you include in the post body (more details on this below)
* you can use capitalization of your choosing, but you really don’t worry about it – the theme automatically capitalizes the whole title

(2) CREATE YOUR POST CONTENT

* for events like Town Halls where the post title only says “TOWN HALL” and not the topic of that particular event instance, the very first line of text should be the topic name with a space between each letter (e.g.,  “H O M E L E S S N E S S”), which you should then set (from the drop-down box at the top left of the editor tool bar) that title as HEADING 1, and if there’s also a subtitle, include that on the next line as HEADING 3.  Then compose the rest of your post content.
* use the tool bar at top to choose a font size from the drop-down box (“paragraph” is the default for normal text); bold or italicize; insert a link by highlighting the text you want to be your link, clicking the chain icon, and then typing in the destination URL; or create a bulleted (or numbered) list
* if the post is to announce something where the information is coming from a flyer, be sure to include all textual information (including a list of sponsors, participant businesses, etc) that is found on the flyer because (a) in many cases, inclusion of the sponsors is required by DONE; (b) text contained in a flyer image is not searchable even if the flyer is used in the post (though in general, readability of the site is increased by leaving off the flyer, or most of it, and using text on the page rather than forcing people to read text on a graphic that may be too tiny anyway, especially from mobile devices—text resizes on mobile devices; images must be zoomed in on and panned around on); and (c) for accessibility reasons, so that the site’s built-in language translation feature can translate all of the information, and so page readers for the blind can likewise convey all information contained in the post

(3) INSERT IMAGE(S)


OF COURSE THEY’RE ALL DIFFERENT!   :\
* tl;dr? MAKE ALL IMAGES WITH TEXT/INFORMATION 560px (w) x 294px (h)—but you should really read this later to understand how all this works!  First let’s talk about image sizing—this is SUPER important!  Each social media site handles the embedded image from a post in a different way.  Tumblr, g+, and twitter all display the full image, but resize the image (proportionately) to a maximum width.  Facebook, however, will crop any image that doesn’t have the desired proportions, so for flyer images or other types of images with text/information, the embedded image shows a center slice of them, cutting out lots of important text.  Since we can only use one image, we have to create an image in the proportions suited to fb, but wide enough not to be stretched on tumblr.  This means any image with text/information needs to be precisely 560px (w) x 294px (h).  Yep.  No way around it.  But the good news is, if we follow this convention, people who scroll through our content on fb (but don’t click to “read more”) will see all of the information we want them to see.  In case you’re thinking, “but won’t they read the text below the image?”, it’s important to know how each social media site reproduces our posts.  Tumblr & g+ reproduce the full post in their entirety, although tumblr always puts the image at the top of the post and g+ always puts the image at the bottom of the post (no matter where it occurs in your WordPress post).  Twitter, as is fairly obvious, doesn’t attempt to reproduce the post; it uses the post title as the text of the tweet, placing the image and a link to the original WordPress post below that.  With the appropriately sized (560 x 294 px) image, fb will not crop the image and, similar to twitter, will not display much text (all the more reason to utilize an image with the information in it); fb displays the post title at top, followed by the image, and then, below that, awkwardly, the post title AGAIN, followed by (appx) the first 150 characters of the post content, all of which is a link back to the WordPress post.
* after you’ve composed the text of your post, hit [ENTER] after the last line of text to put your cursor on the next line, then you can add image(s) in one of these ways:
(a) (single image): First, click the Add Media button above the toolbar and either click Upload Files at the top of that page (to upload an image from your computer) or choose one that’s already displayed in the Media Library.  If you’ve uploaded an image, scroll down in the right-hand column to the Categories checkboxes & UNCHECK general / misc then choose flyers, photos, or misc post graphics for most anything else.  If it’s a stock image, also choose stock imgs.  These categories help with sorting and finding images in the future when the Media Library starts filling up.  As soon as you’ve chosen, click Insert into post & you’re done.
(b) (single image): Scroll to the bottom of the screen and find the ImageInject searchbox.  Search for whatever imagery you’re looking for, scan the thumbnails, and when you see the one you want, hover over it and you can choose at the top of it to grab the small, medium or large size.  Choose the MEDIUM size (or the one that’s around 600px wide).  The image will be inserted into the post.  *NOTE: never choose “Featured Image” (explanation later in this guide, but this theme does not work with Featured Images at all).  There’s one last step (obnoxious, but please don’t skip it): click on the Add Media button up top to pull up the Media Library.  The free stock image you’ve just acquired has been uploaded, but it needs to be categorized.  Click on its thumbnail in the Media Library and scroll down in the right-hand column.  Uncheck general / misc and be sure to check stock imgs and either photos (if it’s a photo) or misc post graphics (if it’s not).  Then just close the window, the categories are automatically saved immediately when you click the boxes.
(c) (multiple images): This feature is cool!  First, make sure the images are available to use by following (a), (b) or both until you have uploaded the images you want into the Media Library.  For the stock images, just delete each image from the post after it’s added, since the default behavior for ImageInject is to simultaneously upload the image to the Media Library and insert it into the post.  When all the images you want are ready to go… Start by clicking the Add Media button.  At the top left of the window, you’ll see Create Gallery.  Click there then select the images you want to add (don’t add more than 7 in one post, as it will make the post extremely loooong) and then click the Create a new gallery button at the bottom.  On the next screen you can drag the images around to put them in your preferred order and add captions to images (they’ll only appear when you hover, so they don’t make it ugly, so don’t worry, caption away).  In the options at the right, choose Size: thumbnails and Type: Tiled Mosaic (if they’re not already selected) then click the Insert gallery button.  You’re done, but when you see it in the editor, it won’t look pretty.  Don’t worry, it looks different on the site.  It’s a good idea to click the Preview button (toward the top right of the screen) to see what it looks like before you publish the page.  You may decide you want to rearrange some of the images, in which case you click on any image in the content editor, and when a box outline appears around the collection of images, click on the pencil icon to go back and make changes.  You can play around with other types (other than Tiled Mosaic) but after previewing a few options a few times you’re likely to come back to Tiled Mosaic because it just looks the best when you have both images with both landscape and portrait orientations.

(4) FORMAT

* This theme does not support any special post format features, so don’t change it, just leave it on Standard. Nothing will happen if you change it, though. The theme has no special code for those other formats.

(5) CATEGORIES

ALWAYS select ONE category for your post
* gpnc event: announcing event (meeting, town hall, forum, QA, discussion, cleanup etc) that is hosted by us (even if co-hosting with GPIA or council districts)
* community event: announcing any event not hosted directly by us
* general / misc: everything else goes in this category (and this is the default category if you don’t change it)

(6) TAGS

* You’re probably familiar with tags already.  Hashtags are what people usually call them because you notate tags with a # symbol before them on twitter and instagram.  But in WordPress you don’t use the # symbol, you just type in the tags, each tag is separated by a comma.  So if you want to tag a post with the tags “Town Hall” and “Homelessness”, you type into the tags box:

Town Hall, Homelessness

* BUT… Because many of the tags you may want to use have probably already been used before, it’s important that before you go typing tags into the box, you first click on “Choose from the most used tags” and if there’s a tag you were going to use, just click on it.  This keeps our tag cloud functional, and prevents us from having the tag “gpnc” assigned to some posts, “glassellparknc” assigned to others, and “glassell park neighborhood council” assigned to yet others.  The purpose of a tag is to allow a site visitor to click on that tag and instantly pull up a feed of every post that has ever been tagged with that topic.  If there are 2 or 3 different versions of a tag, the visitor would have to click multiple times (and scroll through the posts related to each, before switching to the other) to see all the content related to that entity, and visitors simply won’t do it, so they won’t find what they’re looking for, and this defeats the entire purpose of having tags to make our site easy to navigate. So use “Choose from the most used tags” EVERY TIME!!!
* AND… Don’t get carried away with tags.  It’s not necessary to put a tag for everything in the world.  Tag clouds aren’t useful if they have too many entities in them.  We want to keep the tags relevant to the types of topics/ideas that site visitors are likely to want to find all posts related to.  If you’re thinking of adding the tag “cool shirts” to a post, even if it’s relevant, stop and ask yourself if visitors to the site are likely to want to use our tag cloud to display all posts related to the concept of “cool shirts”.  The answer is no.  They can use the search box if they want to see the one (or maybe two) posts where there are pictures of GPNC shirts that the community received at some event.  This is also a reason to make sure to give your images captions—so that text becomes searchable!  On the other hand, using a tag like “NELA GreenSpace” makes sense because there may be several events that either include their participation or mention them, and fans of NELA GreenSpace may want to see all the GPNC activity that relates to NELA GreenSpace, perhaps to see the hikes or community forums about saving the canyons that have happened in the past.

(7) FEATURED IMAGE

* Don’t set a featured image. This theme does NOT work with featured images, and it displays them in a really funky way that overlaps other content on the page. It’s not necessary to use featured images, however. Just use the methods mentioned above for adding images to posts.

(8) PUBLISH

* It’s the final step. Your post is complete and ready to post. So all you have to do is click Publish.
* BUT… Let’s say you don’t really WANT an image in your post. This website looks cleanest and most streamlined with the majority of the information presented textually as opposed to the widely varying styles of whatever flyers are associated with a given event. How do you deal with that? Honestly, it’s not a good idea to omit an image entirely because of the way that twitter & fb format the content received from WordPress. On both of those sites, the image basically becomes the text. So, if you want, you can always either include the 560 x 294 px version of whatever image you start with or create one specifically for the post, then, after you publish, remove the image from the WordPress post. After you hit Publish, the content is immediately posted to all 4 of the linked social media sites, and any changes made to the post are not reflected on any of them. So one useful protocol?: put an image in the post temporarily in order to publish, then immediately remove it and update the post.
* AND… this also means: whatever you do, make sure the post is truly complete and ready to post BEFORE you hit Publish, because you can’t take it back or edit it on the social media sites where it’s reproduced without logging in to each one individually and editing or deleting it. That’s cumbersome & not worth it. So what if you’re not totally sure it’s ready? Save as a draft and come back to it later, if you want. And you can always preview the post to make sure it looks how you intended… this is something you should probably do with every post; Preview is tremendously useful.
* ALSO: if you find yourself with a bit of time on your hands, and it’s the only time this week you’ll be able to sit down to create WordPress content, go ahead, create 3 posts in one day—just don’t publish all of them at once! You can schedule some of them to post later. In the Publish area at the top right of the screen, there’s a line that says “Publish:immediately Edit“. Click on Edit, choose the later date at which you’d like the post to be published, and then make sure you click the OK button (or it won’t save that info). The Publish button will switch to say Schedule, which means you’ve successfully set a future publish date, so go ahead and click the Schedule button and you’re done!