Wordpress theme does not work online - css

I have installed wordpress and a theme, customized that on my localhost.
Everything is ok on that pc where xampp is installed.
But if I go to that page (on the same network) from another pc - I see no css, no style, just messy text.
Even when I move it to the live server I get the same mess.
Anyone could tell me why?

Go to your Wordpress settings. And in URL enter URL with IP address of pc. instead of localhost/sitename change it to192.168.../sitename
Then access it from other pc using same address like 192.168.../sitename
This will solve the issue hopefully.

Related

Accessing local installed Wordpress from a mobile device in the same network

I have set up the latest Wordpress version 5.3.2 on my local machine by using XAMPP 3.2.4.
Since I want to check out my homepage also on a mobile device (not only an emulator on my desktop) I tried to access it from my phone. I always get the error "ERR_CONNECTION_REFUSED" when I try to call it with "http://192.168.0.170/wordpress". This is the IP of my notebook where XAMPP is running.
Interesting thing to add: It works without issues from another notebook in the same network. What I have seen is, that the mobile phone redirects from the IP address to "localhost/wordpress" while the notebooks do not redirect.
Now, I am aware that this is not a new problem and I have read most likely all posts on this topic in the internet. What did I already tried and changed in order to get it running:
Add an entry in the Firewall settings to allow connections on port 80
Change the site URL and home URL in the wordpress settings to the local IP
There are multiple suggestions to change settings in the Apache config files from XAMPP. I did not do any changes there as the code which is proposed to be changed cannot be found in the files.
Do you have any idea why it could not work on a mobile device while it does work from another notebook?
Thank you very much!
Regards,
Philip

MAMP PRO testing local WordPress website with xip.io over LAN from iPhone not loading images css correct links etc

Hiall,
I’m trying to simply test my local MAMP PRO wordpress site on my iPhone through my local LAN network.
I test my on my Mac via the URL which works fine
http://mysite:8888/
For my iPhone
If I go to MAMP PRO select my website/host from the left column and check the via Xip.ic (LAN only) option/checkbox
it provides a URL which is
http://mysite.10.0.1.6.xip.io:8888
I then send myself an email with this link which I click from the iPhone
When I load http://mysite.10.0.1.6.xip.io:8888 in my iPhone, the URL loads and I can see my website but there is no images, or CSS styling, the sites links are not correct and I only see the sites text.
I understand I need to change the site to load like its loading from mac to my iPhone urls and that I can change the
WordPress Address (URL)
Site Address (URL)
without having to do it in the wp-admin settings screen by adding by doing
define('WP_HOME','http://mysite.10.0.1.6:8888');
define('WP_SITEURL','http://mysite.10.0.1.6:8888');
but this does not make a difference either
I’ve also tried
define('WP_HOME', 'http://mysite.10.0.1.6.xip.io:8888');
define('WP_SITEURL', 'http://mysite.10.0.1.6.xip.io:8888');
I’ve found various examples like
https://wordpress.stackexchange.com/questions/98386/testing-local-server-with-mamp-wordpress-on-mobile-device
http://www.designshifts.com/view-local-wordpress-website-on-your-iphone-or-ipad-with-mamp/
which I have spent hours trying to replicate but I just can’t figure it out!
I’m not sure if it’s because I’m typing my urls / ports different/incorrectly and typing my URL’s incorrectly to include ports etc, or because I have the latest version of MAMP PRO and Yosemite and these examples are a few years old etc, or maybe I need to be clearing the the word press / MAMP cache, restarting on every atempt etc?.
Any help would be greatly appreciated!
If you already have replaced the home and siteurl in the General Settings. Note: Wp-config alternative hack as you mentioned didn't work for me.
In Mamp Pro, select your host e.g. (example.dev).
Check "via Xip.io (LAN only)
Under Alias Name, Add your system's static IP (e.g. 192.168.15.4). Default settings will work
Save and Restart servers.
Your Images and CSS should appear. BUT links are still not working. I hope you'd help me improving the answer.
In the Wordpress settings, change the below:
define('WP_HOME', 'http://mysite.10.0.1.6.xip.io:8888');
define('WP_SITEURL', 'http://mysite.10.0.1.6.xip.io:8888');
To your device local network I.P. address, for example:
define('WP_HOME', 'http://192.168.0.71');
define('WP_SITEURL', 'http://192.168.0.71');
This will work!
To be honest, the simplest way I have found is to just go into your database and look for siteurl and home which are normally record 1 & 2 in the database, and update it to your network IP address.
It can then be visited in the browser from that IP address for anyone on the network.
Wordpress just isn't built to make xip.io work because it defines the site name statically.

cant access wordpress directory in wamp server www folder from localhost

I have a 32bit Win7.
I am trying to set Wordpress 4.1 up to work on Wampserver 2.5.
I copied the extracted wordpress files into my own folder within the c:wamp/www folder. But after going to the localhost page, clicking on my folder under 'Your Projects' opens to a 'This Page Is Not Available' page, which cites either non-connectivity (not the case), or misconfigured network, or unresponsive DNS network or firewall issue.
I tried looking this up but nothing. Pls let me know how to fix this.
Alternatively I tried localhost/myfoldername in my browser, and the Wordpress installation begun with language selection and then the 'lets go' button, then the form to be filled out.
Can I proceed this way or would it involve issues later
Check the URL it tries to redirect you, probably gives you just "wordpress". Not sure if it's a bug in WampServer index.php or something that needs to be configured, just type http://localhost/wordpress (or how your wp folder is named) to your browser?
I had a bit similar problem. It can be by using bad folder to enter your page.
1) You have only wordpress or anything else on your server? If the other pages are ok, i will try jylipaa's option. If it doesn't try to change localhost for 127.0.0.1:8080 or 80 - that port is standard for wamp, xampp, or vertrigo.
2) All pages doing it? This question can be rather non-relating but do you use skype? IF yes, it often happened that skype roguely take port 8080 for himself and don't let you know that. Try to configure your wamp to another port and use http://localhost:81/ for your instalation. That was option i tried and now everything is ok.
Hope this will help.

Viewing Wordpress Sites Stored On LocalHost From Another Device

Ok so I don't know if this question is suitable for StackOverflow or not so I apologize if it's not. Here is the problem, I develop my wordpress themes on my localhost 'localhost/~jamiemcardle/wordpress' and thats fine. I can go to my iPhone and type in '192.168.0.8/~jamiemcardle/website' or whatever the address number is to access a website stored in that folder. But if I type '192.168.0.8/~jamiemcardle/Wordpress' it loads the wordpress site without any styling. Why? How can I fix this? Also Safari and Chrome do this on iPhone but all browsers are ok on Macbook.
Thanks
Easiest fix would be to change the site URL in the WP options to the IP address (so replace localhost with your I.P).
The lack of styling is due to the fact that the site is looking for "localhost/wp-content/themes/theme-name/style.css" but is obviously unable to find it due to the fact that that's NOT the address you're visiting.
Always use the IP instead of localhost to avoid problems of this nature.

Wordpress Blog system display setup problem

I had followed all the installation step on the wordpress.org and working fine on the host machine . Everything including image ,flash, text can be display on the Host pc. However, when i try to connect the hose via local IP(eg.192.168.0.112) from another LAN PC. In come out only shows words On the local PC. No image no flash at all..
Can't find any info on the web anyone who know how to fix it please help
Solved.. -_- very simple question
it is just because the wordpress engine try to load CSS from Localhost/wordpress/.../default.css
it should be load from the host machine. which is /192.168.0.112/wordpress/.../default.css
so go the the admin setting
type in your wordpress address and site address with ur local ip
it should be working

Resources