Devrel/Hacks: Difference between revisions

(→‎Writers' Guidelines: images updates)
Line 31: Line 31:
==== Images, captions, 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.
*Images in a post: 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. Please don't host images externally.  
*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.
*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'''.  
*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'''.  


Confirmed users
1,021

edits