X

Cómo agregar un botón de línea horizontal al editor en WordPress

Snippets de IsItWP

¿Estás buscando una forma de agregar un botón <hr /> al editor? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para agregar un botón de regla horizontal al editor en WordPress.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:

function enable_more_buttons($buttons) {
  $buttons[] = 'hr';
 return $buttons;
}

add_filter("mce_buttons", "enable_more_buttons");

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera revisar nuestros otros artículos en el sitio como: los 9 mejores plugins inmobiliarios de WordPress y cómo configurar el seguimiento de comercio electrónico de Google Analytics para WooCommerce.

Comentarios   Deja una respuesta

  1. ¡Brillante! ¡He estado buscando esto por un tiempo!

  2. ¡Gracias!

  3. gracias por el código rápido..

  4. Simon Codrington March 27, 2012 at 6:18 pm

    Hola, gracias por el código rápido, apareció casi primero en Google para mi resultado de búsqueda y era exactamente lo que necesitaba. Todavía estoy un poco asombrado de que WordPress, incluso en la versión 3, no tenga el elemento HR como un botón en TinyMCE... Raro. 

    ¡Gracias de nuevo!

  5. No me juzgues, pero ¿dónde agrego el fragmento en el archivo functions.php (que, según mi cuenta, tiene cuatro mil quinientas cincuenta y cuatro líneas)?
    Puse este fragmento al final del archivo functions.php y obtuve un error fatal... ¿alguna idea?

    1. Hola Ken,
      Publiqué la muestra de código http://pastebin.com/nkk6bZ8B
      Ten en cuenta que si tienes saltos de línea después del último ? > causará un error, asegúrate de que no haya espacio después del último ? >. sin embargo, la ubicación no importa. Si sigues teniendo errores, publica el código en pastebin.com y lo revisaré si todavía tienes problemas.

      1. gracias, realmente aprecio tus esfuerzos y la respuesta, pero simplemente no funciona para mi tema, y todavía sé cómo escribir una "h" y una "r" jejejejejeje.

        Gracias de todos modos, tal vez algún día WordPress incluya esta función en una actualización....

        1. Esto no es tanto una opción de WordPress como una opción de TinyMCE, si quisieras publicar tu archivo functions.php en el sitio web pastebin.com, puedo echarle un vistazo y solucionar el problema. Simplemente pega el código y responde con la URL y lo revisaré. Si no quieres publicarlo, puedes usar el formulario de contacto de wpsnipp.

          http://wpsnipp.com/contact/

        2. Hola Ken,
          No parece que este sea el archivo completo, sin embargo, si lo es, he solucionado el problema.
          http://pastebin.com/dzK56W4v

  6. Genial. Gracias por compartir.

    1. de nada, me alegra que te guste el fragmento.

  7. Add horizontal line button to Wordpress’s editor | The Real Lance Brown March 5, 2011 at 3:19 am

    […] ha proporcionado un pequeño fragmento de código que agregará un botón de "regla horizontal" (o <hr />) al editor predeterminado en […]

  8. lorenzocoffee© L V February 25, 2011 at 2:59 pm

    ¡Útil!

    1. sí, las otras cosas que podrías hacer es crear algunos shortcodes para insertar los elementos HTML que necesitas. Revisa este fragmento.
      http://wpsnipp.com/index.php/functions-php/add-custom-media_buttons-for-shortcode-selection/

  9. Pippin Williamson February 25, 2011 at 2:48 pm

    ¡Excelente!

    1. gracias pippin

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!