I'm programming using Notepad ++ and using a localhost to build out wordpress themes. I've noticed that I save the stylesheet, then I go to refresh the wordpress page and it doesn't show an effect. I check the source code, and it's still using the old style sheet.
Then a couple of minutes later, it uses the new one. I've seen people have stylesheets update automatically, I'd like to know if there's anything special I need to be doing to make this so?
Related
I am currently working on a project in the ASP.NET Zero framework and I am trying to create a custom Metronic theme. I started by copying an existing theme and used the documentation to add a new version of that theme but with a different name.
I followed every step in the documentation and I have also searched in the whole project for the places where the themes get implemented. Everything after this looks ok and I can see the theme in my theme selections.
But the problem is when I chose the theme and save it, then the page won't show anything. I only see a white page. The settings, however, get updated with the correct theme and if I inspect the network tap in the browser, then I see that everything is loaded without problems. There are also no errors to be found. I don't understand what I am doing wrong here.
I'm developing a site using the Divi WP theme, using a child theme. I had a style.css that I was working with in Sublime Text 2.
After making a change and reloading the css, it all got turned into one line, instead of being multiple lines down the page. I can unminify using a tool online and a bunch of manual editing, but I'm afraid this will happen again.
There are no "automatic" minifying plugins in use or any other thing that should cause this.
I've never had this happen before.
What can I do to keep it from happening again?
Thanks.
1) Can i change the theme of wordpress in this site
www.lenews.info
with this,
http://quanticalabs.com/wp_themes/pressroom/home-style-6/
2)if i do it i lost something of image article format etc??
i need to change the theme but i don't know if i do it, what happen in the site
3) if i change the template? i want the same format of plugin and component, can anyone help me with this?
Presently I am using a wordpress theme.
I want to change it to something better. But I am afraid, if I change
the theme,
I will lose all my contents that includes Posts, Pictures,
Categories, Tags.
I am not at all aware of this fact. Need some help.
Tell me if what I am afraid of is really going to happen if I change or not.
What are the pre-steps that I can take to keep all my contents uploaded the same way they were before.
I already have a daily backup system using WP Backup plugin.What else?
Please help!
Good habit is backup before do changes.
Checklist: 6 Things You MUST DO Before Changing WordPress Themes
Take Notes on Your Current Theme
Go through your theme files and note down all additional code that you added. You also want to check your current theme’s load time because this way you can compare the two. Go to a site like Pingdom Tools or use YSlow to test out different pages (Yes different pages, not just the homepage).
Be cautious of the Sidebars
If you are using a widget-enabled theme, and you switch to a theme that is not widget-ready, then you will lose all of that. If you are using a widget-enabled WordPress theme, then this is not an issue.
Also anything that you modify in sidebar.php file of your old theme, will be overwritten. So make sure that you add those codes in the new theme sidebar.
Backup!!
You never have anything to lose by creating a backup. As a precautionary measure, you should backup all of your theme files, plugins, and the database.
4.Testing all functionality and plugins
Once you have the new theme activated, you need to make sure that you retain all the functionality and plugins still work. Try out all the features including but not limited to the commenting process, single post pages, search, 404 page, archive page, contact page etc. Make sure all of your widgets are still there and are working.
Cross Browser Compatibility
Test your site in all browsers you have access to. Browsers have a tendency of rendering things differently.
Maintenance Mode
You probably don’t want your users to see while you are making the switch because they will end up seeing a broken site or such. It is best to turn on Maintenance mode for 15 – 20 minutes that it may take you to make sure that everything is working properly. Once you have setup Maintenance mode, you are good to go ahead and activate the new theme.
I'm trying to re-skin an existing site using CSS only. I will be taking one of their CSS files and redoing it to match a new design, without changing any HTML. I want a good way of continually updating and then testing, but I have to do it locally because they do not have a dev environment. The site itself is dynamic and authenticated, so I can't just download pages from the site and test the entire thing locally. I was hoping that there is a way to tell my browser (Firefox, preferably) to disable that specific remote CSS file and replace it with a local file.
I don't want to use something like Web Develop Toolbar or Firebug because that requires me to manually make the changes each time I load a page. I want something more seamless.
I was thinking one possibility is to load my new stylesheet in userContent.css, but I would still need a way of telling the browser not to load the original stylesheet from the server.
Any ideas?
UPDATE: I found this Mozilla bug report https://bugzilla.mozilla.org/show_bug.cgi?id=208641 discussing the issue of being able to change userContent.css without restarting Firefox. One of the posters (Simon Wilper) posted some files and info about adding a menu item to refresh userContent.css, but it talks about modifying browser.xul and I can't find that file on my system. This seems like the last piece of the puzzle.
You can use AdBlock Plus to create a custom filter to block that one particular stylesheet, so it will not load when you go to the site. This rule will always be in effect, so as you refresh the page, you will not have to do anything extra.
https://addons.mozilla.org/en-US/firefox/addon/adblock-plus/
As for adding your own stylesheet onto that external site, you can use Stylish, an add-on for adding your own stylesheets to particular domains. This, too, will always be present as you refresh the page.
https://addons.mozilla.org/en-US/firefox/addon/stylish/
The issues you will run into, I imagine, will be what to do with images you are intending on linking to in the CSS. You will have to upload them somewhere, reference them absolutely, and then once you are finished, replace the URLs with new locations on their server. Also, that editing Stylish stylesheets within their editor is pretty poor (no code colouring, no code completion.) Probably better to edit it in your editor of choice, and then paste it into the Stylish textarea. Hit save, then see your work (I believe you won't even have to refresh, but I might be wrong.)
Also, both these add-ons are available for Chrome too.
https://chrome.google.com/webstore/detail/adblock-plus/cfhdojbkjhnklbpkdaibdccddilifddb
https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en
I am not sure why people are suggesting to install extensions for this simple task. I would suggest you to just follow these steps to disable whichever file you want from being loaded in your browser that you want. Just follow these few simple steps:
Hit Ctrl + Shift + C to open source inspection
Navigate to Network tab
Right Click on any file from the list and and click Block request URL
Now the file won't load. Cheers!
PS: Steps are same for Google Chrome and Mozilla Firefox browsers. Not tested on Opera and/or Safari.
Install web developer extension
http://chrispederick.com/work/web-developer/firefox/
And then it will create a menu under the Address bar, click on the css tab and then "Disable Styles" > Disable Individual Style Sheet" > then select the style sheet file you want to disable
after this, again click on the css tab and then "Add User Style Sheets" , next select your css file.
I am working on WP 3.5.1, the latest version with a Duotive Three theme installed in it. Everything was working fine until 2 days back, but from 2 days, whenever I edit my CSS file either through the FTP or the Wordpress Admin, it does not reflect in the browser, either in the website or when I open the CSS file in the browser directly. However, the changes start reflecting a few hours later, I do not know how long exactly. But it frustrates me a lot because I need to wait for a long time to see the changes and check them.
I have tried refreshing the browser with Shift + F5, I deleted browser cache, cookies and even temp files. But still it does not work. Please help.
Note:- I have been working in Wordpress since around 6 years now, built more than 100 websites in Wordpress but this is the first time I am facing this problem. I tried to consult with my network of friends and spent hours googling, many had similar problems but not exactly like mine.
One thing that you might do is to add a version number where the css is called.
If it is called in the head, you can do it like:
<link rel="stylesheet" type="text/css" href="youtstylestyles.css?version=1.0" media="all" />
This will make the browser refresh.
There is also a variable in the wp_enqueue_style() function (if that is how the stylesheet is added) and if you up that it will force a refresh.
In your WP Admin GoTo
Appearance -> Theme Options -> Dynamic CSS ->
In this option scroll down you can see USE option
Here you need to select Internal Stylesheet from drop down menu.