I'm pretty new to LAMP and web design in general, so please excuse any obvious mistakes I may be making.
I have setup a LAMP server on my Linux (Ubuntu) virtual machine and proceeded to install Wordpress. Everything is working fine when I access via the virtual machine.
However, when I access my Wordpress site via the host machine (Windows), it seems to be lacking any styling. The HTML seems to be rendering fine, but nothing else.
Here is screenshot of how the Wordpress page is displaying on my host system-
Any ideas what is causing this behavior? Thank you!
Maybe you can provide us the folder structures of your WordPress template and CSS?
Can you also view page source of the webpage and check the current CSS path that the template is pointing to?
Thank you.
Your web server is communicating with the database which is definitely a good sign. What's causing the behavior is that the link to style.css isn't configured correctly. Could be file permissions if your using the theme that WP comes with otherwise it could be permalinks or a broken link in the theme.
If your just looking to set up a site locally for development I would recommend using WAMP (pc) or MAMP (mac). A VM is a little overkill and CPU intense if your running Illustrator and Photoshop at the same time.
WAMP http://www.wampserver.com/en/
MAMP http://www.mamp.info/en/index.html
Related
I'm working on a WordPress site via Sourcetree. The previous dev working on this project had set up a local server with Docker, however I have no experience with this.
My question is - how can I connect to localhost to start developing?
Note-
I've downloaded mysql, xampp and wordpress locally
I have experience developing wordpress sites locally (via an FTP such as FileZilla), however I've never done so with git included.
Thanks.
Try to follow these instructions:
https://premium.wpmudev.org/blog/setting-up-xampp/
Probably one thing that you are not doing properly is that your project doesn't sit in xampp/htdocs/myproject as that way you can access it through http://localhost/myproject
I want to build a web site using my laptop in areas where I often do not have internet access - no active browser. How do I check my pages to see how things are going without a browser?
Just drag-and-drop the .html file into your favourite web-browser. It should open up with the "file:///" protocol automatically.
You should always have a local web server installed on your machine for development.
For example, Mac OSX comes with Apache pre-installed. You might have to activate it. You can also install a server language like PHP or Python. Again, OSX comes with those pre-installed, might just need activation. Google how to set up a local server on the type of OS you have.
You should try to replicate the type of server setup you will be using in production.
That will permit you to code locally and test in your browser.
You should also use some kind of versioning system like Git. So, you code on your local machine, then you can push your code to the cloud once in a while for backup. When you're ready, upload your code to the production server and try it out.
I have a website built on my hard drive that is not yet on the web. I'd like to check how to displays on various mobile devices prior to uploading to the web. I have downloaded a few emulators, but they seem to only "point" to a website and I cannot make them display a html file on my hard drive. Any help or pointers? I'm new to website development and learning while helping a friend.
Run website on your hard disk:
To run a website on your computer you need to have a web server, You should download one of these
mamp, xampp, wamp.
Then put your website on the web server software root folder.
Mobile Version:
Adobe Dreamweaver has a further for web designer who wants to see websites with mobile
http://www.htmlgoodies.com/beyond/webmaster/toolbox/how-to-build-a-native-mobile-application-in-dreamweaver-cs5.5.html
The adobe mobile simulator works like mobile and you don't need to upload your website and just test it with adobe Dreamweaver mobile simulator
Other mobile version:
If you are going to do it with your browser firefox you can press ctrl+shift+m
Hey if your phone and the computer with the harddrive are in the same wifi network, I would do it like this:
Install XAMPP. It is a very easy to-use, preconfigured webserver for development. After installing it, create a folder for your website (example: "mywebsite") in the "htdocs" folder in the xampp installation folder.
Open Xampp and start the apache webserver. Now, when you enter "localhost/mywebsite" as a URL in your browser, you will see the content of the folder. If you enter "localhost/mywebsite/mysite.html" you will see the "mysite.html" file rendered as a website.
Now as long as your apache sever is running, you should be able to access the site from any device within your network, without further configurations (like port forwarding or DynDNS).
Edit: Now as I reread your question I see that you don't want to test the site with real devices but with emulators. Well, I hope it is still helpful.
*I hav made a small demo web app(using html5, and jquery mobile)
*I have installed and set up Xampp
*set passwords for local server
* I am confused as in what to do next, where do i store my .html files and other resources
*I need to test my app on a network
*I want to set up a database using xampp ,(i have no idea how to)
*edit: since its a mobile web app, i want to test it from my mobile, is it possible by hosting it on my pc ? If yes, then how?
If you have the apache server running on xampp, you have to put the files in the /htdocs map. This is usually located in something like C:/xampp/htdocs. Then you go to your localhost in your browsers, so localhost and then /example.html.
This would be for example localhost/example.html, this would redirect to the example.html file in the htdocs folder.
Then if you want to set up an mySQL database you should take a look around at localhost/phpmyadmin
i have an asp.net-mvc website and I am trying to use the asp.net website administration tool but when i click in visual studio 2010 to launch it, it brings up a browser that says:
An error was encountered. Please return to the previous page and try again.
i can't click back but when i click on "How do i use this tool", i get this error:
Tool Has Timed Out
As a security measure, the Web Site Administration Tool times out after a period of inactivity. Changes to machine.config or web.config may also result in the tool needing to be restarted. To continue configuring your web site, restart the tool.
when i run my website, i am able to connect to the database fine and i am also able to insert new users through the default Account/LogOn interface.
Any suggestions on how to debug why i can't launch the admin tool ?
The project's path shouldn't contain #% or spaces
Could you please try the following:
Close your browser completely. Whether you are using IE or Firefox to test your website, you should make sure all browser windows are closed.
Kill the asp.net development server. It is located in your taskbar
Or, if you are hosting your site in IIS, force an iisreset.
Now try to run the Web Site Administration Tool again.
If it still does not work yet, could you please provide which browser you are using, and which OS and host?
The project's path shouldn't contain #% or spaces
My Project path was D:\Programming\C#\Tests\MVCApplication\
and that is what caused the problem.
I was getting the exact same error message with VS2010 .NET 4.0 framework. I created my solution in a subfolder titled "C#". Renaming the subfolder to CSharp fixed my problem.
I hope this helps.