Cómo crear una página de panel personalizado de WordPress

Esta entrada me da ganas de crear un panel de WordPress personalizado para remodelar el original. Solo necesito ver los metaboxes personalizados, esto reemplaza todo en la tabla. Esta es la primera vez que sé qué decir sobre qué decir, qué hacer con eso. Como siempre, en este caso, busqué en Internet a ver si tenía algo parecido. y una vez más, sin resultado. Estás un poco preocupado con algunos detalles de Google, sobre los principales tutoriales de WordPress para leer sobre nuestros errores, pero no podemos encontrar nada.

Entonces, recuedo que desde WordPress 3.x, hay una nueva página una vez que iniciamos sesión por primera vez después de una actualización. Soy yo a quien quiero hacer.

Después de una búsqueda rápida en los archivos centrales de WordPress, se encontraron cosas realmente geniales. Finalmente, cree un panel de estilo de WordPress personalizado. Para hacerlo, una de mis creaciones es complementaria.

📑 Aquí podrás encontrar 👇

Paso 1: La creación de complementariedad

Si leíste mis publicaciones anteriores en WPexplorer, ahora lee como creamos un suplemento, pero aquí hay una grabadora.

Abre la alfombra de complementos en wp-content y crea un nuevo repositorio llamado "sweet-custom-dashboard", y dentro de esta alfombra crea un nuevo archivo de llamado "sweet-custom-dashboard.php".

Para declarar el complemento, simplemente agregue este código al archivo:


Solo al agregar este código, ya creó un complemento, un complemento vacío, ¡pero un complemento que funciona!


Ahora, necesitamos definir una constante para la URL del complemento, lo necesitaremos más adelante.  Agrega este código:

/*
|--------------------------------------------------------------------------
| CONSTANTS
|--------------------------------------------------------------------------
*/
// plugin folder url
if(!defined('RC_SCD_PLUGIN_URL')) {
define('RC_SCD_PLUGIN_URL', plugin_dir_url( __FILE__ ));
}

Ahora es el momento de crear la clase principal de nuestro complemento:

/*
|--------------------------------------------------------------------------
| MAIN CLASS
|--------------------------------------------------------------------------
*/

class rc_sweet_custom_dashboard {

	/*--------------------------------------------*
	 * Constructor
	 *--------------------------------------------*/

	/**
	 * Initializes the plugin
	 */
	function __construct() {

	} // end constructor

}

// instantiate plugin's class
$GLOBALS['sweet_custom_dashboard'] = new rc_sweet_custom_dashboard();

Paso 2: el constructor

En el paso dos, necesitamos agregar una acción que ocurrirá solo si el usuario está en la página del tablero. Para hacer, reemplace la función constructora por este código:

function __construct() {

	add_action('admin_menu', array( &$this,'rc_scd_register_menu') );
	add_action('load-index.php', array( &$this,'rc_scd_redirect_dashboard') );

} // end constructor

Si te conectas a esto, deberías estar bien con WordPress, cuando necesites usar la función rc_get_screen(), se recopila index.php (index.php es la página del tablero). Gina del panel. Lo que usamos en la redirección. El siguiente paso es la construcción de la función rc_redirect_dashboard().

Tabla 3: redirección de la tabla

La función rc_redirect_dashboard () es muy simple. La lente se redirige para usar una pregunta personalizada al acceder al panel predeterminado. Para esto, podemos decir que estamos tratando de corregir el problema (léase "página"), usando la función get_current_screen(). Cuando esto es NULL, esto es parte de la conexión "dashboard_redirection" () un "load-index.php". Aquí está el contenido de la función:

function rc_scd_redirect_dashboard() {

	if( is_admin() ) {
		$screen = get_current_screen();
		
		if( $screen->base == 'dashboard' ) {

			wp_redirect( admin_url( 'index.php?page=custom-dashboard' ) );
			
		}
	}

}

Este código es altamente comprimible, estamos en la administración, y el hecho de que la tabla sea "tablero", estamos forzando una redirección en un archivo cerrado "custom_dashboard.php".

Registro de la Gina del Panel

Ahora es el momento de dar de alta la nueva placa panel. Para ello necesitamos agregar las funciones: dar de alta la página en el menú de WordPress y completarla en Gina de Contenido:

function rc_scd_register_menu() {
	add_dashboard_page( 'Custom Dashboard', 'Custom Dashboard', 'read', 'custom-dashboard', array( &$this,'rc_scd_create_dashboard') );
}

function rc_scd_create_dashboard() {
	include_once( 'custom_dashboard.php'  );
}

Si mantiene el archivo, activo, complementario e intencionalmente accede a la tabla, puede ver una página en blanco o un mensaje 404. Podemos crear nuestro panel de control personalizado.

Tabla 4: la creación de un panel personalizado

Cuando se trata de complementar lo que queremos aprender del nuevo estilo de WordPress, este es mi punto en el juego, lo más importante es cuando inicias una sesión, por ejemplo, sin una actualización importante. Revisa el código de esta página para encontrar inspiración.

Para comentarios, cree un nuevo archivo llamado «custom_dashboard.php» en la carpeta sweet-custom-dashboard. La llave y la unidad están codificadas:

La primera forma de la función require_once (), cargar WordPress, pero agregar esta línea es simple, ahora puede usar cualquier variable de WordPress o cualquier función.

Los otros requieren_once () para cargar el archivo para mostrar correctamente la administración.

Todo lo que tenemos que decir ahora es crear el contenido de nuestro panel personalizado. El código de continuidad se inspira en los archivos de antemano, porque es posible poder ayudar a una pareja a ayudar en sus dificultades. En mi opinión, solo quiero un menú con 3 enlaces que se vean como pestos y dos palabras, uno que incluya una imagen. Aquí está el código:

" class="image-50" />

No hay interés en la realidad en este código, es solo código HTML.

Y finalmente, tenemos que cargar el sitio de administración de WordPress. Para hacer, este es el único en la parte inferior del archivo:


Y eso es !  El complemento ahora funciona muy bien, por supuesto, hay muchas formas de mejorarlo, por ejemplo, puede agregar hojas de estilo personalizadas y archivos javascript personalizados, o puede agregar alguna verificación adicional para mostrar el panel personalizado solo para algunos roles de usuario ...

Bueno, espero que hayas disfrutado de este tutorial, ¡y espero leer tus comentarios en la sección de comentarios!

Una cosa más, hay una versión ya compilada del complemento en el repositorio oficial de complementos de WordPress; haga clic aquí para descargarlo.




Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir