Wordpress

@yavallejo - aprendiendoando.com

Clase 13

Wordpress - Clase 1

  • Presentación del tema
  • Instalación de Wordpress
  • Estructura de archivos

Wordpress - Clase 2

  1. Creamos el index.php
  2. Creamos el archivo style.css
  3. el thumbnails
  4. Función have_post

Wordpress 

 

Creamos el archivo index.php

<?php 
echo "Hola mundo";
?>

Wordpress 

 

Creamos el archivo style.css

/*
Theme Name: Aprendiendoando
Theme URI: http://aprendiendoando.com/curso_wordpress
Author: @yavallejo
Author URI: http://yavallejo.co/
Description: El tema de 2015 para WordPress que nos lleva de vuelta al blog, que ofrece una amplia gama de formatos de correos, cada muestra muy bien en su propia manera única. Abundan los detalles de diseño, a partir de una combinación de colores vibrantes y combinar imágenes de cabecera, bella tipografía e iconos, y un diseño flexible que se ve muy bien en cualquier dispositivo, grande o pequeño.
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header


*/

Wordpress 

 

Colocamos el screenshot

Wordpress

Algo básico con la función have_posts

<?php
if ( have_posts() ) :
	while ( have_posts() ) : the_post();
		// Your loop code
	endwhile;
else :
	echo wpautop( 'Sorry, no posts were found' );
endif;
?>

Wordpress - Clase 3

  1. Organizamos nuestros archivos
  2. header.php 
  3. footer.php

Header.php

 

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <title>Curso de wordpress</title>
    <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' );?>">
    <title><?php bloginfo('name'); ?></title>
    <?php wp_head(); ?>
</head>

Footer.php

 

<?php wp_footer(); ?>

</body>
</html>

Functions.php

 

/* Manera adecuada de añadir Scripts y Estilos */
function misRecursos() {
	wp_enqueue_style( 'style', get_stylesheet_uri() ); // añade style.css
	wp_enqueue_script( 'script-nombre', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'misRecursos' );

Wordpress - Clase 4

  1. Arreglaremos el problema de las imágenes
  2. functions.php
  3. wp_head();
  4. wp_footer();

functions.php

  1. add_action
  2. wp_enqueue_style();

 

Nota : forma correcta de tener css y js en nuestro tema

Wordpress - Clase 5

  1. Logo
  2. Menu de navegación

Wordpress - Clase 6

  • Jerarquía de un tema
  • page.php
  • Entendiendo el Loop

Jerarquía de un tema

Son archivos que se encuentran dentro de un theme de WordPress  los cuales se  utilizan para mostrar la web de manera dinámica según lo que el usuario pida.

 

http://wphierarchy.com/

Page.php

Plantilla por default para mostrar los contenidos de tipo pagina

Loop (Bucle)

Wordpress - Clase 7

  • Creación del portafolio

Wordpress - Clase 8

  • Agregando las imágenes destacadas 

Wordpress - Clase 9

  • Conociendo los Page templates

Wordpress - Clase 10

  • Sidebar

Wordpress - Clase 11

  • MetaSlider

Wordpress - Clase 12

  • Category.php

Wordpress - Clase 13

  • Comentarios

Curso de WordPress

By Yan Vallejo

Made with Slides.com

Curso de WordPress

Curso de Wordpress , donde crearemos un theme totalmente Responsive

  • 911

More from Yan Vallejo