Siedrix

RSS Twitter

CSS independiende por categoria

Como podran notar, este pagina tiene una hoja de estilo distinta a la que tiene el resto del blog, déjenme explicarles por que.

Parte de esta remodelación y migración del blog es un poco mas que simple cambio, uno de los intereses que tengo es generar categorías bastante definidas para los distintos intereses y tener feeds par alas personas solo interesadas en una categoría no tengan que leer la sarta de derruyes sin sentido que pongo en temas de opinión personal o debrayes que me gusta escribir. También buscando que las personas que lleguen aquí en busca de debrayes sin sentido no tengan la oportunidad de aprender ni por error.

Dado que cada sección tiene una identidad distinta, es relevante expresar eso en su diseño y en su manera de presentar la información. Para resolver eso, uno de los primeros pasos será cargar una hoja de estilo y distintas imágenes en cada una, por lo cual, como pueden notar, esta sección esta en el negativo de todas las demás.

Para todos los que les interese lograr esto es relativamente fácil, solo se necesita un plug in que aplique un filtro a la hoja de estilo que desean usar. Como no encontré ese plug in tuve que hacerlo desde cero.

El primer paso para tener un plug in es hacer es tener un archivo .php en la wp-content/plugins para que lo registre el panel de control con comentarios como los siguientes:


/*
Plugin Name: Render Diferent Themes per Category
Plugin URI: http://www.siedrix.com
Description: Be able to render diferent themes per category
Author: Siedrix
Author URI: http://www.siedrix.com
Version: 1.0
*/

Después es eso se agregara el código de lo que hará el plug in, para agregar un filtro necesitamos crear una función como esta:

function serve_category($theme) {
if(is_category(25) || in_category(25))
$theme = 'siedrixBizzaro';
return $theme;
}

Y decirle a WordPress a que eventos agregárselo:

add_filter('template', 'serve_category');
add_filter('option_template', 'serve_category');
add_filter('option_stylesheet', 'serve_category');

Con esto logramos que busque un tema llamado siedrixBizarro, el siguiente paso es clonar la hoja de estilo y el folder de imágenes a este folder.

Para que las imágenes las podamos cambiar necesitamos que cuando definimos el source de la imagen lo hagamos de esta manera:

<img src="<?php bloginfo( 'template_directory' ); ?>/images/Soy-un-loki2.png">

Pronto estaré trabajando en como incluir un panel de control para plug ins y para temas, buscando poder producir temas para algo como ThemeForest o que se yo. Espero que este pequeño y rápido plug in les agrade.

Descargalo aqui

Nota: Si alguien conoce donde está la documentación de que hace cada filtro y como se utiliza. Por favor déjenlo en los comments, estuve checando wordpress.org y solo encontré una lista de cuales eran, pero cuando entras a ellos te manda una página en blanco.

No related posts.

Deja tu Opinión

Puedes agregar tags de HTML como: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Post Relacionados

No related posts.