View
110
Download
3
Embed Size (px)
Citation preview
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