Cargando



Personalizar el escritorio y administrador de Wordpress

En este tutorial vamos a ir aprendiendo a cambiar y personalizar el escritorio y administrador de Wordpress.



mar 21 2014 23:37
Profesional
abr 08 2014 20:42


Parte 2

Más opciones para personalizar el escritorio Wordpress

Muchas veces necesitamos personalizar el administrador de wordpress para que nuestros usuarios tengan un orden diferente o funcionalidades ocultas.


Muchas veces necesitamos personalizar el administrador de wordpress para que nuestros usuarios tengan un orden diferente o funcionalidades ocultas.

Veremos otras opciones para personalizar el escritorio de Wordpress:

Fozar el escritorio a que tenga una sola columna

Puede ser que cuando quitamos varias cosas del escritorio que nos queden las dos columnas originales pero tengamos sólo una ocupada y el espacio de la otra columna sin contenido. Podemos forzar al escritorio a que tenga una sola columna con esta función:

function so_screen_layout_columns( $columns ) {
$columns['dashboard'] = 1;
return $columns;
}
add_filter( 'screen_layout_columns', 'so_screen_layout_columns' );

function so_screen_layout_dashboard() {
return 1;
}
   add_filter( 'get_user_option_screen_layout_dashboard', 'so_screen_layout_dashboard' );
   
Crea una ventana nueva en el escritorio 

En este caso añadiremos una funcionalidad, una ventana nueva en el escritorio de Wodpress. Si queremos introducir una nueva ventana en el escritorio con algún texto, por ejemplo un texto de bienvenida, o el resultado de alguna consulta sql con información útil para el usuario, podemos poner en functions.php:

function custom_dashboard_widget() { ?>
<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" />
<h1>¡Hola! Este es tu área personal en la web XXXX</h1>
<p>Aquí va todo el texto que quieras, con todo el HTML que precises</p>
<?php }
function add_custom_dashboard_widget() {
wp_add_dashboard_widget('custom_dashboard_widget', 'Bienvenido al editor de la web', 'custom_dashboard_widget');
}
   add_action('wp_dashboard_setup', 'add_custom_dashboard_widget');
   
Como podemos ver utilizamos la función de WordPress wp_add_dashboard_widget. Lamentablemente no tenemos nigun parametro para que podamos elegir la ubicación de nuestro widget dentro del escritorio.
Por lo tanto aparecerá abajo de todo. Si la posición es importante, podemos sustituir esta función por la add_meta_box, que si permite elegir la posicion


function custom_dashboard_widget() { ?>
<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" />
<h1>Hola! Este es tu área personal en la web</h1>
<p>Aquí va todo el texto que quieras, con todo el HTML que precises</p>
<?php }

add_action( 'wp_dashboard_setup', 'my_dashboard_setup_function' );

function my_dashboard_setup_function() {
add_meta_box( 'my_dashboard_widget', 'Bienvenido al editor de la web', 'custom_dashboard_widget', 'dashboard', 'normal', 'high' );
}

Si queremos personalizar los estilos o quizás añadir css propios para este código HTML que hemos añadido. Podemos crear un plugin. Añadimos una carpeta en la carpeta wp-content/plugins que vamos a llamar admin-escritorio. Dentro de esta carpeta creamos dos archivos, uno que se llame admin-escritorio.php y el otro admin-escritorio.css.

El primero, admin-escritorio.php sería:


<?php
/*
Plugin Name: Estilos personalizados Widget Escritorio Admin
Description: Añade una hoja de estilo para el Escritorio del Admin de Wordpress
*/
function my_admin_head() {
echo '<link rel="stylesheet" type="text/css" href="' .plugins_url('admin-escritorio.css', __FILE__). '">';
}

add_action('admin_head', 'my_admin_head');
?>
Luego creamos el archivo de estilos css, es básico pero podemos personalizar lo que necesitemos

h1 {
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
font-size: 32px;
font-weight: normal;
line-height: 1.2;
margin: .1em 0 .8em;
}
p{ margin-left: 15px;}
h2 { display: block;margin: 10px 0 10px 15px;}

Recordemos que como es un plugin hay que activarlo desde plugin o si hacermos un muy personalizado podemos compartirlo en wordpress.org.

Asi podemos personalizar Wordpress y tener un conrol sobre lo que mostramos en el escritorio de administración. Tambien podemos probar otras opciones con estos codigos y realizar consultas a la base de datos que nos permitan personalizar la información a mostrar.



¿Te ayudó este Tutorial?


Sin comentarios, sé el primero!

No esperes más y entra en Solvetic
Deja tus comentarios y aprovecha las ventajas de la cuenta de usuario ¡Únete!

X