¿Está buscando algunos fragmentos de código de WordPress para usar en su sitio web?
Agregar fragmentos de código a su sitio de WordPress le permite crear diseños y funcionalidades únicos que tal vez no sean posibles con temas y plugins. Los fragmentos también pueden mejorar la seguridad de su sitio web y hacer que su panel de administración sea más fácil de usar.
En este artículo, compartiremos contigo nuestra lista de los fragmentos de código de WordPress más útiles para principiantes.
¿Por qué agregar fragmentos de código en WordPress?
Si tiene un sitio web de WordPress, agregar algunos fragmentos de código útiles a los archivos de su tema o un plugin de fragmentos de código puede ayudarlo a desbloquear una personalización ilimitada y hacer que su sitio se destaque.
Puede utilizar código personalizado para personalizar algunos elementos específicos de su sitio web. Por ejemplo, puedes cambiar el color de la selección de texto en WordPress agregando un simple fragmento de código CSS.
Como principiante, agregar algunos fragmentos de código útiles también puede mejorar el rendimiento y la velocidad de su sitio al reducir la necesidad de múltiples plugins.
Más allá de eso, los fragmentos pueden ayudarle a ampliar sus habilidades de codificación y utilizar la amplia biblioteca de fragmentos de código compartidos de forma gratuita por la comunidad de WordPress.
Dicho esto, echemos un vistazo a algunos de los fragmentos de código de WordPress más útiles para principiantes. Puede utilizar los enlaces rápidos a continuación para saltar a diferentes partes de nuestro tutorial:
1. Permitir la carga de archivos SVG
SVG (Scalable Vector Graphics) es un formato de archivo que define gráficos vectoriales utilizando el lenguaje de marcado XML. Este formato permite ampliar imágenes sin perder calidad.
Estos archivos son más pequeños y livianos que JPEG o PNG y lo ayudan a aumentar la velocidad de su sitio web.
Sin embargo, WordPress no permite la carga de archivos SVG de forma predeterminada porque los archivos SVG pueden contener código malicioso que compromete la seguridad del sitio.
Teniendo esto en cuenta, si aún deseas cargar archivos SVG a tu sitio web, puedes agregar el siguiente fragmento de código a tu sitio:
/**
* Allow SVG uploads for administrator users.
*
* @param array $upload_mimes Allowed mime types.
*
* @return mixed
*/
add_filter(
'upload_mimes',
function ( $upload_mimes ) {
// By default, only administrator users are allowed to add SVGs.
// To enable more user types edit or comment the lines below but beware of
// the security risks if you allow any user to upload SVG files.
if ( ! current_user_can( 'administrator' ) ) {
return $upload_mimes;
}
$upload_mimes['svg'] = 'image/svg+xml';
$upload_mimes['svgz'] = 'image/svg+xml';
return $upload_mimes;
}
);
/**
* Add SVG files mime check.
*
* @param array $wp_check_filetype_and_ext Values for the extension, mime type, and corrected filename.
* @param string $file Full path to the file.
* @param string $filename The name of the file (may differ from $file due to $file being in a tmp directory).
* @param string[] $mimes Array of mime types keyed by their file extension regex.
* @param string|false $real_mime The actual mime type or false if the type cannot be determined.
*/
add_filter(
'wp_check_filetype_and_ext',
function ( $wp_check_filetype_and_ext, $file, $filename, $mimes, $real_mime ) {
if ( ! $wp_check_filetype_and_ext['type'] ) {
$check_filetype = wp_check_filetype( $filename, $mimes );
$ext = $check_filetype['ext'];
$type = $check_filetype['type'];
$proper_filename = $filename;
if ( $type && 0 === strpos( $type, 'image/' ) && 'svg' !== $ext ) {
$ext = false;
$type = false;
}
$wp_check_filetype_and_ext = compact( 'ext', 'type', 'proper_filename' );
}
return $wp_check_filetype_and_ext;
},
10,
5
);
Puede agregar este código al archivo Functions.php de su tema o usar un plugin de fragmento de código como Código WP. Más adelante en este artículo, le mostraremos exactamente cómo hacer esto.
Para obtener instrucciones más detalladas, puede consultar nuestro tutorial sobre cómo agregar archivos de imagen SVG en WordPress.
2. Deshabilite la barra de administración de WP
De forma predeterminada, WordPress muestra una barra de administración en la parte superior de su sitio web para todos los usuarios registrados como suscriptores, autores, editores y cualquier otra función de usuario.
Esta barra de administración puede dirigirlos a su panel de WordPress, donde pueden realizar cambios en su sitio según los permisos del usuario.
Sin embargo, puede distraer un poco mirar la parte frontal de su sitio web porque a veces puede superponerse con elementos de diseño como el encabezado.
Para deshabilitar la barra de administración de WP, simplemente agregue el siguiente fragmento de código PHP a su sitio de WordPress:
/* Disable WordPress Admin Bar for all users */ add_filter( 'show_admin_bar', '__return_false' );
Después de ejecutar el código, la barra de administración no aparecerá en la parte frontal del sitio web.
Sin embargo, si desea eliminar la barra de administración para todos excepto para el administrador, puede ver nuestro tutorial sobre cómo deshabilitar la barra de administración de WordPress para todos los usuarios excepto los administradores.
3. Elimina el número de versión de WordPress.
WordPress muestra el número de versión actual de WordPress en su sitio web para realizar un seguimiento.
Sin embargo, a veces, esta huella digital puede provocar fugas de seguridad al indicar a los piratas informáticos qué versión de WordPress está utilizando. Luego, los piratas informáticos pueden atacar vulnerabilidades conocidas en versiones específicas.
Para eliminar el número de versión, agregue el siguiente fragmento de código a su sitio web:
add_filter('the_generator', '__return_empty_string');
Una vez hecho esto, los piratas informáticos no podrán adivinar su versión de WordPress con escáneres automáticos y otros intentos menos sofisticados.
Para obtener instrucciones más detalladas, puede consultar nuestro tutorial sobre la forma correcta de eliminar el número de versión de WordPress.
Los feeds RSS permiten a los usuarios recibir actualizaciones periódicas en su blog de WordPress con un lector de feeds como Feedly.
Esto puede ayudarle a promocionar su contenido y generar más tráfico a su sitio. Al agregar imágenes destacadas o miniaturas junto a las publicaciones en sus feeds RSS, puede hacer que el feed sea visualmente atractivo y mejorar aún más la experiencia del usuario.
Puede mostrar fácilmente miniaturas de publicaciones en sus canales RSS agregando el siguiente útil fragmento de código de WordPress:
/**
* Add the post thumbnail, if available, before the content in feeds.
*
* @param string $content The post content.
*
* @return string
*/
function wpcode_snippet_rss_post_thumbnail( $content ) {
global $post;
if ( has_post_thumbnail( $post->ID ) ) {
$content="<p>" . get_the_post_thumbnail( $post->ID ) . '</p>' . $content;
}
return $content;
}
add_filter( 'the_excerpt_rss', 'wpcode_snippet_rss_post_thumbnail' );
add_filter( 'the_content_feed', 'wpcode_snippet_rss_post_thumbnail' );
Esto puede hacer que su feed sea más atractivo y atraer visitantes a su sitio.
Para obtener información más detallada, consulte nuestro tutorial sobre cómo agregar miniaturas de publicaciones a los canales RSS de WordPress.
5. Desactive los correos electrónicos de actualización automática
De forma predeterminada, WordPress le envía una notificación por correo electrónico cada vez que actualiza automáticamente cualquier plugin, tema o el propio núcleo.
Esto puede resultar muy molesto si tiene varios sitios de WordPress y ve constantemente estas notificaciones al abrir su cuenta de correo electrónico.
En ese caso, puedes desactivar fácilmente los correos electrónicos de actualización automática agregando el siguiente fragmento de código PHP a tu sitio web:
// Disable auto-update emails. add_filter( 'auto_core_update_send_email', '__return_false' ); // Disable auto-update emails for plugins. add_filter( 'auto_plugin_update_send_email', '__return_false' ); // Disable auto-update emails for themes. add_filter( 'auto_theme_update_send_email', '__return_false' );
Una vez que haga esto, no recibirá ninguna notificación de actualizaciones automáticas de plugins o temas.
Para obtener instrucciones detalladas, consulte nuestro tutorial paso a paso sobre cómo deshabilitar las notificaciones por correo electrónico de actualización automática en WordPress.
6. Edite «Buenos días, administrador» en la barra de administración.
Cuando inicie sesión en su panel de WordPress, será recibido con un «Hola» seguido de su nombre que aparece en la esquina superior derecha de la pantalla.
Es posible que este saludo no le parezca natural o que le parezca anticuado o incluso un poco molesto.
Puedes cambiar fácilmente el saludo en la barra de administración agregando el siguiente fragmento de código a tu sitio de WordPress:
function wpcode_snippet_replace_howdy( $wp_admin_bar ) {
// Edit the line below to set what you want the admin bar to display intead of "Howdy,".
$new_howdy = 'Welcome,';
$my_account = $wp_admin_bar->get_node( 'my-account' );
$wp_admin_bar->add_node(
array(
'id' => 'my-account',
'title' => str_replace( 'Howdy,', $new_howdy, $my_account->title ),
)
);
}
add_filter( 'admin_bar_menu', 'wpcode_snippet_replace_howdy', 25 );
Una vez que haya agregado el código, también deberá agregar un saludo de su elección junto al $new_howdy = línea en el código.
Para obtener más información, puede consultar nuestro tutorial sobre cómo cambiar o eliminar «Howdy Admin» en WordPress.
7. Deshabilite XML-RPC
XML-RPC es una API central de WordPress. Permite a los usuarios conectarse a sus sitios web con servicios de terceros.
Por ejemplo, deberá habilitar XML-RPC si desea utilizar una herramienta de automatización como Uncanny Automator o una aplicación móvil para administrar su sitio web.
Sin embargo, si no desea utilizar ninguna de estas funciones, le recomendamos deshabilitar XML-RPC para evitar que los piratas informáticos accedan a su sitio web.
Los piratas informáticos pueden aprovechar estas vulnerabilidades para encontrar sus credenciales de inicio de sesión o lanzar ataques DDoS.
Para deshabilitar XML-RPC, puede utilizar el siguiente fragmento de código en su sitio web:
add_filter( 'xmlrpc_enabled', '__return_false' );
Si necesitas más información, puedes ver nuestro tutorial sobre cómo desactivar XML-RPC en WordPress.
8. Desactivar el vaciado automático de la papelera
WordPress elimina todo lo que haya estado en la papelera durante más de 30 días, incluidas publicaciones, páginas y archivos multimedia.
Sin embargo, es posible que algunos usuarios no quieran vaciar automáticamente la papelera para poder recuperar los archivos eliminados en cualquier momento.
En ese caso, puedes agregar el siguiente fragmento de código a tu sitio de WordPress:
add_action( 'init', function() {
remove_action( 'wp_scheduled_delete', 'wp_scheduled_delete' );
} );
Después de agregar este código, ahora tendrás que vaciar la papelera manualmente. Para más detalles, puedes consultar nuestro tutorial sobre cómo limitar o desactivar el vaciado automático de la papelera en WordPress.
9. Cambia la longitud del extracto.
Los extractos son las primeras líneas de las publicaciones de su blog que aparecen debajo de los títulos de las publicaciones en su página de inicio, blog o página de archivo de WordPress.
Es posible que desees reducir la extensión del extracto para crear una sensación de intriga entre los usuarios y animarlos a hacer clic en la publicación para obtener más información. Del mismo modo, también puedes aumentar la extensión para brindar más contexto e información clave a los lectores sin tener que hacer clic en la publicación.
Para cambiar la longitud del extracto, simplemente agregue el siguiente fragmento de código a su sitio web:
add_filter(
'excerpt_length',
function ( $length ) {
// Number of words to display in the excerpt.
return 40;
},
500
);
De forma predeterminada, este fragmento limitará el extracto a 40 palabras, pero puede cambiar el número en la línea 5 según lo que funcione mejor para su blog.
Para obtener más información, consulte nuestra guía para principiantes sobre cómo personalizar extractos de WordPress.
10. Deshabilite la verificación de correo electrónico del administrador del sitio
De forma predeterminada, WordPress envía un correo electrónico de verificación de administrador a los administradores del sitio cada pocos meses para comprobar si el correo electrónico que utilizan sigue siendo correcto.
Sin embargo, en ocasiones esta alerta puede enviarse con más frecuencia de la necesaria, lo que puede resultar molesto.
Afortunadamente, puedes desactivar la advertencia de verificación del correo electrónico del administrador agregando el siguiente fragmento de código a tu sitio de WordPress:
add_filter( 'admin_email_check_interval', '__return_false' );
Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo desactivar la advertencia de verificación del correo electrónico del administrador de WordPress.
11. Deshabilite las actualizaciones automáticas
WordPress actualiza automáticamente el software, los plugins o los temas principales para reducir las amenazas a la seguridad, las infecciones de malware, las infracciones de sitios web y el robo de datos.
Sin embargo, las actualizaciones automáticas a veces pueden introducir problemas de compatibilidad o dañar su sitio web en situaciones excepcionales.
En ese caso, puede utilizar el siguiente fragmento de código para desactivar las actualizaciones automáticas:
// Disable core auto-updates add_filter( 'auto_update_core', '__return_false' ); // Disable auto-updates for plugins. add_filter( 'auto_update_plugin', '__return_false' ); // Disable auto-updates for themes. add_filter( 'auto_update_theme', '__return_false' );
Esto deshabilitará todas las actualizaciones automáticas de WordPress para el software, los temas y los plugins principales. Para obtener información detallada, consulte nuestro tutorial sobre cómo deshabilitar las actualizaciones automáticas en WordPress.
Cómo agregar fragmentos de código en WordPress (método sencillo)
Ahora que conoce los fragmentos de código de WordPress más útiles para principiantes, puede agregarlos fácilmente a las hojas de estilo de su tema o al archivo Functions.php.
Sin embargo, recuerda que el más mínimo error al escribir el código puede dañar tu sitio y hacerlo inaccesible. Además, si cambias a un tema diferente, todo tu código personalizado se perderá y tendrás que agregarlo nuevamente.
Por eso siempre recomendamos usarlo. Código WP.
Es el mejor plugin de fragmentos de código de WordPress del mercado que hace que sea súper seguro y fácil agregar código personalizado a su sitio web.
Además, el plugin también incluye una biblioteca de más de 900 fragmentos de código, incluidos todos los mencionados anteriormente. Para obtener más información, consulte nuestra revisión completa de WPCode.
Primero necesitas instalar y activar el archivo. Código WP conectar. Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo instalar un plugin de WordPress.
Nota: También hay una Plugin gratuito de WPCóde que puedes usar. Sin embargo, actualizar al plugin premium le dará acceso a una biblioteca de fragmentos basada en la nube, revisiones de códigos y más.
Después de la activación, visite el Fragmento de código » + Agregar fragmento página desde su panel de WordPress.
Se le dirigirá a la biblioteca de fragmentos, donde podrá agregar código personalizado a su sitio web haciendo clic en el botón «Usar fragmento» debajo de la opción «Agregar su código personalizado (nuevo fragmento)».
Sin embargo, si desea utilizar un fragmento de código predeterminado, simplemente puede hacer clic en el botón «Usar fragmento» debajo de esa opción.
Si está agregando un fragmento de código personalizado, simplemente péguelo en el cuadro «Vista previa del código».
Luego, desplácese hacia abajo hasta la sección «Insertar» y elija el modo «Inserción automática». El código se ejecutará automáticamente en su sitio web después de activar el fragmento.
Finalmente, visite la parte superior de la página y cambie de inactivo a activo. A continuación, simplemente haga clic en el botón «Actualizar» para almacenar su configuración.
Ahora ha agregado con éxito el fragmento de código a su sitio de WordPress.
Para obtener instrucciones más detalladas, consulte nuestra guía para principiantes sobre cómo agregar fácilmente código personalizado en WordPress.
Preguntas frecuentes sobre fragmentos de código de WordPress
Aquí hay una lista de algunas preguntas frecuentes de nuestros lectores sobre el uso de código personalizado y fragmentos de código en WordPress.
¿Cómo puedo ver el código en mi sitio de WordPress?
Si escribe publicaciones de blog sobre temas técnicos, puede resultar útil agregar fragmentos de código a sus publicaciones. Para hacer esto, debe abrir la página/publicación donde desea ver el fragmento de código y hacer clic en el botón «+» para agregar bloque.
Una vez hecho esto, simplemente inserte el bloque Código desde el menú de bloques y luego agregue su código personalizado en el bloque mismo.
Finalmente, haga clic en el botón «Publicar» o «Actualizar» en la parte superior para almacenar sus cambios.
El fragmento de código aparecerá ahora en su sitio de WordPress. Para obtener instrucciones detalladas, consulte nuestro tutorial sobre cómo mostrar código fácilmente en su sitio de WordPress.
¿Cómo puedo crear un sitio web de WordPress desde cero sin escribir código?
Si desea crear un sitio web desde cero sin utilizar ningún código, puede utilizar SemillaProd.
Es el mejor creador de páginas de WordPress del mercado que le permite crear temas personalizados y páginas de destino sin necesidad de codificación.
El plugin viene con más de 300 plantillas prediseñadas, un generador de arrastrar y soltar y numerosos bloques avanzados que le permiten crear un sitio web atractivo con solo unos pocos clics.
Para más detalles, puedes consultar nuestro tutorial sobre cómo crear una página de destino en WordPress.
¿Dónde puedo encontrar fragmentos de código de WordPress?
Puede utilizar la biblioteca de WPCode para acceder a más de 900 fragmentos de código que puede agregar fácilmente a su sitio web.
Sin embargo, si no lo usas Código WPTambién puede obtener fragmentos de código preescritos de sitios web como Stack Overflow, CodePen o GenerateWP.
Esperamos que este artículo te haya ayudado a encontrar los fragmentos de código de WordPress más útiles para principiantes. Es posible que también desee ver nuestro tutorial sobre cómo agregar fácilmente JavaScript a páginas o publicaciones de WordPress y nuestras mejores opciones para los mejores creadores de temas de WordPress del mercado.
FAQ: Preguntas y respuestas esenciales
¿Qué código se usa en WordPress?
El código que se utiliza en WordPress es principalmente PHP, el cual se utiliza para desarrollar temas y plugins personalizados, así como para manipular datos en la base de datos. Se puede agregar código PHP a un tema activo desde los archivos como ‘functions.php’.
¿Qué es WPCode?
WPCode es un popular plugin de WordPress que permite añadir fácilmente fragmentos de código en tu sitio web sin necesidad de editar los archivos de functions. Es utilizado por más de 2 millones de sitios web debido a su facilidad de uso y funcionalidad.
¿Cómo escribir código en WordPress?
Para escribir código en WordPress, puedes seguir estos pasos: 1. Accede al menú de administración de WordPress. 2. Haz clic en ‘Fragmentos de código’ o en el botón ‘Añadir nuevo’. 3. Se abrirá una ventana donde puedes añadir tu nuevo código personalizado. 4. Escribe el código en el editor proporcionado. 5. Guarda los cambios y verifica que tu código se haya añadido correctamente. Recuerda que es importante realizar pruebas y asegurarte de que el código funcione correctamente antes de implementarlo en tu sitio web.
¿Te ha resultado útil??
0 / 0