Hola, hoy traemos una serie de 20 Trucos de código para WordPress para que lo puedas personalizar sin utilizar plugins de terceros.
Contenido
Cómo insertar el código en tu WordPress
Para añadir código personalizado a WordPress, puedes utilizar un plugin de código personalizado o modificar los archivos de tu tema o plugin.
- Plugin de código personalizado: Si no quieres modificar los archivos de tu tema o plugin, puedes utilizar un plugin de código personalizado para añadir código a tu sitio. Algunos ejemplos de plugins de código personalizado son «Custom CSS and JS» y «Custom Code». Estos plugins te permiten añadir código personalizado sin tener que modificar los archivos de tu tema o plugin.
- Modificación de archivos de tema o plugin: Puedes añadir código personalizado a cualquier archivo de tema o plugin que tengas instalado en tu sitio. Si quieres que el código sea permanente, debes añadirlo a un archivo de tema o plugin personalizado, en lugar de a un archivo de un tema o plugin de terceros que pueda ser actualizado y eliminar el código. Un archivo comúnmente utilizado para añadir código personalizado es el archivo
functions.phpde tu tema. Debes tener cuidado al añadir código a estos archivos, ya que puedes provocar errores o problemas de rendimiento si no sigues la sintaxis correcta de PHP. Puedes ver como crear un plugin personalizado aquí
20 Trucos de código para WordPress
1. Añade un enlace a la página anterior o siguiente en tus entradas
Puedes utilizar las funciones previous_post_link y next_post_link para añadir enlaces a la página anterior o siguiente en tus entradas de blog. Por ejemplo:
<?php previous_post_link('%link', 'Anterior'); ?>
<?php next_post_link('%link', 'Siguiente'); ?>
2. Personaliza el pie de página de tu sitio
Puedes utilizar la función wp_footer para añadir código o scripts al pie de página de tu sitio. Por ejemplo, si quieres añadir el código de Google Analytics a tu pie de página, puedes utilizar el siguiente código:
<?php
function add_google_analytics() {
?>
<script>
// Tu código de Google Analytics aquí
</script>
<?php
}
add_action('wp_footer', 'add_google_analytics');
?>
Puedes utilizar la función wp_nav_menu para añadir un menú de navegación personalizado a tu sitio. Por ejemplo:
<?php
wp_nav_menu(array(
'theme_location' => 'menu-principal',
'container' => 'nav',
'container_class' => 'menu-principal',
'items_wrap' => '<ul>%3$s</ul>',
));
?>
4. Añade una barra lateral a tu sitio
Puedes utilizar la función dynamic_sidebar para añadir una barra lateral a tu sitio. Por ejemplo:
<?php
if (is_active_sidebar('barra-lateral')) {
dynamic_sidebar('barra-lateral');
}
?>
5. Personaliza el título de tu sitio
Puedes utilizar la función wp_title para personalizar el título de tu sitio. Por ejemplo:
<title><?php wp_title(); ?></title>Puedes utilizar la función wp_enqueue_script para añadir un botón de «Compartir en redes sociales» a tus entradas de blog. Por ejemplo:
<?php
function add_boton_compartir() {
wp_enqueue_script('botón-compartir', get_template_directory_uri() . '/js/botón-compartir.js', array('jquery'), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'add_boton_compartir');
?>
Esta función añade un script de JavaScript llamado botón-compartir.js a tu sitio. Puedes utilizar este script para añadir un botón de «Compartir en redes sociales» a tus entradas de blog. Es importante tener en cuenta que debes crear el archivo botón-compartir.js y colocarlo en la carpeta js de tu tema para que esto funcione.
7. Añade un formulario de búsqueda personalizado a tu sitio
Puedes utilizar la función get_search_form para añadir un formulario de búsqueda personalizado a tu sitio. Por ejemplo:
<?php get_search_form(); ?>
8. Personaliza el pie de página de tu panel de administración
Puedes utilizar la función update_option para personalizar el pie de página de tu panel de administración. Por ejemplo:
<?php
update_option('admin_footer_text', 'Tu texto personalizado aquí');
?>
9. Añade una imagen destacada a tus entradas de blog
Puedes utilizar la función the_post_thumbnail para añadir una imagen destacada a tus entradas de blog. Por ejemplo:
<?php
if (has_post_thumbnail()) {
the_post_thumbnail('tamaño-de-la-imagen');
}
?>
10. Añade una barra de progreso a tus entradas de blog
Puedes utilizar la función the_post_progress para añadir una barra de progreso a tus entradas de blog. Por ejemplo:
<?php
$progreso = get_post_meta(get_the_ID(), 'progreso', true);
if ($progreso) {
the_post_progress($progreso);
}
?>
Aquí te presento 10 trucos más de código para WordPress, sin caracteres especiales en los nombres de las funciones:
11. Añade una barra de herramientas personalizada a tu panel de administración
Puedes utilizar la función add_action para añadir una barra de herramientas personalizada a tu panel de administración. Por ejemplo:
<?php
function add_toolbar() {
global $wp_admin_bar;
$wp_admin_bar->add_menu(array(
'id' => 'my-tool',
'title' => 'My Tool',
'href' => '#',
));
}
add_action('admin_bar_menu', 'add_toolbar', 100);
?>
12. Añade una sección personalizada a la página de opciones de tu tema
Puedes utilizar la función add_settings_section para añadir una sección personalizada a la página de opciones de tu tema. Por ejemplo:
<?php
function add_options_section() {
add_settings_section(
'my-section',
'My Section',
'display_my_section',
'theme-options'
);
}
add_action('admin_init', 'add_options_section');
function display_my_section() {
echo 'Content of my section';
}
?>
13. Añade un campo personalizado a la página de opciones de tu tema
Puedes utilizar la función add_settings_field para añadir un campo personalizado a la página de opciones de tu tema. Por ejemplo:
<?php
function add_options_field() {
add_settings_field(
'my-option',
'My Option',
'display_my_option',
'theme-options',
'my-section'
);
}
add_action('admin_init', 'add_options_field');
function display_my_option() {
$value = get_option('my-option');
echo '<input type="text" name="my-option" value="' . $value . '" />';
}
?>Puedes utilizar la función add_menu_page para añadir una página personalizada al menú de administración. Por ejemplo:
<?php
function add_admin_page() {
add_menu_page(
'My Page',
'My Page',
'manage_options',
'my-page',
'display_my_page',
'dashicons-admin-generic',
6
);
}
add_action('admin_menu', 'add_admin_page');
function display_my_page() {
// Your content here
}
?>Puedes utilizar la función add_submenu_page para añadir una sub-página al menú de administración. Por ejemplo:
<?php
function add_subadmin_page() {
add_submenu_page(
'my-page',
'My Sub-page',
'My Sub-page',
'manage_options',
'my-subpage',
'display_my_subpage'
);
}
add_action('admin_menu', 'add_subadmin_page');
function display_my_subpage() {
// Your content here
}
?>
16. Añade una columna personalizada a la lista de entradas de blog
Puedes utilizar la función add_filter para añadir una columna personalizada a la lista de entradas de blog. Por ejemplo:
<?php
function add_column_posts($columns) {
$columns['my-column'] = 'My Column';
return $columns;
}
add_filter('manage_posts_columns', 'add_column_posts');
function display_column_posts($column, $id) {
if ($column == 'my-column') {
// Your content here
}
}
add_action('manage_posts_custom_column', 'display_column_posts', 10, 2);
?>17. Añade una columna personalizada a la lista de páginas
Puedes utilizar la función add_filter para añadir una columna personalizada a la lista de páginas. Por ejemplo:
<?php
function add_column_pages($columns) {
$columns['my-column'] = 'My Column';
return $columns;
}
add_filter('manage_pages_columns', 'add_column_pages');
function display_column_pages($column, $id) {
if ($column == 'my-column') {
// Your content here
}
}
add_action('manage_pages_custom_column', 'display_column_pages', 10, 2);
?>
18. Añade una columna personalizada a la lista de comentarios
Puedes utilizar la función add_filter para añadir una columna personalizada a la lista de comentarios. Por ejemplo:
<?php
function add_column_comments($columns) {
$columns['my-column'] = 'My Column';
return $columns;
}
add_filter('manage_edit-comments_columns', 'add_column_comments');
function display_column_comments($column, $id) {
if ($column == 'my-column') {
// Your content here
}
}
add_action('manage_comments_custom_column', 'display_column_comments', 10, 2);
?>
19. Añade una columna personalizada a la lista de usuarios
Puedes utilizar la función add_filter para añadir una columna personalizada a la lista de usuarios. Por ejemplo:
<?php
function add_column_users($columns) {
$columns['my-column'] = 'My Column';
return $columns;
}
add_filter('manage_users_columns', 'add_column_users');
function display_column_users($column, $id) {
if ($column == 'my-column') {
// Your content here
}
}
add_action('manage_users_custom_column', 'display_column_users', 10, 2);
?>
20. Añade una columna personalizada a la lista de enlaces
En WordPress, es posible utilizar una función llamada add_filter para personalizar la lista de enlaces que se muestra en el panel de administración. Esto puede ser útil si deseas agregar información adicional a la lista, como una columna con el número de clics que han recibido cada uno de los enlaces o con la fecha en la que se publicaron. Para agregar una columna personalizada a la lista de enlaces, un ejemplo podría ser el siguiente:
<?php
function add_column_links($columns) {
$columns['my-column'] = 'My Column';
return $columns;
}
add_filter('manage_link-manager_columns', 'add_column_links');
function display_column_links($column, $id) {
if ($column == 'my-column') {
// Your content here
}
}
add_action('manage_link_custom_column', 'display_column_links', 10, 2);
?>
Espero que estos trucos de código te ayuden a personalizar aún más tu sitio de WordPress y a añadir nuevas funcionalidades. Si tienes alguna pregunta o necesitas más ayuda, no dudes en hacerme saber.