This is a short editorial guide on how we would like the content. If this needs more explanation, please let us know.

Content

  • Preferably write in markdown (example 2) and inside wordpress do not use the "visual editor". Use instead the text editor.
  • You can also use a markdown editor on your computer or find an online markdown editor and copy paste the text in the "text editor" of the wordpress editor. We recommend https://typora.io
  • Use mostly Active language and some passive when needed.
  • Use H2 (##` in markdown) headers, but only few H3 (`###) headers.
  • Max 2/3 paragraphs per header. Paragraphs no longer than 4/5 sentences.
  • Use <strong> or in markdown **strong** only when needed.

Feel free to use quotes. If you find text that explains something better than you can, just quote it. Quotes are also visually appealing. We also have info and warning boxes, see further below.

Summarize

  • Write a short summary (tldr) after you finished the article. 3-4 sentences, 40-50 words. This summary goes on top of everything.
  • Narrow this summary further down into 20-25 words description and place it in the meta description box straight under the article box. Also add the main topic as a focus word.

Use Internal and External Links

  • Have quite a few relevant links inside the text, linking to relevant websites about the topic you write. This is a [relevant link](https://example.relevant-link.com)
  • Include a read more section at bottom of the page, name your sources and link to them in a bullet list. Max. 5
  • If possible, include internal links to other posts. Perform a search on the website if needed

TOC

  • A table of contents is automatically generated once you’ve saved the document. You can look at the post in preview mode and distill the internal links to the headers and link to them like this [anchor text](#link-on-the-page)
  • If you want to include the level 3 headers as well, use this [toc heading_levels=2,3] and place this just above the first header, or at a different place if required.

Use Images

  • Add a featured image by using the box bottom right.
  • Add images under your H2 headers.
  • Add a descriptive alt-text to the image. ![this is the alt-text](/link-to-the-image) This alt text can be the same as the header text.
  • If markdown is too complicated to use for images (because you don’t know how to copy-paste the image url), just use the ‘add media’ functionality. However, please do not align these images (left nor right).

This is a typical start of a new paragraph:

  ## Title header 
  ![repeat title header text](/link-to-image)
  Start writing your content

Nice images with caption

%[New formatting](https://fififinance.com/wp-content/uploads/2019/07/pexels-photo-1181623-1024x684.jpeg "This is a great way to attract attention. But the new format does not allow us [linking](#) to other related content.")

New formatting
This is a great way to attract attention. But the new format does not allow us [linking](#) to other related content.

This is a great way to attract attention. You can also do this while linking to other related content. See a good example here.

How you do the above? Simple, click on add media. Choose an image or upload a new one. Type something in the caption, and choose "large image". Hit insert and edit the caption if you want. Markdown doesn’t work here, so if you are going to insert a link, do it in html: See a <a href="https://fififinance.com/africa/kenya-bank-account#money-transfers-across-the-border"></a>good example</a> here

Tables

| First column | Second |
| --- | --- |
|info | more info |

becomes

First columnSecond
infomore info

| |
| -------------------------- |
| [N26](#N26){.table-header} |
| <ul><li>No requiere que esté registrado en Alemania</li><li>
Puede abrir la cuenta en cuestión de minutos</li><li>Ofrecen su servicio en
varios idiomas (Inglés, Francés, Español e Italiano)</li></ul> |
| [DKB](#DKB){.table-header} |
| <ul><li>Requiere que esté registrado en Alemania y otros
trámites.</li><li>Solamente ofrece sus servicios en alemán</li></ul> |

becomes

N26
  • No requiere que esté registrado en Alemania
  • Puede abrir la cuenta en cuestión de minutos
  • Ofrecen su servicio en varios idiomas (Inglés, Francés, Español e Italiano)
DKB
  • Requiere que esté registrado en Alemania y otros trámites.
  • Solamente ofrece sus servicios en alemán

Use of video’s

<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" class="video-frame"></iframe>

How to get this url? Copy the original url from the address bar e.g. https://www.youtube.com/watch?v=xamsb-a3MSA, replace watch?v with embed/ and you’re done.

Info Boxes

Type this
<div class="info box" markdown="1">text inside info box</div> and you get:

text inside info box

Warning box

<div class="info box" markdown="1">text inside warning box</div> and you get:

text inside warning box

You can also do nice things like this:

<div class="warning box" markdown="1">
### Important to know
- list one text inside warning box
- list another text inside warning box
</div>

and you get:

Important to know

  • list one text inside warning box
  • list another text inside warning box

Or you just use a quote box to keep it simple

> #### Text inside quote box
- list one text inside warning box
- list another text inside warning box

Text inside quote box

  • list one text inside warning box
  • list another text inside warning box

Other options

<div class="action box" markdown="1">
### Important to know
- list one text inside warning box
- list another text inside warning box
</div>

and you get:

Important to know

  • list one text inside warning box
  • list another text inside warning box

<div class="alert box" markdown="1">
### Important to know
- list one text inside warning box
- list another text inside warning box
</div>

and you get:

Important to know

  • list one text inside warning box
  • list another text inside warning box

 
[This is an action button](https://fififinance.com){.nectar-button}
 
 
This is an action button
 

and   is what you type when you need some whitespace between boxes   (click on edit page to see this)