WordPress and Dreamweaver are two of the most widely used web designing platforms in the digital world. Although both are popular for their benefits, WordPress has altered the trend and begun to take over Dreamweaver. More and more people are now switching their old websites created in Dreamweaver to WordPress because of the ease in editing, in-built dynamic templates, more layouts, features, styles, etc.
But one of the primary reasons you should convert website to WordPress created earlier in Dreamweaver is that the former offers you both the ways of editing- through codes and block editors. At the same time, the latter is mainly a code editor.
Converting a website designed in Dreamweaver to WordPress is possible in a minimal number of ways. And the easiest of all is to build the exact web design in WordPress. Let’s see how!
Step 1. Creating Category Pages
Use your menu in the Dreamweaver website to determine categories for your WordPress site. Webpages like “About Us,” “Contact Us,” etc. are usually allocated within the templates and need only editing. So, cross out these single pages, meaning the ones which are complete in themselves and do not have any links embedded within to land you on another page. It is better to hire WordPress experts if you are unaware of the basic terms and working of WordPress.
As the name suggests, categories cover the full range of posts you will upload on your website. If it’s a cooking one, the categories can be- desserts, french dishes, beverages, etc.
When one of these categories is clicked, a landing page will show up, which will enlist all the latest posts in that particular domain. To create a landing page, follow the below steps:
- Log in to WordPress.
- Go to Dashboard
- Navigate to Pages and select Add New
- Copy the general content from your old website or add a fresh one.
Step 2. Creating a Primary Menu
After creating landing pages for all the categories, perform the following steps to create your menu:
- Open Dashboard and select Appearance > Menus.
- Click Main next to Select a Menu to Edit option.
- Check the checkboxes for landing pages you have created from the left and add them to the menu.
- Using Menu Structure, modify the order of your pages.
- Edit the labels and save the menu once done.
Step 3. Creating Posts with Categories
For this, you will need to open two tabs in your browser.
- In the first one, open WordPress > Dashboard > Posts > Add New.
- In the second tab, open your Dreamweaver site and copy the content you want to add to your new post.
- Navigate back to the first tab and paste your content and the title. Edit the post as per your requirements.
- To add images, download the respective one from your old site and add it to WordPress media. Insert the image and add tags to it.
- Choose a category for the post and hit Publish!
Step 4. Adding Shortcodes to Link Pages and Posts
The next step to convert a website to WordPress is to link your posts to their respective pages.
- Activate the Live Short codes plugin before initialization.
- On the editing screen, click <> Add Short codes and select Latest Posts.
- Now, define list styles, thumbnail images, and the number of posts to display according to your requirements.
- Choose the category.
- Customize and click on Insert Short codes once finished.
Step 5. Creating the Front Page
Your front page is nothing but the homepage of your WordPress website. It usually shows the blog posts and their details. You can easily edit this page using visual and block editors. Or if you are a professional and want to edit the page precisely, you can switch to the code editor.
You can add numerous widgets like archives, star rating, blog posts, poll, etc. on your front page. In case you need more hands-on the deck, hire WordPress experts for the same.
Switching from Dreamweaver to a WordPress website is a smart choice because not only it makes it easier for you to edit your website but also helps you gain more traffic towards it. WordPress runs on a live web server with very frequent updations. With digital marketing tools like CRM, SEO, you can generate traffic leads and monitor it on a real-time basis as well. It is mobile-friendly and offers you to create dynamic web pages and websites compatible with all screen types.
If your website is an e-commerce portal, WordPress has scope for it as well. You can customize your website to build it into an online store and sell your products and promote them online.
Although converting Dreamweaver into WordPress is not a challenging task, if you’re unaware of both the platforms, it is advisable to hire professionals for the same!