Fragmentos de código 2025, Enero

Desactivar el formato automático - Trucos CSS

Desactivar el formato automático - Trucos CSS

Agregar al archivo functions.php remove_filter ('the_content', 'wptexturize'); remove_filter ('the_excerpt', 'wptexturize'); remove_filter ('comentario_texto', "

Detectar Gists e incrustarlos - Trucos CSS

Detectar Gists e incrustarlos - Trucos CSS

Simplemente publique un enlace a un GitHub Gist y estará muy bien integrado. O use el formato que proporciona este fragmento y cree el código corto usted mismo. Para tu"

Personalizar la página de inicio de sesión - Trucos CSS

Personalizar la página de inicio de sesión - Trucos CSS

Ya sabes, el que normalmente se encuentra en yoursite.com/wp-login.php. Estas son cosas que colocaría en el archivo functions.php del tema activo. Cambiar el logotipo es "

Personalizar el marcado de comentarios - Trucos CSS

Personalizar el marcado de comentarios - Trucos CSS

En un tema típico de WordPress, genera la lista completa de comentarios para una publicación / página utilizando la función wp_list_comments (). Esto no ofrece mucho por "

Página de error de base de datos personalizada - Trucos CSS

Página de error de base de datos personalizada - Trucos CSS

Coloque un archivo llamado "db-error.php" directamente dentro de su carpeta / wp-content / y WordPress lo usará automáticamente cuando haya una conexión a la base de datos "

Bloginfo Shortcode - Trucos CSS

Bloginfo Shortcode - Trucos CSS

La función bloginfo () en WordPress le da acceso a mucha información útil sobre su sitio. Vea la lista completa. Para acceder a todos estos valores "

Permitir SVG a través de WordPress Media Uploader - Trucos CSS

Permitir SVG a través de WordPress Media Uploader - Trucos CSS

NOTA: A partir de 4.7.1, esto ya no funciona exactamente como se publica aquí. El hilo de comentarios comienza aquí. Actualizaré esto una vez, la mejor manera de manejarlo "

Cambiar el tamaño del avatar - Trucos CSS

Cambiar el tamaño del avatar - Trucos CSS

La función wp_list_comments tiene un parámetro para cambiar el tamaño predeterminado (48px) a cualquier lugar entre 0 y 80px. wp_list_comments ('avatar_size = 80'); "

Aplicar CSS personalizado al área de administración - Trucos CSS

Aplicar CSS personalizado al área de administración - Trucos CSS

Agregue al archivo functions.php: add_action ('admin_head', 'my_custom_fonts'); función my_custom_fonts () (echo '';) "

Enlaces automáticos a redes sociales - Trucos CSS

Enlaces automáticos a redes sociales - Trucos CSS

Esto iría dentro del ciclo, probablemente debajo de the_content (), probablemente en su archivo single.php. // marcador en Delicious "

Estilo de comentarios con hilos base - Trucos CSS

Estilo de comentarios con hilos base - Trucos CSS

Ol.commentlist (estilo de lista: ninguno; margen: 0 0 1em; padding: 0; text-indent: 0;) ol.commentlist li () ol.commentlist li.alt () ol.commentlist "

Texto eliminatorio SVG - Trucos CSS

Texto eliminatorio SVG - Trucos CSS

La idea aquí es imaginar tres capas apiladas una encima de la otra donde la capa superior se usa para recortar una forma en la segunda capa para revelar el "

Bloqueo de texto - Trucos CSS

Bloqueo de texto - Trucos CSS

El gato en el sombrero SVG ofrece la etiqueta. Si bien funciona de manera muy similar a lo normal en HTML, acepta atributos que desbloquean una potente forma de texto "

Agregar clase a los enlaces generados por next_posts_link y previous_posts_link - Trucos CSS

Agregar clase a los enlaces generados por next_posts_link y previous_posts_link - Trucos CSS

Estas dos funciones crean vínculos de anclaje, y puede personalizar muchos de ellos, pero es imposible agregar una clase simplemente usando sus parámetros ".

Agregar / eliminar campos de información de contacto - Trucos CSS

Agregar / eliminar campos de información de contacto - Trucos CSS

Los perfiles de usuario en WordPress tienen estos campos para la información de contacto de forma predeterminada: correo electrónico, sitio web, AIM, Yahoo IM, Jabber / Google Talk. Puede eliminarlos y "

Opciones de exportación de Adobe Illustrator - Trucos CSS

Opciones de exportación de Adobe Illustrator - Trucos CSS

Esto es menos un fragmento y más un recordatorio de algo que busco a menudo. Al crear archivos SVG en Adobe Illustrator, hay un par de "

Texto curvo a lo largo de una ruta - Trucos CSS

Texto curvo a lo largo de una ruta - Trucos CSS

Podemos hacer fluir el texto a lo largo de una línea curva con tres herramientas integradas en SVG:, y. El fragmento Curvas peligrosas por delante Cómo llegamos allí Imagine que dibujamos un "

Agregar nombre de categoría a body_class - Trucos CSS

Agregar nombre de categoría a body_class - Trucos CSS

La función body_class es útil para agregar un montón de clases a la etiqueta del cuerpo que tienen información sobre qué tipo de página se muestra actualmente ".

Patrones SVG - Trucos CSS

Patrones SVG - Trucos CSS

El elemento SVG nos permite definir patrones dentro de nuestro marcado SVG y usar esos patrones como relleno. El proceso básico de los patrones "

Dar forma a los iconos morphing en el botón al hacer clic - Trucos CSS

Dar forma a los iconos morphing en el botón al hacer clic - Trucos CSS

La idea aquí es usar un ícono SVG en un botón e intercambiar ese ícono por otro cuando se hace clic en el botón. Un clic en un botón a menudo sugiere que una acción tiene "

Menú de hamburguesas SVG - Trucos CSS

Menú de hamburguesas SVG - Trucos CSS

Tres franjas deberían ser algo tan fácil de dibujar. Aquí hay varias formas diferentes de hacerlo en la web. Dicho esto, SVG es definitivamente la mejor manera de "

Tipografía de tamaño de ventana gráfica con tamaños mínimo y máximo - Trucos CSS

Tipografía de tamaño de ventana gráfica con tamaños mínimo y máximo - Trucos CSS

Declarar tamaños de fuente en unidades de ventana gráfica puede producir resultados realmente interesantes, pero conlleva desafíos. No hay min-font-size o "

Utilice una variable de Sass para un selector - Trucos CSS

Utilice una variable de Sass para un selector - Trucos CSS

Supongamos que necesita usar un selector determinado en varios lugares de su código. No es tremendamente común, sin duda, pero suceden cosas. El código repetido es "

Funciones de tinte y sombra - Trucos CSS

Funciones de tinte y sombra - Trucos CSS

Ambas funciones, aclarar y oscurecer, manipulan la claridad de un color en el espacio HSL añadiéndole o restando luminosidad. Básicamente, son "

Mixin degradado de rayas - Trucos CSS

Mixin degradado de rayas - Trucos CSS

Una forma popular de dibujar rayas en CSS es para definir un degradado lineal con paradas de color superpuestas. Funciona muy bien pero no es muy cómodo de escribir "

Función Str-replace - Trucos CSS

Función Str-replace - Trucos CSS

Sass proporciona una colección de funciones útiles para manipular cadenas, sin embargo, no hay ninguna función para reemplazar una subcadena con otra cadena. Aquí hay un "

Función de clasificación - Trucos CSS

Función de clasificación - Trucos CSS

Sass no proporciona ninguna forma incorporada de ordenar una lista de valores. Gracias a las funciones de manipulación de cadenas, podemos crear una función para ordenar una lista de elementos "

Función de unidad de tira - Trucos CSS

Función de unidad de tira - Trucos CSS

Hay mucha confusión en torno a la forma en que funcionan las unidades en Sass. Sin embargo, funcionan exactamente como lo hacen en la vida real. Si desea eliminar la unidad de valor, "

Simplificación de contextos y eventos - Trucos CSS

Simplificación de contextos y eventos - Trucos CSS

Sass de alguna manera puede ser una pequeña caja negra, especialmente para los desarrolladores jóvenes: pones algunas cosas, obtienes algunas cosas. Toma la referencia del selector "