Skip to content

Writing the article

Manoela Ilic edited this page Oct 31, 2024 · 19 revisions

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

Images should be a maximum of 1200 pixels wide.

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

The featured image should be 800 x 600 pixels. This is set in the right sidebar under "Featured Image". You don't need to worry about any other meta fields.

Try to section your article using h2 headings and h3 subheadings. Here's an overview on how to use Gutenberg: https://wordpress.org/gutenberg/

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 element in the article.

Codepen embed

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 element 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>

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.

Clone this wiki locally