Fernando Arias 
Front-end Developer
/* 
Theme Name: Noticias 
Theme URI: 
Author: Fernando Arias - Disonancias 
Author URI: http://disonancias.com.ar/ 
Descri...
add_theme_support( 'html5' );
function dsm_add_styles_scripts(){ 
wp_enqueue_style( 
'dsm-stylesheet', 
get_stylesheet_uri() 
); 
wp_enqueue_script( 
'd...
function dsm_add_styles_scripts(){ 
wp_enqueue_style( 
'dsm-bootstrap', 
get_template_directory_uri() . '/styles/bootstrap...
$(document) 
jQuery(document)
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title><?php wp_title(); ?></title> 
<?php wp_head(); ?> 
</head>...
<footer> ... </footer> 
<?php wp_footer(); ?> 
</body> 
</html>
<?php get_header(); ?> 
<main> 
<div class="container"> 
<div class="row"> 
<div class="col-xs-12 col-md-8"> 
<h1>Hola Mun...
add_theme_support( 'post-thumbnails' ); 
set_post_thumbnail_size( 960, 540 ); 
add_image_size( 
'my-thumbnail', 
768, 
432...
add_theme_support( 
'post-formats', 
array( 
'video', 
'gallery' 
) 
);
<?php get_header(); ?> 
<div class="col-xs-12 col-md-8"> 
<?php if( have_posts() ) : the_post(); ?> 
<h1><?php the_title()...
<?php get_header(); ?> 
<div class="col-xs-12 col-md-8"> 
<?php if( have_posts() ) : the_post(); ?> 
<h1><?php the_title()...
<?php get_header(); ?> 
<?php if( have_posts() ) : ?> 
<?php while( have_posts() ) : the_post(); ?> 
<div class="col-xs-12...
<?php get_template_part( 'archive' ); ?>
add_theme_support( 'menus' ); 
<header> 
<?php wp_nav_menu( 'header' ); ?> 
</header>
if ( function_exists( 'register_sidebar' ) ) { 
function dsm_theme_register_sidebar() { 
$args = array( 
'id' => 'home-sid...
<aside> 
<?php 
if (function_exists( 'dynamic_sidebar' )): 
dynamic_sidebar( 'home-sidebar' ); 
endif; 
?> 
</aside>
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Front-end en WordPress
Próxima SlideShare
Cargando en…5
×

Front-end en WordPress

525 visualizaciones

Publicado el

En muchas ocasiones, necesitaremos programar el front-end de un sitio web a partir de un diseño a medida. Paso a paso, repasaremos las características de los themes WordPress, aprendiendo a organizarlos, optimizarlos y alimentarlos.

Fernando Arias para WP Argentina (wpargentina.org)
en Buenos Aires WordPress Meetup
28 de octubre de 2014

Publicado en: Internet
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
525
En SlideShare
0
De insertados
0
Número de insertados
223
Acciones
Compartido
0
Descargas
2
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Front-end en WordPress

  1. 1. Fernando Arias Front-end Developer
  2. 2. /* Theme Name: Noticias Theme URI: Author: Fernando Arias - Disonancias Author URI: http://disonancias.com.ar/ Description: Tema para mi sitio de noticias Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: responsive-layout, right-sidebar Text Domain: noticias This theme, like WordPress, is licensed under the GPL. */
  3. 3. add_theme_support( 'html5' );
  4. 4. function dsm_add_styles_scripts(){ wp_enqueue_style( 'dsm-stylesheet', get_stylesheet_uri() ); wp_enqueue_script( 'dsm-noticias', get_template_directory_uri() . '/scripts/noticias.js', array( 'jquery' ), false, true ); } add_action( 'wp_enqueue_scripts', 'dsm_add_styles_scripts' );
  5. 5. function dsm_add_styles_scripts(){ wp_enqueue_style( 'dsm-bootstrap', get_template_directory_uri() . '/styles/bootstrap.min.css' ); wp_enqueue_style( 'dsm-fonts', get_stylesheet_directory_uri() . '/styles/fonts.css' ); wp_enqueue_style( 'dsm-stylesheet', get_stylesheet_directory_uri(), array( 'dsm-bootstrap', 'dsm-fonts' ) ); wp_enqueue_script( 'dsm-bootstrap', get_template_directory_uri() . '/scripts/bootstrap.min.js', array( 'jquery' ), false, true ); wp_enqueue_script( 'dsm-noticias', get_template_directory_uri() . '/scripts/noticias.js', array('dsm-bootstrap'), false, true ); } add_action( 'wp_enqueue_scripts', 'dsm_add_styles_scripts' );
  6. 6. $(document) jQuery(document)
  7. 7. <!doctype html> <html> <head> <meta charset="utf-8"> <title><?php wp_title(); ?></title> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <header> ... </header>
  8. 8. <footer> ... </footer> <?php wp_footer(); ?> </body> </html>
  9. 9. <?php get_header(); ?> <main> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-8"> <h1>Hola Mundo!</h1> <p>Comunidad de WP Argentina</p> </div> <div class="col-xs-12 col-md-4"> <?php get_sidebar(); ?> </div> </div> </div> </main> <?php get_footer(); ?>
  10. 10. add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 960, 540 ); add_image_size( 'my-thumbnail', 768, 432, false );
  11. 11. add_theme_support( 'post-formats', array( 'video', 'gallery' ) );
  12. 12. <?php get_header(); ?> <div class="col-xs-12 col-md-8"> <?php if( have_posts() ) : the_post(); ?> <h1><?php the_title(); ?></h1> <?php if( has_post_thumbnail() ) the_post_thumbnail(); ?> <p><?php the_content(); ?></p> <?php endif; ?> </div> <div class="col-xs-12 col-md-4"> <?php get_sidebar(); ?> </div> <?php get_footer(); ?>
  13. 13. <?php get_header(); ?> <div class="col-xs-12 col-md-8"> <?php if( have_posts() ) : the_post(); ?> <h1><?php the_title(); ?></h1> <?php if( has_post_thumbnail() ) the_post_thumbnail(); ?> <p><?php the_content(); ?></p> <?php endif; ?> </div> <div class="col-xs-12 col-md-4"> <?php get_sidebar(); ?> </div> <?php get_footer(); ?>
  14. 14. <?php get_header(); ?> <?php if( have_posts() ) : ?> <?php while( have_posts() ) : the_post(); ?> <div class="col-xs-12"> <h1><?php the_title(); ?></h1> <?php if( has_post_thumbnail() ) the_post_thumbnail( 'list-img' ); ?> <p><?php the_excerpt(); ?></p> </div> <?php endwhile; ?> <?php echo paginate_links(); ?> <?php endif; ?> <?php get_footer(); ?>
  15. 15. <?php get_template_part( 'archive' ); ?>
  16. 16. add_theme_support( 'menus' ); <header> <?php wp_nav_menu( 'header' ); ?> </header>
  17. 17. if ( function_exists( 'register_sidebar' ) ) { function dsm_theme_register_sidebar() { $args = array( 'id' => 'home-sidebar', 'name' => 'Home Sidebar', 'before_widget' => '<div id="%1$s" class="%2$s">', 'after_widget' => '</div>', 'before_title' => '<h4>', 'after_title' => '</h4>' ); register_sidebar($args); } add_action( 'init', 'dsm_theme_register_sidebar' ); }
  18. 18. <aside> <?php if (function_exists( 'dynamic_sidebar' )): dynamic_sidebar( 'home-sidebar' ); endif; ?> </aside>

×