• Fórum: Magyar nyelv, átlátható, moderálható.
  
• Telepítés után kerüljön a főmenübe bele 1 link ahol kilistázza az albumokat. Egyszerű kezelési felület

At its most basic, pretend that you’re building your theme just like you would a new house, but in this case you’re hiring someone else to lay the foundation for you. Without a good solid foundation, it doesn’t matter how well you construct the frame or paint the walls, that house will fall down eventually. This is exactly what a good starter theme is, it’s the foundation, with just about everything you need to start a good theme.

When starting with a starting theme, the first thing you’ll need to do is change the name of the theme’s directory, since you don’t want to overwrite it accidentally, then make sure that you have adjusted all of the references to the directory in the theme’s files. After that, start having fun! Unlike building a house, you can undo your mistakes, and the best way to learn how to develop themes is to just get to work and start making mistakes.

So, have fun with your new starter theme, and if you build something awesome from a starter theme like _s, let us know!

We have another great theme in the works, and I am exciting to give everyone a sneak peek. Gleam will be fun, exciting and flashy. Boasting some awesome CSS and jQuery effects and smooth ajax loading, Gleam will surely treat your visitors to a cool experience. I hope that you like the preview! Let us know what you think.

Black Lines is a very simple WordPress theme with two columns with black and white design.

Gray Storm is a theme with a Flash header.

Let’s Roll is a white theme for gambling blog owners.

Light Blue Flowers is a simple theme with two columns and a light blue design.

MxS2 is a theme in black and white.

Orange and Black is a modern theme with a decent orange and black design.

Rumput Hijau is a clean theme with microformats structure, breadcrumbs, and 2 different layouts.

True is minimal, simple, crisp, clean, bright, friendly, and professional.

So this tutorial will guide you through a quick and simple way to stop a theme being ‘responsive’.

No more media queries

The responsive design works by only serving the layout (sidebars, columns etc) to browsers within which it will fit. This is done using a media query.

So the first step is to remove that code from the layout stylesheet.

Open css/layout.css and find the opening media query which the entire stylesheet is wrapped within. It should look something like this;

@media only screen and (min-width: 768px) {

Comment this out using css comments like so;

/* @media only screen and (min-width: 768px) { */

You could just delete it if you’d prefer, but by commenting it out you can easily add the responsive design back at a later date. Once you’ve commented out the opening of the media query, scroll right to the bottom of the file and comment out (or delete) the closing curly brace too.

/* } */

But I’m using a child theme!

If you want to make these changes upgrade safe (in a child theme) you will need to do the following;

1. Copy and paste css/layout.css from the parent theme to css/layout.css in your child theme
2. Redefine the woo_load_frontend_css() function to look at the child theme rather than the parent by adding the following to your child themes functions.php file;

   function woo_load_frontend_css () {
   		wp_register_style( 'woo-layout', get_stylesheet_directory_uri() . '/css/layout.css' );
   
   		wp_enqueue_style( 'woo-layout' );
   } // End woo_load_frontend_css()
   

3. Perform the steps outlined above to remove the media query from the layout.css file inside your child theme

Remove the mobile viewport scale meta tag

The vital piece of HTML in responsive design is the viewport scale meta tag. This tells all devices to set the site in a scale of 1.0. IE 1 pixel = 1 pixel. If the design isn’t responsive this isn’t necessary and we will want the user to be able to zoom in and scroll around.

To remove this meta tag, add the following to your theme (or child themes) functions.php;

remove_action( 'wp_head', 'woo_load_responsive_meta_tags', 10 );

That didn’t work!

In some of our first responsive themes, this meta tag is added directly to header.php, so you will just need to open the file, find it and remove it (or comment it out).

Here’s the tag you will be looking for;

<meta content="initial-scale=1.0; maximum-scale=1.0; user-scalable=no" name="viewport"/>

That’s it! – Your web site will now appear in the ‘traditional’ way on mobile devices.

Something to consider

Some of our themes fix the main navigation to the top of the browser window. This is then modified on mobile devices to deliver a different menu system. If you remove the responsive design in one of these themes then the main navigation will continue to be fixed and take up a big chunk of your screen real estate. The solution to this issue is one line of CSS, but that line will differ from theme to theme, so just post on the forum if you get stuck.