• WordPress

Personalizar los botones para el Admin Area y Log-out

Si nuestro tema dispone de una template específica para hacer login a nuestro sitio web WP, podemos, una vez logueado el usuario, mostrar los típicos enlaces que nos dan acceso al admin area o a hacer log-out con las siguientes funciones.

Para mostrar el enlace hacia el admin-area:

wp_register('', '');

Para mostrar el enlace para hacer logout:

wp_logout();

Pero si tenemos una clase específica de botón en nuestro tema (o varias) , imaginemos que creado con la etiqueta <button> de HTML, y queremos aprovechar su look&feel para crear estos enlaces y no queremos añadir JS podemos envolver dicho botón en una etiqueta ancla <a> y establecer su atributo href según queramos acceder al admin area o hacer logout. Por ejemplo:

// Para acceder al admin area:
<a href="<?php echo esc_url(admin_url()); ?>">
	    <button id="send" class="border-btn wpcf7-form-control wpcf7-submit">
	            <span class="border-btn__inner">Site Admin</span>
	            <span class="btn-wait"></span>
	            <span class="border-btn__lines-1"></span>
	            <span class="border-btn__lines-2"></span>
	    </button>
</a>

// Para hacer logout 
<a href="<?php echo esc_url(wp_logout_url(get_permalink())); ?>">
				<button id="logout-btn" class="border-btn wpcf7-form-control wpcf7-submit">
								<span class="border-btn__inner">Logout</span>
								<span class="btn-wait"></span>
								<span class="border-btn__lines-1"></span>
								<span class="border-btn__lines-2"></span>
				</button>
</a>

Donde la función admin_url() nos devuelve la url de la página principal del admin area de WP y la función wp_logout_url() nos permite hacer log out e indicar la url a dónde se dirigirá nuestro tema cuando acabe esa acción, en el ejemplo nos quedaríamos en la misma página de login.