Un suggerimento, noto anche come suggerimento al passaggio del mouse CSS<\/strong>, mostra le informazioni sui visitatori quando spostano il mouse su un elemento specifico.<\/p>\n Vuoi aggiungere suggerimenti anche al tuo WordPress? Questa guida mostra come aggiungere una descrizione comando in WordPress.<\/p>\n Un suggerimento \u00e8 una piccola casella di testo che appare quando si sposta il mouse su un’area<\/strong> di un sito WordPress. Queste caselle sono ottime per aggiungere ulteriori informazioni sul campo.<\/p>\n Spostare le informazioni nella casella impedisce il sovraffollamento del sito.<\/p>\n Alcuni li usano, ad esempio, nelle tabelle dei prezzi<\/strong>. Il testo fornisce una breve descrizione e prezzi.<\/p>\n Passandoci sopra con il mouse, gli spettatori rivelano una descrizione dettagliata dell’oggetto. In questo modo, la tabella non \u00e8 affollata di troppo testo.<\/p>\n Altri esempi sono le definizioni delle parole, l’ accredito della fonte<\/strong>, i commenti<\/strong> e le mappe<\/strong>. Fondamentalmente, qualsiasi elemento pu\u00f2 essere spostato in una casella di descrizione comando.<\/p>\n Altri usano una descrizione comando per fornire maggiori informazioni su una foto passandoci sopra con il mouse. Ci\u00f2 potrebbe includere tempo, luogo, fotografo<\/strong> e molto altro.<\/p>\n Lo scopo \u00e8 chiarire un punto o fornire maggiori informazioni.<\/p>\n I suggerimenti sono anche chiamati termini del glossario<\/strong>, suggerimenti<\/strong> o messaggi<\/strong>. Sono utili su computer basati su mouse e siti Web e moduli WordPress mobili.<\/p>\n Questo \u00e8 importante da tenere in considerazione. Gran parte della navigazione in Internet al giorno d’oggi avviene da un dispositivo mobile piuttosto che su un computer desktop.<\/p>\n Lo spazio sullo schermo di un dispositivo mobile \u00e8 molto pi\u00f9 limitato rispetto allo schermo di un grande computer. I suggerimenti sono la risposta a questo problema.<\/p>\n Tuttavia, fai attenzione a non inserire troppe informazioni nel suggerimento.<\/p>\n Esistono due modi per aggiungere una descrizione comando a un sito Web WordPress. Questo articolo discuter\u00e0 entrambi i metodi.<\/p>\n In primo luogo, viene esaminato l’uso dei plug-<\/strong> in e quindi il metodo manuale .<\/strong> Il metodo manuale prevede un po’ di codifica.<\/p>\n Il vantaggio di un plugin per WordPress per aggiungere suggerimenti per WordPress \u00e8 che fanno risparmiare tempo<\/strong>. Quindi, ecco un elenco di cinque plugin per WordPress di tooltip facili da usare.<\/p>\n Il primo plug-in tooltip \u00e8 Shortcodes Ultimate. \u00c8 semplice da usare ed \u00e8 compatibile con la maggior parte dei temi WordPress popolari.<\/p>\n Fa molto di pi\u00f9 che aggiungere suggerimenti a WordPress. In effetti, offre pi\u00f9 di 50 codici brevi per una variet\u00e0 di funzionalit\u00e0, il tutto gratuitamente.<\/p>\n WordPress \u00e8 facile da usare. \u00c8 piccolo, leggero e veloce.<\/p>\n \u00c8 una soluzione jQuery che aggiunge contenuto HTML nell’editor di WordPress, WYSWYG. Tra le altre cose, aggiunge audio, collegamenti per il download, immagini, PDF, connessioni ai social media e video.<\/p>\n Glossario genera automaticamente elenchi di parole in base al contenuto di un sito web. Raggruppa le parole e le definizioni in un dizionario.<\/p>\n Le parole e le definizioni vengono quindi collegate alle parole nella copia. Quindi crea il glossario dei suggerimenti.<\/p>\n Ci\u00f2 consente agli utenti di aggiungere suggerimenti a testo normale e collegamenti corrispondenti sul post o sul sito Web. Utilizza l’interfaccia utente grafica TinyMCE shortcode.<\/p>\n Guida l’utente attraverso l’intero processo. Quindi non \u00e8 richiesta una conoscenza approfondita della codifica.<\/p>\n Questo aggiunge semplicemente un pulsante in pi\u00f9 all’editor dei post. Facendo clic su questo pulsante si inserisce uno shortcode di descrizione comando nel contenuto.<\/p>\n Quindi gli utenti aggiungono contenuto alla descrizione comando e assegnano l’elemento che attiva la descrizione comando.<\/p>\n Successivamente, l’attenzione si sposta sul metodo CSS manuale.<\/p>\n La sezione precedente ha discusso l’uso di un plug-in WordPress per aggiungere suggerimenti a un sito WordPress. Quello che fanno i plugin dietro le quinte \u00e8 impostare diversi stili CSS.<\/p>\n Consente quindi all’utente di scegliere da una serie di impostazioni per personalizzare la descrizione comando. Il plugin generer\u00e0 quindi lo shortcode.<\/p>\n Naturalmente, \u00e8 possibile eseguire tutte queste attivit\u00e0 manualmente. Richiede una conoscenza avanzata di HTML e jQuery<\/strong>.<\/p>\n Quando il codice \u00e8 gi\u00e0 generato, si tratta solo di aggiungerlo.<\/p>\n Il trucco aggiuntivo \u00e8 l’aggiunta di CSS<\/strong> al tema. Il modo pi\u00f9 semplice per farlo \u00e8 utilizzare il Personalizzatore di WordPress.<\/p>\n Ecco cosa devono fare le tre classi CSS:<\/p>\n Questo codice che fa queste cose sar\u00e0 simile a questo:<\/p>\n Queste stringhe di codice generano una casella vuota e la posizionano rispetto al testo principale. Quindi, compone il testo e definisce parametri come allineamento, colore e riempimento.<\/p>\n La parte finale nasconde la casella finch\u00e9 non deve apparire quando si passa con il mouse sull’elemento padre.<\/p>\n Dopo aver aggiunto le classi CSS al tema, assicurati di salvarle. Ora i suggerimenti di WordPress sono pronti per essere aggiunti ai siti WordPress.<\/p>\n Per aggiungerli:<\/p>\n Modificare il nome se ha ricevuto un nome diverso quando \u00e8 stato aggiunto.<\/p>\n Modella i suggerimenti di WordPress<\/strong> allo stesso modo degli altri elementi CSS.<\/p>\n Cambia il colore, personalizza la scatola e cos\u00ec via. Adattalo al resto del design del sito web.<\/p>\n I suggerimenti di WordPress sono ottimi per aggiungere informazioni extra, senza ingombrare l’aspetto visivo.<\/p>\n Se un visitatore non passa con il mouse su un particolare elemento del sito Web, le informazioni non sono visibili. Questo si aggiunge all’esperienza dell’utente.<\/p>\n L’aspetto pulito e ordinato sta diventando sempre pi\u00f9 importante. Sempre pi\u00f9 persone utilizzano i dispositivi mobili per navigare in Internet.<\/p>\n Su un piccolo schermo, i popup sono molto fastidiosi.<\/p>\n D’altra parte, i visitatori apprezzano i suggerimenti. Appaiono quando necessario e informano invece di provare a vendere.<\/p>\n I due approcci per aggiungere descrizioni comandi a un sito WordPress di cui si \u00e8 parlato in questo articolo sono:<\/p>\n Ci\u00f2 richiede l’aggiunta di tre stili CSS al tema. La guida ha mostrato come utilizzare il personalizzatore per farlo.<\/p>\n Se ti \u00e8 piaciuto leggere questo articolo sull’aggiunta di suggerimenti per WordPress, dovresti dare un’occhiata a questo su come eliminare i temi di WordPress<\/a>.<\/p>\n Abbiamo anche scritto di alcuni argomenti correlati come come filigranare le immagini<\/a>, come controllare la versione di WordPress<\/a>, creare una tabella di confronto con i plugin di WordPress<\/a>, come caricare un file HTML in WordPress<\/a>, dove sono memorizzate le pagine di WordPress<\/a> e perch\u00e9 WordPress \u00e8 cos\u00ec difficile da usare<\/a>.<\/p>\nChe cos’\u00e8 una descrizione comando al passaggio del mouse di WordPress o CSS?<\/h2>\n
![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-187133-61e88fb3268a3.jpg\")
<\/a><\/p>\nAggiungi un suggerimento per WordPress con un plug-in<\/h2>\n
Shortcode Ultimate<\/h3>\n
<\/a><\/p>\nSuggerimenti per WordPress<\/h3>\n
<\/a><\/p>\nGlossario<\/h3>\n
<\/a><\/p>\nTooltip di WordPress<\/h3>\n
<\/a><\/p>\nSemplice plug-in Tooltips<\/h3>\n
<\/a><\/p>\nAggiungi manualmente una descrizione comando per WordPress<\/h2>\n
Vai alla personalizzazione del tema<\/h3>\n
<\/a><\/p>\n\n
\n
Aggiungi classi 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>\nAggiungi descrizioni comandi utilizzando l’Editor blocchi<\/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>\nConsiderazioni finali sull’aggiunta di suggerimenti per WordPress<\/h2>\n
\n