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:

5D
4H
27M
53S

Asignando theme supports

7/13
Recursos

Aportes 14

Preguntas 7

Ordenar por:

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

o inicia sesi贸n.

el profe tuvo una equivocaci贸n al momento de poner el <?php the_custom_logo(); ?> ya que el lugar con el que lo reemplazo era el icono del men煤 cuando esta en mobile, de nada! 馃槃

En nuevas versiones de WordPress
Para los que el logo de Yard Sales no les aparezca entre las im谩genes al clickear 鈥榰pload files鈥:
-> Es porque necesitan primero permitir la subida de formato .svg

Una soluci贸n es agregar en functions.php y en wp-config.php lo siguiente

functions.php agregar el siguiente c贸digo

function cc_mime_types($mimes)
{
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

Y luego en el archivo wp-config.php que se encuentra en la carpeta ra铆z de la instalaci贸n de WordPress agregar esto

define('ALLOW_UNFILTERED_UPLOADS', true);

Esto va a hacer que puedan subir .svg aunque si e har谩 en un sitio online se recomienda usar un plugin como este que es gratuito: Safe SVG

Por un curso de todos los theme suports y formas de dar estilos personalizados las paginas y post! XD va genial el curso 鉂わ笍

Pueden utilizar esta herramienta: https://generatewp.com/theme-support/ Para crear c贸digo personalizado y agregar las caracter铆sticas del tema con la funci贸n add_theme_support ();

Parece algo obvio pero es buena idea desactivar Ad-Block, al customizar el logo me daba problemas, porque uso Brave, y ten铆a los escudos arriba. Espero que este tip le sirva a alguien m谩s.

Creo que al final coloca el c贸digo del logo en el menu hamburguesa y debe ser remplazado es en la secci贸n de Logo.

T铆tulo
Esta funci贸n permite a los temas a帽adir la etiqueta de t铆tulo del documento al HTML <head>.
add_theme_support(鈥榯itle-tag鈥);
A帽adir thumbnail
add_theme_support(鈥榩ost-thumbnails鈥);'
Logo personalizado

add_theme_support('custom-logo', array(
	"width" => 170,
	"height" => 35,
	"flex-width" => true,
	"flex-height" => true,
));

the_custom_logo(); 

Si el logo les queda grande despu茅s de seleccionar la imagen, deben escalarla a 170x35.

que brutal esta clase!

desde este recurso https://generatewp.com/theme-support/ que encontr茅 por internet, puede ser que sirva para los support para los theme

7. Agregando theme supports

Hemos aprendido a poder personalizar:

El logo, el favicon y el t铆tulo.

functions.php

function arudope_theme_supports(){
    add_theme_support('title-tag');
    add_theme_support('post-thumbnails');
    add_theme_support('custom-logo',
    array(
        "width" => 170,
        "height" => 35,
        "flex-width" => true,
        "flex-height" => true,
    )
);
}

add_action("after_setup_theme", "arudope_theme_supports");

Documentaci贸n:

https://developer.wordpress.org/reference/functions/add_theme_support/

Buenas! Estaba teniendo un error al intentar subir una imag茅n al wordpress. Buscando en internet el problema es por usar el servidor Apache en LocalWP, la soluci贸n fue usar nginx. Por si alguien tiene el mismo problema鈥

En esta clase aprenderemos a usar los theme supports mas esenciales para darle m谩s dinamismo a nuestro tema, sin embargo, existen muchos m谩s los cuales nos pueden ayudar a dar aun m谩s dinamismo a la p谩gina.

Como primer paso agregamos una funci贸n en nuestro archivo de functions la cual le damos el nombre de theme_supports, despu茅s de ello dentro agregamos otra funci贸n que esta vez es de wp llamada add_theme_support() en donde agregaremos con string los support que necesitemos.
Antes de pasar a los support que agrgamos es necesario recordar que despu茅s de la funci贸n agregamos un action para ejecutarla con el hook llamado after_setup_theme el cual se realiza cuando wp reconoce nuestro theme y lo empieza a cargar.

A continuaci贸n algunos de los support que agregamos en esta clase:

  • title-tag: este nos ayuda para la parte del titulo que esta en la pesta帽a del navegador, lo podemos modificar desde nuestro admn de wp en settings>general>site title y tag line
  • post-thumbnails: sirve para tener la opci贸n de agregar una imagen destacada en las p谩ginas o en los post. Esta imagen puede ser agregada mediante nuestro admn de wp en pages>featured image
  • custom-logo: sirve para establecer un logo mediante nuestro admn de wp en appareance>costumize>site identity en donde ademas del logo podemos agregar un favicon. Por 煤ltimo lo que hacemos es quitar la imagen del logo en el header y agregar una funci贸n que nos dara el logo que tenemos configurado, esta funci贸n es: the_custom_logo(). Hay que recordar que custom-logo en nuestro archivo de funciones lleva un argumento extra el cual es un array con algunas configuraciones las cuales son las siguientes:
    1. widht: ancho del logo
    2. height: altura del logo
    3. flex-width: sirve para que en caso de que el ancho sea un poco diferente, no se recorte si no que se estire.
    4. flex-height: lo mismo que el width pero para el alto del logo.

Cuando intentaba recortar la imagen para subirla como logo me marcaba un error Wordpress.

El error ocurre al momento de darle click al bot贸n de recortar la imagen, por lo que no se pod铆a hacer. Al parecer este problema es por la falta de una librer铆a de php que permite recortar las im谩genes.

utilice los siguientes links para solucionar mi problema en linux:

Espero que les sea de ayuda 馃槉