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. Mientras creamos la nueva página de destino para los videos de WPBeginner WordPress, nos inspiramos en algo que hemos visto en StudioPress durante algún tiempo. Eso es mostrar testimonios en una información sobre herramientas cuando el usuario coloca el mouse sobre una foto. Esta técnica se está convirtiendo en un estándar de la industria porque también hemos visto a otras personas usarla. En este artículo, le mostraremos cómo agregar testimonios de información sobre herramientas emergente en WordPress.
Resultado final
Así es como se verá el producto final. Si coloca el mouse sobre la foto de una persona, se mostrará un testimonio de información sobre herramientas. Puedes ver la demo 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 expertos de la industria, mostrar caras humanas prominentes tiende a agregar un sentimiento personal a la página. Esta es la razón por la que queríamos ir por esta ruta. Hicimos una simple búsqueda en Google para encontrar el artículo de Loren Nason. En el que esencialmente destacó el código que estaba usando StudioPress. La mejor parte de StudioPress es su apoyo. Como lo describió Loren, cuando le preguntó a Brian Gardner sobre cómo creó los testimonios en su sitio, Brian simplemente envió un archivo de ejemplo..
El mayor problema fue que simplemente codificaron la característica en su plantilla. Si bien esto funcionaría 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 donde le damos al cliente la capacidad de agregar / eliminar testimonios a voluntad. Por esta razón, decidimos utilizar tipos de publicación personalizados y campos de metadatos para lograr esto junto con jQuery.
Tipos de correos personalizados y cajas de metadatos
Necesitamos que el cliente tenga la capacidad de hacer lo siguiente:
Añadir foto del usuario (miniaturas)
Añadir nombre de usuario (Título de la publicación)
Añadir texto de testimonio (Cuerpo del mensaje)
Posición del cliente en la empresa (campo personalizado o meta box)
Lo primero que hicimos fue agregar un tipo de publicación personalizada llamada Testimonios que nos proporcionó todo excepto un campo (posición / empresa del cliente). Depende de usted si desea agregar un meta box personalizado o hacer que su cliente use campos personalizados. Decimos que no seamos perezosos y brindemos a nuestros clientes una excelente experiencia de backend, incluso si es necesario agregar algunas líneas de código adicionales..
Todo lo que tienes que hacer es tomar el código de abajo y guardarlo en un archivo php en blanco llamado tooltip-testimonials.php o cualquier otro nombre por ese motivo.
_x ('Testimonials', 'testimonial'), 'singular_name' => _x ('testimonial', 'testimonial'), 'add_new' => _x ('Add New', 'testimonial'), 'add_new_item' => _x ('Add New testimonial', 'testimonial'), 'edit_item' => _x ('Edit testimonial', 'testimonial'), 'new_item' => _x ('New testimonial', 'testimonial'), 'view_item' = > _x ('Ver testimonial', 'testimonial'), 'search_items' => _x ('Buscar testimonios', 'testimonial'), 'not_found' => _x ('No se encontraron testimonios', 'testimonial'), 'not_found_in_trash '=> _x (' No se encontraron testimonios en la Papelera ',' testimonial '),' parent_item_colon '=> _x (' Testimonio de los padres: ',' testimonial '),' menu_name '=> _x (' Testimonials ',' testimonial ' ),); $ args = array ('labels' => $ labels, 'hierarchical' => false, 'support' => array ('title', 'editor', 'excerpt', 'author', 'thumbnail', 'custom- campos ',' revisiones '),' public '=> true,' show_ui '=> true,' show_in_menu '=> true,' show_in_nav_menus '=> true,' publicly_queryable '=> true,' exclude_from_search '=> false, 'has_archive' => true, 'query_var' => true, 'can_export' => true, 'rewrite' => true, 'capacity_type' => 'post'); register_post_type ('testimonial', $ args); // Custom Meta Box $ key = "testimonial"; $ meta_boxes = array ("position" => array ("name" => "position", "title" => "Position and Company", "description" => "Ingrese su posición y el nombre de su compañía.")); function create_meta_box () global $ key; if (function_exists ('add_meta_box')) add_meta_box ('new-meta-boxes', ucfirst ($ key). 'Information', 'display_meta_box', 'testimonial', 'normal', 'high'); function display_meta_box () global $ post, $ meta_boxes, $ key; ?> ID, $ clave, verdadero); ?>
