Una informaci\u00f3n sobre herramientas, tambi\u00e9n conocida como informaci\u00f3n sobre herramientas de desplazamiento CSS<\/strong>, muestra la informaci\u00f3n del visitante cuando mueve el mouse sobre un elemento espec\u00edfico.<\/p>\n \u00bfQuieres a\u00f1adir informaci\u00f3n sobre herramientas a tu WordPress tambi\u00e9n? Esta gu\u00eda muestra c\u00f3mo agregar informaci\u00f3n sobre herramientas en WordPress.<\/p>\n Una informaci\u00f3n sobre herramientas es un peque\u00f1o cuadro de texto que aparece al mover el mouse sobre un \u00e1rea<\/strong> en un sitio de WordPress. Estos cuadros son excelentes para agregar informaci\u00f3n adicional sobre el campo.<\/p>\n Mover la informaci\u00f3n a la casilla evita que el sitio se sobrecargue.<\/p>\n Algunos los utilizan, por ejemplo, en tablas de precios<\/strong>. El texto da una breve descripci\u00f3n y precio.<\/p>\n Al pasar el cursor sobre ellos, los espectadores revelan una descripci\u00f3n detallada del elemento. De esta forma, la mesa no se llena de demasiado texto.<\/p>\n Otros ejemplos son definiciones de palabras, acreditaci\u00f3n de fuentes<\/strong>, comentarios<\/strong> y mapas<\/strong>. B\u00e1sicamente, cualquier elemento se puede mover a un cuadro de informaci\u00f3n sobre herramientas.<\/p>\n Otros usan una informaci\u00f3n sobre herramientas para brindar m\u00e1s informaci\u00f3n sobre una foto al pasar el mouse sobre ella. Esto podr\u00eda incluir tiempo, lugar, fot\u00f3grafo<\/strong> y mucho m\u00e1s.<\/p>\n El prop\u00f3sito es aclarar un punto o dar m\u00e1s informaci\u00f3n.<\/p>\n La informaci\u00f3n sobre herramientas tambi\u00e9n se conoce como t\u00e9rminos del glosario<\/strong>, sugerencias<\/strong> o mensajes<\/strong>. Son \u00fatiles en computadoras con mouse y sitios web y formularios m\u00f3viles de WordPress.<\/p>\n Esto es importante a tener en cuenta. Gran parte de la navegaci\u00f3n por Internet en la actualidad se realiza desde un dispositivo m\u00f3vil en lugar de una computadora de escritorio.<\/p>\n El espacio en la pantalla de un dispositivo m\u00f3vil es mucho m\u00e1s limitado que en la pantalla grande de una computadora. La informaci\u00f3n sobre herramientas es la respuesta a ese problema.<\/p>\n Sin embargo, tenga cuidado de no poner demasiada informaci\u00f3n en la informaci\u00f3n sobre herramientas.<\/p>\n Hay dos formas de agregar informaci\u00f3n sobre herramientas a un sitio web de WordPress. Este art\u00edculo discutir\u00e1 ambos m\u00e9todos.<\/p>\n Primero se revisa el uso de plugins<\/strong>, y luego el m\u00e9todo manual .<\/strong> El m\u00e9todo manual implica un poco de codificaci\u00f3n.<\/p>\n La ventaja de un complemento de WordPress para agregar informaci\u00f3n sobre herramientas de WordPress es que ahorran tiempo<\/strong>. Entonces, aqu\u00ed hay una lista de cinco complementos de WordPress de informaci\u00f3n sobre herramientas que son f\u00e1ciles de usar.<\/p>\n El primer complemento de informaci\u00f3n sobre herramientas es Shortcodes Ultimate. Es f\u00e1cil de usar y es compatible con la mayor\u00eda de los temas populares de WordPress.<\/p>\n Hace m\u00e1s que agregar informaci\u00f3n sobre herramientas a WordPress. De hecho, ofrece m\u00e1s de 50 c\u00f3digos cortos para una variedad de funcionalidades, todo gratis.<\/p>\n WordPress es f\u00e1cil de usar. Es peque\u00f1o, ligero y r\u00e1pido.<\/p>\n Es una soluci\u00f3n jQuery que agrega contenido HTML en el editor de WordPress, WYSWYG. Entre otras cosas, agrega audio, enlaces de descarga, im\u00e1genes, archivos PDF, conexiones de redes sociales y videos.<\/p>\n El glosario genera autom\u00e1ticamente listas de palabras basadas en el contenido de un sitio web. Agrupa las palabras y definiciones en un diccionario.<\/p>\n Las palabras y definiciones luego se vinculan a las palabras en la copia. Luego crea el glosario de informaci\u00f3n sobre herramientas para ello.<\/p>\n Esto permite a los usuarios agregar informaci\u00f3n sobre herramientas al texto sin formato y los enlaces correspondientes en la publicaci\u00f3n o el sitio web. Utiliza la interfaz gr\u00e1fica de usuario de c\u00f3digo abreviado TinyMCE.<\/p>\n Gu\u00eda al usuario a trav\u00e9s de todo el proceso. Por lo tanto, no se requiere un amplio conocimiento de la codificaci\u00f3n.<\/p>\n Esto simplemente agrega un bot\u00f3n adicional al editor de publicaciones. Al hacer clic en este bot\u00f3n, se inserta un c\u00f3digo abreviado de informaci\u00f3n sobre herramientas en el contenido.<\/p>\n Luego, los usuarios agregan contenido a la informaci\u00f3n sobre herramientas y asignan el elemento que activa la informaci\u00f3n sobre herramientas.<\/p>\n A continuaci\u00f3n, el enfoque cambia al m\u00e9todo CSS manual.<\/p>\n La secci\u00f3n anterior discuti\u00f3 el uso de un complemento de WordPress para agregar informaci\u00f3n sobre herramientas a un sitio de WordPress. Lo que hacen los complementos detr\u00e1s de escena es establecer varios estilos CSS.<\/p>\n A continuaci\u00f3n, permite al usuario elegir entre un conjunto de configuraciones para personalizar la informaci\u00f3n sobre herramientas. El complemento generar\u00e1 el c\u00f3digo abreviado.<\/p>\n Por supuesto, es posible realizar todas estas tareas manualmente. Requiere conocimientos avanzados de HTML y jQuery<\/strong>.<\/p>\n Cuando el c\u00f3digo ya est\u00e1 generado solo es cuesti\u00f3n de agregar este.<\/p>\n El truco adicional es la adici\u00f3n de CSS<\/strong> al tema. La forma m\u00e1s f\u00e1cil de hacerlo es usando el Personalizador de WordPress.<\/p>\n Esto es lo que deben hacer las tres clases de CSS:<\/p>\n Este c\u00f3digo que hace estas cosas se ver\u00e1 as\u00ed:<\/p>\n Estas cadenas de c\u00f3digo generan un cuadro vac\u00edo y lo colocan en relaci\u00f3n con el texto principal. Luego, compone el texto y define par\u00e1metros como alineaci\u00f3n, color y relleno.<\/p>\n La parte final oculta el cuadro hasta que debe aparecer cuando se pasa el cursor sobre el elemento principal.<\/p>\n Despu\u00e9s de agregar las clases de CSS al tema, aseg\u00farese de guardarlas. Ahora la informaci\u00f3n sobre herramientas de WordPress est\u00e1 lista para agregarse a los sitios de WordPress.<\/p>\n Para agregarlos:<\/p>\n Cambie el nombre si recibi\u00f3 un nombre diferente cuando se agreg\u00f3.<\/p>\n Dise\u00f1e la informaci\u00f3n sobre herramientas de WordPress<\/strong> de la misma manera que otros elementos de CSS.<\/p>\n Cambia el color, personaliza la caja, etc. Haz que encaje con el resto del dise\u00f1o del sitio web.<\/p>\n La informaci\u00f3n sobre herramientas de WordPress es excelente para agregar informaci\u00f3n adicional, sin saturar la apariencia visual.<\/p>\n Si un visitante no se desplaza sobre un elemento particular del sitio web, la informaci\u00f3n no es visible. Esto se suma a la experiencia del usuario.<\/p>\n La apariencia limpia y ordenada es cada vez m\u00e1s importante. M\u00e1s personas utilizan dispositivos m\u00f3viles para navegar por Internet.<\/p>\n En una pantalla peque\u00f1a, las ventanas emergentes son muy molestas.<\/p>\n Por otro lado, los visitantes aprecian la informaci\u00f3n sobre herramientas. Aparecen cuando se necesitan e informan en lugar de intentar vender.<\/p>\n Los dos enfoques para agregar informaci\u00f3n sobre herramientas a un sitio de WordPress que se analizan en este art\u00edculo son:<\/p>\n Esto requiere la adici\u00f3n de tres estilos CSS al tema. La gu\u00eda mostr\u00f3 c\u00f3mo usar el personalizador para hacer esto.<\/p>\n Si disfrut\u00f3 leyendo este art\u00edculo sobre c\u00f3mo agregar informaci\u00f3n sobre herramientas de WordPress, debe consultar este sobre c\u00f3mo eliminar temas de WordPress<\/a>.<\/p>\n Tambi\u00e9n escribimos sobre algunos temas relacionados, como c\u00f3mo poner marcas de agua en las im\u00e1genes<\/a>, c\u00f3mo verificar la versi\u00f3n de WordPress<\/a>, crear una tabla de comparaci\u00f3n con los complementos de WordPress<\/a>, c\u00f3mo cargar un archivo HTML en WordPress<\/a>, d\u00f3nde se almacenan las p\u00e1ginas de WordPress<\/a> y por qu\u00e9 es tan dif\u00edcil usar WordPress. usar<\/a> _<\/p>\n\u00bfQu\u00e9 es una informaci\u00f3n sobre herramientas Hover de WordPress o CSS?<\/h2>\n
![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-187133-61e88fb3268a3.jpg\")
<\/a><\/p>\nAgregue una informaci\u00f3n sobre herramientas de WordPress con un complemento<\/h2>\n
C\u00f3digos cortos Ultimate<\/h3>\n
<\/a><\/p>\nInformaci\u00f3n sobre herramientas de WordPress<\/h3>\n
<\/a><\/p>\nGlosario<\/h3>\n
<\/a><\/p>\nInformaci\u00f3n sobre herramientas de WordPress<\/h3>\n
<\/a><\/p>\nComplemento de informaci\u00f3n sobre herramientas simple<\/h3>\n
<\/a><\/p>\nAgregar manualmente una informaci\u00f3n sobre herramientas de WordPress<\/h2>\n
Ir al personalizador de temas<\/h3>\n
<\/a><\/p>\n\n
\n
Agregar clases de CSS al tema<\/h3>\n
\n
.tooltip {\nposition: relative;\ndisplay: inline-block;\nborder-bottom: 1px dotted\nblack;}\n\n.tooltip .tooltiptext {\nvisibility: hidden;\nwidth: 120px;\nbackground-color: black;\ncolor: #fff;\ntext-align: center;\nborder-radius: 6px;\npadding: 5px 0;\n\n\/* Position the tooltip *\/\nposition: absolute;\nz-index: 1;}\n\n.tooltip:hover .tooltiptext {\nvisibility: visible;}<\/code><\/pre>\nAgregue informaci\u00f3n sobre herramientas usando el Editor de bloques<\/h2>\n
<\/a><\/p>\n\n
<div\n\nclass=\"tooltip-text\">Parent text\n\n\u00a0 <span class=\"tooltiptext\">Tooltip\n\ntext here!<\/span>\n\n<\/div><\/code><\/pre>\n\n
<\/a><\/p>\n<\/a><\/p>\n\n
<\/a><\/p>\nPensamientos finales sobre la adici\u00f3n de informaci\u00f3n sobre herramientas de WordPress<\/h2>\n
\n