How to Change Your WordPress Theme Without Losing Content

Changing theme does not touch your content. Posts, pages, media and users live in the database and the uploads folder, and a theme only decides how they are drawn.

What a theme does own is the presentation layer around that content — and that is what people lose.

What survives, and what does not

Survives: posts, pages, custom post types, categories and tags, media, users, comments, plugin settings, SEO metadata stored by an SEO plugin.

Does not survive:

• Widgets. Sidebar areas are defined by the theme. A new theme has different ones, so widgets get moved to "Inactive Widgets".
• Menu locations. The menus themselves survive; their assignment to header/footer positions does not.
• Theme options. Logo, colours, layout settings and header images are stored per theme and do not transfer.
• Theme-specific shortcodes. This is the painful one. If your old theme provided [vc_row], [fusion_builder] or similar, those shortcodes stop being registered and appear as raw text in your posts.
• Custom CSS added in the Customiser, which is stored per theme.
• Page-builder layouts built with a builder bundled in the theme rather than installed as a standalone plugin.

Before you switch

1. Take a full backup — files and database — and confirm you can download it.
2. Copy your Custom CSS out of Appearance → Customise → Additional CSS into a text file.
3. Screenshot your widget areas so you can rebuild them without guessing.
4. Note your menu assignments — which menu is in which location.
5. Search for theme shortcodes. Look through a few posts for square-bracket codes. If the old theme provides them, plan to rebuild those layouts.
6. Note anything added to functions.php. Custom code in a parent theme's functions file is lost with the theme — move it to a small plugin or a code-snippets plugin instead.

Use live preview, not a live switch

Install the new theme but do not activate it. Go to Appearance → Themes, hover the new theme and click Live Preview. You get the whole site rendered in the new theme while visitors continue to see the old one. Check the home page, a post, an archive, a page with a form, and the checkout if you run a shop.

For a busy site, do the switch on a staging copy instead. Most decent hosts offer one-click staging; if yours does not, that is worth more than most plugins.

After you switch

1. Re-assign menus in Appearance → Menus → Manage Locations.
2. Drag widgets back from Inactive Widgets into the new theme's sidebars.
3. Paste your Custom CSS back — expect selectors to need updating, since class names differ between themes.
4. Set the logo and colours in the Customiser.
5. Walk the site on mobile as well as desktop.
6. Purge every cache, including your CDN.
7. Run a broken-link check — themes sometimes register image sizes differently and old thumbnails can go missing.

Regenerate your thumbnails

Themes declare their own image sizes. A new theme wanting 800×450 featured images will not find that size in your existing uploads and will stretch a different one, which is why sites look subtly blurry after a switch. Run a thumbnail-regeneration plugin once after switching and the problem disappears.

Keep the old theme installed

Do not delete it for a couple of weeks. If something turns out to be missing, switching back takes seconds — and everything you lost in the switch comes back with it, because none of it was deleted, just orphaned.