All Collections
Personal websites
WordPress
How can you preview your article before it gets published on your Wordpress?
How can you preview your article before it gets published on your Wordpress?

Want to know how to preview your article before it goes live?

Carmen Villanueva avatar
Written by Carmen Villanueva
Updated over a week ago

Publishing your first story via StoryChief can be daunting. The last thing you want is to hit publish and realize your article doesn't look the way you expected. StoryChief is not able to show a preview of what the story will look like once published on the blog, however, you can enable the 'testing mode' in StoryChief's plugin so that you can test it out first.

Once you've published your story, Wordpress will receive the raw data from StoryChief and apply its own style. The style is predefined by Wordpress itself, meaning the title, headers, font size, images, etc will automatically match the the style on Wordpress.


Preview your article

Step 1. Login to your Wordpress website.

Step 2. Go to Plugins > StoryChief > Settings and enable the 'testing mode'.

🔔 Note: By enabling the 'testing mode', publishing your stories from StoryChief to WordPress will only create them as drafts in WordPress.

You'll be able to see your content before publishing it on your website. You can click on Preview next to the draft article to see the layout:

Step 3. Once you've tested out what your article looks like and you're satisfied with the layout, you can disable this 'testing mode'. As such, you can start publishing your stories to your blog.

🔔 Note: Testing mode will disable multi-channel publishing. Meaning you won't be able to promote this story through social media or any other channel. Once you're satisfied with the result you should disable the testing mode and republish any published stories with the testing mode enabled.

If you aren't happy with the layout or the way the stories look when publishing them to WordPress, you can easily finetune it by applying CSS code to your theme. Here is an article with an example on how to change the image size. Be aware that you use the CSS code to change various aspects in your article such as: font type, font color, size, text alignment, etc...)


📚 Next steps

Did this answer your question?