En este nuevo post vamos a ir añadiendo pequeños trucos para tu WordPress, trucos con los que posiblemente te podrás evitar tener que instalar plugins o plantillas específicas para una función en concreto. Esperemos que te ayuden.
Índice de contenidos
Redireccionar a una página después del login
function redireccionar(){ return ('url_a_la_que_queramos_redireccionar'); } add_filter('login_redirect','redireccionar'); add_filter('show_admin_bar','__return_false');
Crear campos personalizados en el perfil de usuario
Para crear campos personalizados en el perfil de los usuarios simplemente pegaremos el código PHP en el archivo functions.php de nuestro child theme. Si no sabéis como crear un child theme podéis clicar aquí y os explicamos como crearlo.
Dentro de la funcion del código duplicaremos la línea $methods tanta veces como campos adicionales queramos crear y dentro de cada una de las líneas duplicadas modificaremos los valores entre comillas por lo que queramos, siendo el primer campo en nombre de la meta key y la segunda el nombre del campo.
Para una mayor compresión revisar el vídeo que hay después del código.
add_filter( 'user_contactmethods', 'modify_user_contact_methods' ); function modify_user_contact_methods( $methods ) { // Add user info $methods['user_direccion'] = __( 'Tu dirección' ); $methods['user_localidad'] = __( 'Tu localidad' ); $methods['user_edad'] = __( 'Tu edad' ); $methods['user_sexo'] = __( 'Tu sexo' ); return $methods; }
Menú flotante sin plugins.
Para crear nuestro menú flotante deberemos tener un ligero conocimiento de CSS, pero esperamos que entre el vídeo que adjuntamos y el código que encontrarás a continuación podrás llevarlo a cabo.
Hacemos botón derecho sobre la cabecera de nuestra web y buscamos la clase asignada. Normalmente acostumbra a ser una clase header, pero puede variar dependiendo del tema. Una vez la averiguamos, desde nuestro administrador nos vamos a apariencia/personalizar/css personalizado y pegamos este código:
.nombre de la clase del header{ position:fixed;top:0px;margin:auto;z-index:1000;widht:100%;}
Si estas siguiendo el ejemplo del vídeo verás que nos encontramos con el problema que el header pisa el contenido. Para dar solución al problema repetimos la operación y inspeccionamos el contenedor del contenido para averiguar la clase y le añadimos un margen tal cual el siguiente código:
.nombre de la clase del contenido{ margin-top:70px;}
Guardamos los cambios y ya tendremos nuestro menú flotante sin plugins.
Para una mejor compresión te invitamos a seguir el siguiente vídeo:
Cómo ocultar la barra de administración en WordPress
add_action('after_setup_theme', 'ocultar_admin_bar'); function ocultar_admin_bar() { if (!current_user_can('administrator') && !is_admin()) { add_filter( 'show_admin_bar', '__return_false' ); } }
Oculta la barra de administración en WordPress a suscriptores
Si por el contrario queremos que la barra de administración se muestre a todos los roles de usuario excepto a los usuarios que son suscriptores deberemos modificar el anterior código PHP por este, y de igual forma lo insertaremos en el archivo functions.php.
function disable_admin_bar_for_subscribers(){ if ( is_user_logged_in() ): global $current_user; if( !empty( $current_user->caps['subscriber'] ) ): add_filter('show_admin_bar', '__return_false'); endif; endif; } add_action('init', 'disable_admin_bar_for_subscribers', 9);
Protege los textos de tu WordPress, evita que sean copiados
Aunqué es bien sabido de que es una mala práctica apropiarse de texto ajenos, muchos usuarios siguen preferiendo el camino fácil y hacen suyos textos que son de terceras personas.
Si quieres evitar que te roben tus texto, aquí te ofrecemos una solución muy fácil de implementar y sin la necesidad de instalar un plugin.
Desde tu administrador de WordPress te vas a Apariencia/personalizar/css adicional y pegas el siguiente código css:
* { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
Una vez guardes los cambios podrás comprobar que no se permite la selección de textos.
Puedes revisar los pasos de este truco en el siguiente vídeo.
Botón de whatsapp sin plugins
Lo primero que realizaremos es crear un child theme. En el tutorial cómo crear un child theme en 3 minutos te explicamos como hacerlo. Recuerda haber subido tu imagen del botón de whatsapp a la biblioteca de medios.
En el archivo functions.php de tu child theme pega el siguiente código modificando la url de la imagen del botón y la url de tu enlace de whatsapp.
function whatsapp(){ ?> <div id="whatsapp"> <a target="_blank" href="http://Enlace de whatsapp"> <img width="50px" height="50px" src="url de la imagen del icono de whatsapp"> </a> </div> <?php } add_action ('wp_footer','whatsapp');
Para darle cierta personalización ve a apariencia/personalizar/css adicional y pega el siguiente código css:
#whatsapp{ float:right; margin-right:15px; margin-bottom:15px; }
Y ya tienes tu botón de whatsapp. Si tienes cualquier duda revisa el siguiente vídeo.
Cerrar sesiones de usuarios automaticamente.
Para conseguir cerrar sesiones de usuarios automaticamente pegaremos el siguiente código PHP en el archivo functions.php de nuestro child theme y en el que solo deberemos realizar una modificación.
El valor de $expiration lo modificaremos por el número de segundos que queramos que la sesión de usuario siga abierta.
function logout_after_time( $expiration, $user_id) { if(!current_user_can($user_id, 'administrator') ){ $expiration = 5; // tiempo que durará la sesión abierta en segundo } return $expiration; } add_filter('auth_cookie_expiration','logout_after_time', 10, 2);
Cómo utilizar los hooks de la plantilla Astra de WordPress
Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter Este va a ser el primero de una serie de articulos en los que trataremos en profundidad el theme de WordPress Astra. Para iniciar esta serie de artículos vamos
Cómo hacer popups en WordPress con Elementor
Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter ¿Quieres crear una llamada a la acción en forma de popups y no sabes como hacerlo. Hoy te explicamos Cómo hacer popups en WordPress con Elementor. Índice de contenidos
Cómo crear una web para inmobiliarias con WordPress
Share on facebook Facebook Share on linkedin LinkedIn Share on whatsapp WhatsApp Share on twitter Twitter Si estas buscando cómo crear una web para inmobiliarias con WordPress en este post te vamos a explicar como llevarlo a cabo con el plugin Estatik. ¿Por qué con