Tooltip Testimonials In Wordpress

Cómo agregar testimonios de información sobre herramientas en temas de WordPress

En el pasado, le mostramos cómo agregar testimonios rotativos en WordPress. Al crear la nueva página de inicio de video de MundoCMS WordPress, nos inspiramos en algo que hemos visto hacer StudioPress durante bastante tiempo. Esto muestra testimonios en una información sobre herramientas cuando el usuario pasa el mouse sobre una foto. Esta técnica se está convirtiendo rápidamente en un estándar de la industria porque hemos visto que otras personas también la utilizan. En este artículo, le mostraremos cómo agregar una ventana emergente de testimonios de información sobre herramientas en WordPress.

Resultado final

Contents

Así es como se verá el producto final. Si pasa el mouse sobre la foto de una persona, se mostrará una información sobre herramientas de testimonio. Puedes ver la demostración en vivo aquí. Sin embargo, este artículo probablemente sobrevivirá a la demostración en vivo, así que adjunte una captura de pantalla a continuación:

Fondo:

Por lo que hemos escuchado de los expertos de la industria, mostrar rostros humanos prominentes tiende a agregar un sentimiento personal a la página. Esta es la razón por la que quisimos tomar este camino. Hicimos una simple búsqueda en Google para encontrar el artículo de Loren Nason. En el que básicamente destacó el código utilizado por StudioPress. La mejor parte de StudioPress es su soporte. Como Loren lo describió, cuando le preguntó a Brian Gardner cómo había creado los testimonios en su sitio, Brian simplemente envió un archivo de muestra. El mayor problema era que simplemente habían codificado la funcionalidad en su modelo. Si bien esto funciona bien para nosotros los desarrolladores, ¿no es una solución ideal si está entregando el sitio web a un cliente? Queríamos tener una solución en la que le diéramos al cliente la posibilidad de agregar / eliminar testimonios a voluntad. Es por eso que decidimos usar tipos de publicaciones personalizadas y metacampos para lograr esto con jQuery.

Tipos de publicaciones personalizadas y meta-cajas

Necesitamos que el cliente tenga la capacidad de hacer lo siguiente:

  • Agregar foto de usuario (miniaturas)
  • Agregar nombre de usuario (título del mensaje)
  • Agregar texto testimonial (cuerpo del mensaje)
  • Posición del cliente en la empresa (campo personalizado o metabox)

Lo primero que hicimos fue agregar un tipo de publicación personalizada llamada Testimonios que nos consiguió todo excepto un campo (puesto de cliente / empresa). Depende de usted decidir si desea agregar un metabox personalizado o hacer que su cliente use campos personalizados. Decimos que no sea perezoso y brinde a nuestros clientes una excelente experiencia de backend incluso si requiere agregar algunas líneas más de código. Todo lo que necesita hacer es tomar el código a continuación y guardarlo en un archivo php vacío llamado tooltip-testimonials.php o cualquier nombre para eso.

_x (‘Testimonios’, ‘testimonio’), ‘singular_name’ = _x (‘testimonio’, ‘testimonio’), ‘add_new’ = _x (‘Agregar nuevo’, ‘testimonio’), ‘add_new_item’ = _x (‘Agregar Nuevo testimonio ‘,’ testimonio ‘),’ edit_item ‘= _x (‘ Editar testimonio ‘,’ testimonio ‘),’ new_item ‘= _x (‘ Nuevo testimonio ‘,’ testimonio ‘),’ view_item ‘= _x (‘ Ver el testimony ‘,’ testimonial ‘),’ search_items ‘= _x (‘ Buscar testimonios ‘,’ testimonial ‘),’ not_found ‘= _x (‘ No se encontraron testimonios ‘,’ testimonial ‘),’ not_found_in_trash ‘= _x (‘ No hay testimonios encontrado en la papelera de reciclaje ‘,’ testimonio ‘),’ parent_item_colon ‘= _x (‘ Testimonio del padre: ‘,’ testimonio ‘),’ nombre_menú ‘= _x (‘ Testimonios ‘,’ testimonio ‘),); $ args = matriz (‘etiquetas’ = $ etiquetas, ‘jerárquico’ = falso, ‘soportes’ = matriz (‘título’, ‘editor’, ‘extracto’, ‘autor’, ‘miniatura’, ‘campos personalizados’, ‘revisiones’), ‘public’ = true, ‘show_ui’ = true, ‘show_in_menu’ = true, ‘show_in_nav_menus’ = true, ‘public_queryable’ = true, ‘exclude_from_search’ = falso, ‘has_archive’ = true, ‘query_var’ = verdadero, ‘can_export’ = verdadero, ‘reescribir’ = verdadero, ‘tipo_capacidad’ = ‘publicar’); register_post_type (‘testimonio’, $ args); } // Cuadro meta personalizado $ key = «testimonio»; $ meta_boxes = matriz («posición» = matriz («nombre» = «posición», «título» = «Posición y empresa», «descripción» = «Introduzca su posición y el nombre de su empresa.»)); function create_meta_box () {clave $ global; if (function_exists (‘add_meta_box’)) {add_meta_box (‘new-meta-boxes’, ucfirst ($ clave). ‘Información’, ‘display_meta_box’, ‘testimonio’, ‘normal’, ‘alto’); }} function display_meta_box () {publicación $ global, $ meta_boxes, $ clave; ?

ID, $ clave, verdadero); ?

Leave a Reply