My website changes its layout once I try to minify css - wordpress

My website which is on Jkreativ theme(wordpress) changes its layout once i try to minify the css for performance issues . How can I get around this

From my work experience you dont need to do some special thing rather depend on certain plugins to help you out. Have a look at this post which talks about the fast Wordpress site and plugins that will help you achieve the same.
http://www.bloggingwizard.com/free-speed-enhancing-wordpress-plugins/

Related

How to create a photo gallery in WordPress by coding?

I created a photo gallery in WordPress, but the above gallery has a problem due to the interference of plugins. For some reason I can not remove plugins, Otherwise I would have done it.
So I said may be it could programmatically create an image gallery and add it to WordPress.But I do not know how to do it. I also do not know what code to use - html, css, js, php, etc. I only know a little bit about html.
Thanks for consulting me on this
Hoping to eradicate Covid-19
My recommendation is to find a gallery plugin that is compatible with your version of wordpress and has the features you're looking for or use the built in gallery from wordpress if you're using a theme that supports it. Scope it out here https://wordpress.org/support/article/the-wordpress-gallery/.
Hand coding is definitely one route to take but with having a small amount of html knowledge the plugin route may be your best bet until you can grow those other skills.

How to Incorporate External Design Elements in a WordPress Site

I have lots of fantastic PSD, CSS and HTML design resources from places like CodeCanyon, CoDrops, multiple designer bundles, etc. I'd like to incorporate some of them into a WordPress site, but for the life of me, I can't figure out how to do it and I've looked everywhere I can think of, from CSS-Tricks.com and the Codex to For-Dummies books :)
I'm familiar with HTML, basic CSS and WordPress, but I'm (obviously) not a designer. I do know how to call an external stylesheet using #import or within tags, but how do I pull in the rest of the files?
For instance, I have an item called CSS3Accordion and it contains several index.html files as well as folders containing css, images and javascript. How should I reference them in my theme and where should I put them?
I'm assuming this is a very elementary question (so much so that these awesome design resources don't typically come with a how-to file), so in advance, let me say I sincerely appreciate any help I might get.
Applying a WP template to a WP site and coding one are two very different things. Those resources you are using, are they WP themes? If so, you should be able to install them quite easily using the control panel. If not, it's a completely new horizon. Templates don't function like "normal" html + css, they need much more things (specially, they need to be read by WP and its modules, widgets, etcetera).
I would suggest you start by downloading and installing themes (plenty of tutorials around), and then modifying some of those themes. They usually come with a custom css sheet to add/change styles (use firebug to find them, use !important to overwrite).
I hope this answers your question. If it's only a matter of loading new css, you can still add all of it to the custom sheet. There are also a lot of free plugins (like the accordion) that you can install in WP. Good luck!
I would recommend starting with a basic wordPress theme and incorporate your ideas as you go with some trial and error. WordPress themes are actually pretty straight forward once you spend some time dissecting a basic one. Most of the time I start with a complete design in Photoshop and use that image as a background to layout the sliced graphics over with CSS.
You can place your files anywhere you want, but I normally put them inside the themes folder and reference them with relative file paths, remember though to take the path into account when linking to the files.
I'd also suggest setting up a locally hosted WordPress install to play around with using something like WAMP, MAMP or LAMP. That way you have instant review without having to expose it to the public or uploading files every time you make a change.
Here are a couple of good starting template themes to explore with.
http://digwp.com/2010/02/blank-wordpress-theme/
http://code.google.com/p/wordpress-naked/
Regards and good luck.

Best way to mobilise a Wordpress website? (No plugins)

We're just wondering what you guys think is the best way to optimise an existing website for mobile use (preferably, though not necessarily exclusively without the use of plugins).
Making the site responsive would be very difficult as the completed site has thousands of lines of CSS etc that would need to be changed, not to mention the structure changes that would be necessary.
If we were to set up a new site (say at m.xxxxxx.co.uk or xxxxxxxxxxx.co.uk/m) would it be better to start from scrath or import the existing stuff and edit it. Then that raises the question of databases etc.
Anyway just wanting some opinions on the best way to do it from any Wordpress experts out there?
Thanks,
Mike
Responsive design, or scaling elements of the site based on the available space. You are going to have to do the CSS all over anyway if you make a new site. Sounds like a good opportunity to clean up your styles.
Running two WordPress sites off of the same data presents a few issues that would be much more of a headache than the 'too much' CSS problem you have now.

Blank Theme for Wordpress

I need to build a new WordPress site form scratch. So I guess I need a blank theme to do that. I need to know where I can find such a theme like that, and I need a tutorial that can help me to create my first WordPress theme from scratch.
I'm new in that world. So please I need your help.
If you're starting with no WP knowledge, I believe you're better off modifying a blank theme than you are creating one from scratch.
Here is a great tutorial I used when I started doing custom themes. The HTML is getting outdated semantically, but it will teach you all working parts of a WP theme.
As a starter theme I use HTML5 Boilerplate which is full of quality HTML5 and additional features like file caching, cross-browser readiness, mobile device readiness, and file caching, to name a few. Also it's got a minimal default styling.
You may also find the wordpress site helpful. Cheers.
starting with twentyten or twentyeleven isn't a bad option either.
Whatever theme you choice make it a child theme.
It may seem like something complex at first but it will make things easier along the way.
Theme Hybrid has a great blank theme: http://themehybrid.com/themes/skeleton
I have a starter theme on github that was originally based off html5 boilerplate that you can check out.. https://github.com/FernE97/html5-blank-slate

What is the best minifying plugin or tool for wordpress based sites

My Website is built on Wordpress, now I want a plugin or tool to minify all my CSS and JS scripts to one. What is the best known plugin for this ?
I'm using the Minify Code. I used this one for my static or handwritten dynamic websites. And with a good experience I decided to use this script within my Wordpress SEO-Blog, too.
There is the Minify code at Google Code.
Some good advices using Minify for Wordpress are explained at MrClay.org.
I hope my words could help you and you will have success.
i'm pleased with css-js-booster; it's pretty new, but the developer is very responsive and based on some tests I conducted, the results are nothing short of impressive.

Resources