How Piktochart can help you in Data Journalism and some other things about embedding stuff

This lesson was a part editorial meeting part clinic. The editorial meeting won’t be discussed here but the clinic bit in this post.

The first thing we talked about was the actual text editor in WordPress. And how it can be used to format your work to make it more readable and clear. Formatting should be done in this editor and not in Word because this often brings in unwanted markup.

If you do paste in from Word it’s best to strip out the formatting before you paste it into the editor. In the the Visual editor click this paste button Screenshot 2016-01-19 18.49.15 before you paste… but check the HTML to in the Text editor for any odd looking formatting afterwards.

Look at My sTranGe ForMatting in the Text tab as an example…

In the WYSIWIG/Visual editor the buttons are very similar to Word anyway so bold and italics are applied in the same way as normal formatting.

Generally I’d advise against using Word to write copy in. There are some better desktop or mobile editors that are better I recommend Texts and Write if you want something desktop or phone based.

I suggest you use the Notepad or Notepad++ editor tool (free to install and on the classroom PCs) to store bits of HTML that you want to save. Notepad++ also reads HTML so it’s easier to spot mistakes.

HTML

Previously we’ve talked about embedding but here’s a run down of Piktochart.

This is a flattened image – it works on all devices and screen sizes because there is less to go wrong. The downside is it strips out the interactive parts.

Embedding demo

Embedding you work in an iframe is a way to guarantee that it can see as an iframe is a “window” into a source website. The downside is that iframes can’t scale.

Iframe

If you use an iframe it’s recommended that you put a line like “you can’t see the chart below then click here“.

Piktochart also gives you the embed for Javascript which rebuilds the copy on the website. The only disadvantage of this is that if you flick between Visual and Text you can corrupt the copy like below…

Loading...

Loading…

Loading...

Loading…

Best practice if this happens is to get the embed code again from the source, or from your saved HTML file in Notepad++.

We also talked about mapping – if you want to use CartoDB to create a heatmap.

Finally, we finished by talking about changing your URL (so if you have a complicated headline your web address is more guessable and SEO friendly) and the importance of tags categories to help you, and also help Google understand what you post is about.

And we talked about getting a conversation going to grow an audience. Why not comment below to see in more detail how discuss works. I’m also going to reinstall the share buttons…

[ssba]