Wordpress

@yavallejo - aprendiendoando.com

Clase 13

Wordpress - Clase 1

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

Wordpress - Clase 2

Creamos el index.php
Creamos el archivo style.css
el thumbnails
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

Organizamos nuestros archivos
header.php
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

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

functions.php

add_action
wp_enqueue_style();

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

Wordpress - Clase 5

Logo
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