Clases que genera WordPress automaticamente para facilitarnos la vida y que algunos desconocíamos
Clases CSS enWordPress
View Slide
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-barhttp://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-deportehttp://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-pagehttp://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 susselectores CSS?
¿Y si jugamos con JavaScript y susselectores CSS?main.js$(‘.menu-item-has-childrenul’).addClass(‘menu-submenu’);
¿Y las clases del wp-admin?
functions.phpfunction border_colors() {echo '<br/>#categorydiv.postbox {<br/>border: 1px solid #000;<br/>}<br/>';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/cesjam7PD: En caso de emergencias llamen al 116