How to Fix WordPress Theme URL Issue with Permalinks

If you’ve encountered a problem where your WordPress site, which works perfectly fine locally, has issues with theme URLs when uploaded to the server using permalink settings like %postname%, you’re not alone. Many users face this challenge, and we’re here to guide you through resolving it step by step.

Understanding the Problem

User Query: The user reported that after uploading their WordPress site to a server with permalink settings as %postname%, the correct URLs were displayed in the menu, but pages other than the home page did not output the WP theme URL. This resulted in unstyled HTML.

Possible Causes Mentioned:

Hosting with 123-reg, and the hosting service denies a server issue.
.htaccess file being correctly read by the server.
Child theme and options settings correctness.
DNS and redirection settings with the hosting provider.

Steps to Solve the Issue

1. Check .htaccess File

The user shared their .htaccess file. A helpful comment suggested that incorrect declarations outside of the WordPress block might be causing the issue. Follow these steps:

a. Open your .htaccess file. b. Remove any declarations outside the WordPress block, leaving only the necessary code:


```apache
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wp/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wp/index.php [L]
</IfModule>
```

c. Save the file.

2. Check Stylesheet Inclusion

The problem might be related to how stylesheets are included. Check the following:

a. Look for the stylesheet link in your theme. In this case:


```html
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/assets/css/dp.css" media="all" />
```

b. Ensure that the theme path is correctly set. If not, adjust the link accordingly.

3. Confirm Child Theme and Options Settings

If you’re using a child theme, make sure it’s correctly set up. Ensure that options settings are configured appropriately.

4. Investigate DNS and Redirection Settings

If the issue persists, investigate DNS and redirection settings with your hosting provider.

5. Acceptance and Conclusion

The user reported that removing unnecessary declarations from the .htaccess file resolved the problem. If you try the steps above and your issue persists, consider seeking further assistance from your hosting provider.

Remember, these steps are meant to be general guidance. Always back up your files before making changes, and if you’re unsure, consult with a developer or your hosting support for personalized assistance. Good luck with fixing your WordPress theme URL issue!

WPscience