Clases CSS en WordPress

Clases CSS en WordPress

César Aquino Maximiliano@cesjam7

+

Clases CSS

.content .text {font-size: 1.4rem;margin-left: 12px;

}

¿Clases CSS?¿WordPress?

Clases que genera WordPress:

.home

.single-product

.search

.page-contact

.post-514

.menu-item-69

.status-publish

Ya muy bonito, pero…

Ya muy bonito, pero… ¿sirven?

body_class();

.archive

.search-no-results

.error404

.single-product

.page-contact

.logged-in

.admin-bar

http://codex.wordpress.org/Function_Reference/body_class

archive.php

.post-type-archive-product {background: url(product.jpg);

}.post-type-archive-event {

background: url(event.jpg);}

http://codex.wordpress.org/Function_Reference/body_class

post_class();

.post-610

.type-noticias

.has-post-thumbnail

.status-publish

.tag-futbol

.category-deporte

http://codex.wordpress.org/Function_Reference/post_class

single.php

.type-noticias {padding-left: 50px;

}.type-noticias.has-post-thumbnail {

padding-left: 0px;}

http://codex.wordpress.org/Function_Reference/post_class

wp_nav_menu();

.menu-item

.current-menu-item

.menu-item-has-children

.menu-item-666

.current-menu-parent

.menu-item-object-page

http://codex.wordpress.org/Function_Reference/wp_nav_menu

header.php

.current-menu-item,

.current-menu-parent {background: #c00;

}

http://codex.wordpress.org/Function_Reference/wp_nav_menu

¿Y si jugamos con JavaScript y sus selectores CSS?

¿Y si jugamos con JavaScript y sus selectores CSS?

main.js

$(‘.menu-item-has-children ul’).addClass(‘menu-submenu’);

¿Y las clases del wp-admin?

¿Y las clases del wp-admin?

functions.phpfunction border_colors() { echo '<style type="text/css"> #categorydiv.postbox {

border: 1px solid #000;}

</style>';

add_action('admin_head', 'cborder_colors');

Gracias ;)

+ @cesjam7+ jovenred.com+ databomberos.com+ orange612.com+ speakerdeck.com/cesjam7

Gracias ;)

+ @cesjam7+ jovenred.com+ databomberos.com+ orange612.com+ speakerdeck.com/cesjam7

PD: En caso de emergencias llamen al 116