Writing the article

Log in to WordPress with the credentials you have received and click on "Posts -> Add New".

You can write your article now. Simply use the blocks available when you type "/".

Relevant blocks are: Prismatic (for code), Image, Video, Gallery, Paragraph, Heading, Quote and List

Please don't add any styling to the (text) elements on the right sidebar, simply use the default styles of paragraphs, headings, links, etc.

If you'd like to preview your article click the following icon:

Images should be a maximum of 1600 pixels wide.

Videos should be MP4 format and you can optimize them using https://www.videosmaller.com/ Try keeping each video below 5MB.

The featured image should be of 4:3 ratio. This is set in the right sidebar under "Featured Image". Here you can also edit the excerpt that will appear underneath the title:

You don't need to worry about any other meta fields.

Try to section your article using h2 headings and h3 subheadings.

Code

If you would like to insert code snippets, add a "Prismatic" block and choose/adjust the language in the right sidebar.

Embeds

For Codepen embeds click on "embed" in the bottom right corner of the Codepen page and select the WordPress shortcode option. Copy that into a new /shortcode block in the article.

Add the following value: theme_id="light" And adjust the height to 500.

Here's an example:

[codepen_embed height="542" theme_id="light" slug_hash="148b441363a320d4b46cb5ff835525ef" default_tab="result" user="SaraSoueidan"]See the Pen <a href='https://codepen.io/SaraSoueidan/pen/148b441363a320d4b46cb5ff835525ef/'>feTurbluence: baseFrequency</a> by Sara Soueidan (<a href='https://codepen.io/SaraSoueidan'>@SaraSoueidan</a>) on <a href='https://codepen.io'>CodePen</a>.[/codepen_embed]

For a Codesandbox, use the custom HTML block and insert the embed code. Here's an example:

<iframe src="https://codesandbox.io/embed/v8439q295l?view=preview&hidenavigation=1&runonclick=1" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

Once you are finished, simply submit the article for review and let us know so that we plan a publication date.

Please don't edit the article after publication or it will turn a published post into a draft! Send us changes directly and we'll make sure to update the article.