No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Aprende todo un fin de semana sin pagar una suscripci贸n 馃敟

Reg铆strate

Comienza en:

1D
23H
17M
26S

Nuestro primer theme

13/34
Recursos

Aportes 74

Preguntas 60

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

por si alguien lo necesita

/*
Theme name: PlatziGifts
Version: 1.0
Description: sitio para cat谩logo de platzi
Author: Juan Alejandro Rivero
Authon URI: https://github.com/alej36
License: GNU General Public Licence v2 or later
License: http://www.gnu.org/licenses/gpl-2.0.html

*/

Hasta ac谩 llegu茅, siento que me hablan en mandar铆n

(Minuto 7)
Hay una extension que te auto completa c贸digo/argumentos llamada 鈥淲ordPress Snippets鈥

Funciones:

wp_head() => trae todas las funciones que hagan referencia al hook wp_head
wp_footer => trae trolas las funciones que hagan referencia al hook wp_footer

get_header() => Llama y genera las funciones del encabezado
get_footer() => Llama y genera las funciones del pie de p谩gina

add_theme_support() => Agrega funci贸n a wordpress
add_action() => Ejecuta la funci贸n

Resoluci贸n correcta para que se vea bien la imagen que subimos como fondo de nuestro tema 880 x 660

Screenshot: puede ser PNG | JPG. La resoluci贸n correcta es de 880x660, sin embargo se adapata a cualquier resoluci贸n. Se debe llamar, p.e., screenshot.png
Index: contener todo lo que va ir siempre en la pagina.
Functions: se declara init_templates para comenzar a mostrar la vista.

no sabia que era tan facil crear un tema, la verdad me queda mucho por aprender鈥ero siento que con estas sencillas explicaciones se avanza鈥

por que me lo subraya? ayuda

Me esta encantando este curso, especialmente esta clase, con CODIGO

Por si alguien mas tiene el problema que no carga la imagen (me pas贸). El nombre de la imagen debe ser 鈥渟creenshot鈥 y listo.
Parece algo sencillo, pero cuando eres principiante, como yo, te rompes la cabeza sin saber por qu茅 no aparece la imagen. 馃槂

Por aqui les comparto un generador de themes, muy util si se queire avanzar r谩pido.
https://underscores.me/
Siempre recomiendo echar un ojo al contenido genrado para fijar los conocimientos

隆Gloria a Dios! Mi primer tema en Wordpress

Les comparto este comando para que descarguen la imagen m谩s f谩cil:

curl https://static.platzi.com/media/tmp/class-files/github/platzigift/platzigift-master/screenshot.png -o screenshot.png

Iba a comentar que si nadie se hab铆a dado cuenta que dec铆a LicenCe en vez de LicenSe . Lo busqu茅 y resulta que si es correcto 馃く.

License: Se usa como verbo.
Licence: Cuando se usa como sustantivo.

Es importante que si est脿n probando con otra imagen diferente a la del ejemplo, el nombre de la imagen sea screenshot puede ser png o jpg, de lo contrario no funciona

Alguien me puede explicar por que utiliza codigo en ve de hacerlo directamente todo con wordpress?驴

para los que les paso como a mi que el visual studio code no les encontraba la ruta de instalaci贸n de php esta es la soluci贸n
https://www.youtube.com/watch?v=pF7uOnZHgao

/*
Theme name:
Version: 1.0
Description:
Author:
Author URI:
License: GNU General Public Licence v2 or later
License:

*/

Ruta de los Archivos donde estamos editando el tema

// Xampp/htdocs/PlatziGifts/wp-content/PlatziGifts

// llamando el header y Footer en el Index.php

<?php 'get_header'(); ?>

<?php 'get_footer'(); ?>

//Functions.php 

<?php


function init_template(){
    //Agrega una imagen destacada, en toda nuestras entradas de la pagina
    add_theme_support("post-thumbnails");
    //Agrega el Title a nuestra Pagina
    add_theme_support('title-tag');
}

//Usar un Hook por que no podemos editar directamente el codigo

add_action('after_setup_theme','init_template');

Con toda la motivaci贸n de aprender de wordpress desde c贸digo, mi objetivo es llegar a desarrollar temas y plugins a la medida

Esto se empieza a poner bueno!! ;D

Genial que ense帽en a crear el theme desde 0

Excelente, no se nada de c贸digo y estoy comprendiendo. Gracias por ir paso a paso.

Buena clase, me gusto lo de la imagen de previsualizacion 馃槂

Esto ya es otro nivel en Wordpress

Deberian ensenarlo desde un cpanel

front-page
<?php get_header(); ?>

<main class=鈥榗ontainer鈥>
<?php if(have_posts()){
while(have_posts()){
the_post(); ?>
<h1 class=鈥榤y-3鈥><?php the_title(); ?>!!</h1>
<?php the_content(); ?>

    <?php    }
}?>

<div class="lista-productos my-5">
    <h2 class='text-center'>PRODUCTOS</h2>
    <div class="row">
    <?php
    $args = array(
        'post_type' => 'producto',
        'post_per_page' => -1, 
        'order'         => 'ASC',
        'orderby'       => 'title'
    );

    $productos = new WP_Query($args);

    if($productos->have_posts()){
        while($productos->have_posts()){
            $productos->the_post();
            ?>

            <div class="col-4">
                <figure>
                    <?php the_post_thumbnail('large'); ?>
                </figure>
                <h4 class='my-3 text-center'>
                    <a href="<?php the_permalink(); ?>">
                        <?php the_title();?>
                    </a>
                </h4>
            </div>

       <?php }
    }

    ?>
  </div>
</div>

</main>

<?php get_footer(); ?>

Lo unico raro de este tutorial es, se crea la carpeta del nuevo tema, se crean los archivos requeridos y se visualizan los cambios, PERO sin antes haber seleccionado dicho Theme PlatziGifts como el tema Activo.

Casi lloro 馃槩, pero lo logr茅 馃檵馃徑鈥嶁檪锔

Al querer cambiar la foto del tema me di cuenta que se tiene que llamar screenshot.png o jpg

Excelente!!

inicializar

style.css
/*
Theme name: dmm
Version: 2.1
Description: sitio para catalo de platzi
Author: dmm
Author URL:
License: GNU General Public Licence v2 or later
License:

*/

Header.php

<!DOCTYPE html>
<html lang=鈥渆n鈥>
<head>
<meta charset=鈥淯TF-8鈥>
<meta http-equiv=鈥淴-UA-Compatible鈥 content=鈥淚E=edge鈥>
<meta name=鈥渧iewport鈥 content=鈥渨idth=device-width, initial-scale=1.0鈥>
<?php wp_head() ?>
</head>
<body>

Footer.php
<?php wp_footer() ?>

</body>
</html>

index.php
<?php get_header(); ?>
<?php get_footer(); ?>

function.php
<?php

function init_template(){

add_theme_support('post-thumbnails' );
add_theme_support( 'title-tag' );

}

//Usar un Hook por que no podemos editar directamente el codigo

add_action(鈥榓fter_setup_theme鈥,鈥榠nit_template鈥);

?>

Les recomeindo un curso completo que hay en Platzy, tambien con Cristian que aprendes a hacer el theme paso a paso, es muy bueno, recomendado

Excelente, solo que en la version nueva, entiendo que la barra aparece tipo sidebar y no en el encabezado.

excelente clase, y bien por decir el plugin que uso para el codigo wp

El screenshot que dej贸 el profesor en los recursos de la clase se encuentra en .webp, pero a煤n as铆 se puede utilizar.

Excelente!

En mi mas humilde opinion, este tema esta mas sencillo que el de Introduccion a php ya que es menos codigo, en el Index y en el css son instrucciones directas ademas un aoartado para cada parte conmo el fother y ek header

Es posible que todo esto se realice Online en vez de localhost? por ejemplo mi hosting me da la opci贸n de instalar WordPress sin necesidad de hacer todo esto, tiene alguna diferencia con respecto a la edici贸n y programaci贸n?

Es obligatorio que la imagen de previsualizaci贸n se llame 鈥渟creenshot鈥 bien sea en formato png o jpg

Tengo una duda, cargue mi imagen .png en la carpeta pero al actualizar el tema no aparece. Por que puede ser?

Super Curso Master!!!

Description: sitio para cat谩logo de platzi
Author: Juan Alejandro Rivero

No se deberia iniciar con un tema preestablecido ?

Este curso esta bien chido

Como se llama la extension php de VS Code que usa el profesor 鈥?

Tama帽o recomendado para el archivo screenshot: 880x660 馃槃

Muy buena clase. Gracias

En la documentaci贸n buscando la diferencia entre usar after_setup_theme o init encontr茅 que en la primera se ejecuta cuando el usuario no est谩 autenticado y en init cuando el usuario esta autenticado por lo que after_setup_theme se dispara primero鈥 pero a que se refiere con que el usuario este autenticado o no?cual usuario?

si tengo un dominio ya, 驴como ponogo las licencias y la url? 驴aparece en algun lado?.

el index no deber铆a llevar un loop b谩sico por defecto? para que de esta forma siempre cargue algo.

Tengo mi sitio web de wordpress en el hosting de mochahost puedo editar en linea mis documentos con visual studio code y actualizarse directamente en el servidor?

Al final del video, estaba siguiendo los pasos tal cual y anotando y me genero este error:
Parse error: syntax error, unexpected 鈥榠nit_template鈥 (T_STRING) in C:\xampp\htdocs\parissecret\wp-content\themes\parissecret\functions.php on line 3
驴C贸mo los soluciono?

Un theme es un conjunto de archivos, una combinaci贸n de programas, escritos en lenguaje PHP, y hojas de estilo. Y puede contener otro tipo de elementos como javascripts, im谩genes, etc.

Para los que escribimos y solo pegamos enlaces:

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Para este curso estoy usando una distribuci贸n de Linux en Amazon Lightsail de AWS. Para crear los archivos y dem谩s, todo debe hacerse a trav茅s de la ruta /apps/wordpress/htdocs.

Eso estaba suponiendo sobre la extensi贸n para php

no me salio la imagen que hago?

Gracias por la clase. Todo perfectamente claro.

https://gwst.eu