Wordpress to Flowershow migration tutorial

Is your Wordpress site's speed comparable to a tortoise with cramping legs? 🐢 Server costs bleeding you dry? 🖥️ Lucky for you, migrating your content over to Flowershow has never been easier! Flowershow 🌷 is an awesome open source Next.js template that comes with batteries included 🔋

In this tutorial we are covering how to convert your Wordpress site into a Flowershow site, where all the content will be converted to simple markdown compatible with flowershow.

First we are going to export our wordpress instance.
Then get the conversion script and run it
Then fill in the wizard
Copy content to flowershow site

And VOILÀ! Your Flowershow site will be up and running!

Example blog post before:

Example blog post after:

All your pages will be created in the root directory inside your newly created content folder. All your posts will be created in a subdirectory called blogs inside your content folder. All your images will go to an assets folder. Custom components that includes HTML or Javascript, however, will have to be remade.

Example format:

content
├── about.md
├── contact.md
├── assets
│   └── picture.png
├── blogs
│   └── someblogpost.md
└── index.md

Here's how it works in 4 simple steps:

Note

You should have Node installed

1. Export your wordpress instance content to xml

Export your wordpress instance content to xml. Use the in-built standard wordpress tool: https://wordpress.com/support/export/

Got to the tools section and choose export

Choose the All content export option

Save the resulting file on your local computer by pressing the Download Export File button

Exporting from Wordpress.com will look a bit different and you will need to unzip the exported file

2. Get this Wordpress to Flowershow conversion script

Run the following in your preferred terminal:

git clone https://github.com/flowershow/wordpress-export-to-markdown-plus
cd wordpress-export-to-markdown-plus
npm install
node index.js

3. Then fill in the wizard

In this example the Wordpress export xml file has been renamed to new and placed in a folder wordpress-test next to where the tool is being run. Use the relative path to where the xml file is located.
The path of your output folder should end with /content
For more information on options you can go here

4. Integrate content into Flowershow

Your content folder is now ready to be converted into a flowershow site! 🚀 See publish-tutorial to create your site!

Note

If you have created a flowershow site prior to this, just copy all the files from the content folder created by the script into the content folder used by flowershow.

FAQ

What happens to categories? They get outputted to the categories front matter
What happens to tags? They get outputted to the tags frontmatter
What happens to featured image? This is set in the image property of frontmatter
What happens to my blog index page. See our tutorial on setting up your blog here.
Where will all the images be located? The name of your assets/attachement folder is where all your images will be located and linked to.

We 💙 feedback! If you have any ideas for new features or if you’ve noticed any bugs, please submit an issue here or start a discussion here. Thank you! 🌷

Join our Discord server!