Asignando Theme Supports

Curso de Creación de Temas para WordPress

Comenzando nuestro theme

Presentación del curso

Instalando WordPress de forma local

Estructura de Theme de WordPress

Armar estructura del Theme

Armando los archivos de nuestro Theme

Hooks

Agregando de funcionalidades de WordPress a nuestro theme

Asignando theme supports

Registrar y mostrar menúes

Registrando sidebars para nuestros Widgets

Personalizar el Loop de WordPress

Creando un Custom Post Type

Listando nuestros productos

Refactorizando nuestro código

Cierre del curso

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Si ya tienes una cuenta,

Recursos

Aportes 18

Preguntas 9

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Federico Alberto Rojas

hace 3 años

En nuevas versiones de WordPress
Para los que el logo de Yard Sales no les aparezca entre las imágenes al clickear ‘upload 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

CarlosS21

hace 3 años

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! 😄

Alvaro H. Ruiz V.

hace 3 años

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

Andrés Felipe Patiño Vallejo

hace 3 años

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 ();

César Luis Amundaray Rodríguez

hace 2 años

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

capdigital

hace un año

Error con el "Crop Image"
Trabajo con Xampp, y tenía un problema cuando intentaba hacer el “crop image” del logo, salía un error y no dejaba. Después de mucho buscar encontré que había un problema con una librería de php que no estaba habilitada.

La solución fue editar el “php.ini” , buscar la linea de la librería “extension=gd” y quitar el “;” del comienzo, para habilitarla. Para que vuelva a cargar el archivo php.ini se debe apagar y volver a encender el servidor de Apache y MySql desde xampp.

Tampoco me funciona muy bien tener el flex en el array, ya que no recorta la imagen al tamaño necesario, quedando muy grande. Decidí quitar los flex.

Andres-Vega

hace 3 años

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.

Aldo Miguel Ortiz Parodi

hace 3 años

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/

Carlos Perilla

hace 3 años

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.

Jesús Velázquez Jiménez

hace 3 años

Título
Esta función permite a los temas añadir la etiqueta de título del documento al HTML <head>.
add_theme_support(‘title-tag’);
Añadir thumbnail
add_theme_support(‘post-thumbnails’);'
Logo personalizado

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

the_custom_logo();

Ivan Luna

hace 2 años

que brutal esta clase!

Freddy Rafael Peñalver Nuñez

hace 3 años

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

Carlos Javier Alonso Vergara

hace 5 meses

A mi no me aparece la pagina "Inicio", no se si en algún video anterior se añadió o ya viene por defecto, pero a mi no me viene en mi wordpress. He revisado videos anteriores y no lo veo.

Alejandro Ariza

hace un año

al cambiar el icono el favicon al recortar me sale este error: Se ha producido un error recortando la imagen.

Rodrigo Alles

hace 2 años

Apuntes

Asignando Theme Supports en WordPress

Los Theme Supports son funciones que se utilizan en el archivo functions.php de un tema para agregar características específicas a un tema de WordPress. A continuación, se explican algunas funciones Theme Supports comunes que se pueden utilizar en un tema de WordPress.

title-tag

La función title-tag se utiliza para permitir que WordPress genere automáticamente la etiqueta <title> en la cabecera del sitio web. Esto es importante para mejorar la accesibilidad y el SEO del sitio web.

add_theme_support( 'title-tag' );

after_setup_theme

La función after_setup_theme se utiliza para definir las características del tema después de que se ha configurado el tema. Esto es importante para asegurarse de que todas las características del tema se establezcan correctamente.

add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
    // Theme setup code here
}

post-thumbnails

La función post-thumbnails se utiliza para permitir que las imágenes destacadas se muestren en las publicaciones. Es importante asegurarse de que los tamaños de imagen estén configurados correctamente para evitar problemas de carga de página.

add_theme_support( 'post-thumbnails' );

Para mostrar la imagen destacada en una publicación, se puede utilizar la siguiente función en el archivo single.php del tema:

<?php if ( has_post_thumbnail() ) : ?>
    <div class="post-thumbnail">
        <?php the_post_thumbnail(); ?>
    </div>
<?php endif; ?>

custom-logo

La función custom-logo se utiliza para permitir que se muestre un logotipo personalizado en el sitio web. La función también permite definir el tamaño y la posición del logotipo.

add_theme_support( 'custom-logo', array(
    'height'      => 100,
    'width'       => 400,
    'flex-height' => true,
    'flex-width'  => true,
) );

En este ejemplo, el logotipo tendrá una altura de 100 píxeles y una anchura de 400 píxeles. La opción flex-height permite que la altura del logotipo sea flexible y la opción flex-width permite que la anchura del logotipo sea flexible.

Para mostrar el logotipo en el archivo header.php del tema, se puede utilizar la siguiente función:

<?php if ( has_custom_logo() ) : ?>
    <div class="site-logo"><?php the_custom_logo(); ?></div>
<?php endif; ?>

Conclusión

Los Theme Supports son funciones importantes que se utilizan en el archivo functions.php de un tema de WordPress para agregar características específicas a un sitio web. Al utilizar estas funciones, se puede personalizar fácilmente el tema para satisfacer las necesidades específicas de cada sitio web.

Lautaro Agustin Barrera

hace 2 años

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…

Oscar Adrián Martínez Cavazos

hace 3 años

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.

Tomás Navarro Angeles

hace 3 años

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 😊