Confirmed users
1,021
edits
Devrel/Hacks: Difference between revisions
→Images and video: updates
(→Images and video: updates) |
|||
| Line 36: | Line 36: | ||
*Length: Most Hacks articles fall in the range of 800-1500 words. Some run longer, but if they run much longer we'll encourage you to write a series rather than a single post. | *Length: Most Hacks articles fall in the range of 800-1500 words. Some run longer, but if they run much longer we'll encourage you to write a series rather than a single post. | ||
==== Images and video ==== | ==== Images, captions, and video ==== | ||
*Author bio image: You can connect a gravatar.com image with the email address listed in Wordpress to display an author photo or image alongside your bio. | *Author bio image: You can connect a gravatar.com image with the email address listed in Wordpress to display an author photo or image alongside your bio. | ||
*Upload via "Add media" link in Wordpress. WP will host your image. Use the upload link to embed video also. | *Images in a post: Upload via "Add media" link in Wordpress. WP will host your image. Use the upload link to embed video also. | ||
*Markdown | *Images with captions: The Caption format that Wordpress provides does NOT work within the Mozhacks Wordpress theme. If you want to caption inline photos in a blog post you will need to use the <figure> and <figcaption> tags. | ||
*We | *Here's the code for a captioned image: | ||
<figure><a href="ADD LINK HERE TO CLICK TO FULL-SIZED IMAGE" (media file)><img src="ADD SRC URL HERE - THIS IS THE LG SIZE EMBEDDED IMG" alt="People clustered around 3 tables working on their computers in a gorgeous 19th century Parisian ballroom."></a><figcaption>People at work during Hack on MDN Paris 2018 in the gorgeous Garnier ballroom.</figcaption></figure> | |||
*IMPORTANT A11y requirement: Don't forget to include a description of the image in the alt= field provided, for screenreaders. A post is not complete until alt text is available for '''every image'''. | |||
==== Markdown ==== | |||
*We have a plugin that automagically converts Markdown to HTML. You should be able to write in MD and save draft. | |||
==Suggested Posts (this section is OUT OF DATE, pls ping/email havi if you have suggestions... )== | ==Suggested Posts (this section is OUT OF DATE, pls ping/email havi if you have suggestions... )== | ||