El WordPress API QuickTags le permite agregar botones al editor de texto de administración de WordPress. Para ser honesto, el editor de texto probablemente se usa menos que el editor enriquecido, por cierto, agregar etiquetas rápidas puede ser bastante útil cuando se repiten las mismas tareas con bastante frecuencia.
Aquí está la lista de etiquetas rápidas predeterminadas proporcionadas en WordPress:
Como puede ver, puede crear varios tipos de botones, asignar una clave de acceso a cada uno de ellos y definir su propio código personalizado fácilmente.
Para agregar una etiqueta rápida, debe conectar una función personalizada al admin_print_footer_scripts gancho. Básicamente, la idea es agregar un código javascript personalizado dentro del pie de página del administrador. La API de etiquetas rápidas proporciona una función incorporada llamada addButton:
QTags.addButton( id, display, arg1, arg2, access_key, title, priority, instance );
Esta función acepta 8 argumentos:
- identificación: (cadena) (obligatorio) La identificación html del botón
- monitor: (cadena) (obligatorio) El valor html del botón
- arg1: (cadena) (obligatorio) O bien una etiqueta de inicio que se insertará como «» o una devolución de llamada que se ejecuta cuando se hace clic en el botón
- arg2: (cadena) (opcional) Etiqueta final como ««. Déjelo en blanco si no es necesario cerrar la etiqueta (es decir, «
«)
- llave de acceso: (cadena) (opcional) Tecla de acceso directo para el botón
- título: (cadena) (opcional) El valor del título html para el botón
- prioridad: (int) (opcional) Un número que representa la posición deseada del botón en la barra de herramientas. 1 – 9 = primero, 11 – 19 = segundo, 21 – 29 = tercero, etc.
- ejemplo: (cadena) (opcional) Limite el botón a una instancia específica de Quicktags, agregue a todas las instancias si no está presente
Aquí hay un fragmento completo que agrega un enlace Themelocal al editor:
// Add buttons to html editor
add_action('admin_print_footer_scripts','rc_quicktags');
function rc_quicktags() { ?>
<script language="javascript" type="text/javascript">
/* Adding Quicktag buttons to the editor WordPress ver. 3.3 and above
* - Button HTML ID (required)
* - Button display, value="" attribute (required)
* - Opening Tag (required)
* - Closing Tag (required)
* - Access key, accesskey="" attribute for the button (optional)
* - Title, title="" attribute (optional)
* - Priority/position on bar, 1-9 = first, 11-19 = second, 21-29 = third, etc. (optional)
*/
QTags.addButton( 'WPexplorerlove', 'WPexplorerlove', '<a href="http://wpexplorer.com" target="_blank">', '</a>', 'w' );
</script>
<?php
}
Aquí está el resultado:
Para usar esa etiqueta rápida, haga clic una vez en ella, insertará el comienzo de la etiqueta , agregará algo de texto y haga clic en el botón nuevamente, esto agregará la etiqueta de cierre . ¡Eso es todo!
Si tiene alguna pregunta o recomendación, ¡deje un comentario!