Ett verktygstips är ett informativt kort meddelande om en webbplatss element. En användare kan se det när han håller muspekaren över eller klickar på webbplatsens element. GutenKit har tagit med en Avancerad verktygstipsmodul för dig att designa fantastiska verktygstips.

Låt oss lära oss hur modulen fungerar.

GutenKit Advanced Tooltip-modul #

Det är en Pro-modul. Glöm inte att hämta det från här.

Gjort? Låt oss börja -

• Logga in på din WordPress-instrumentpanel och öppna önskad sida/inlägg.
• Hitta elementet du vill lägga till verktygstips med.
• Gå till Fliken Avancerat och under den här fliken ser du Avancerat verktygstips modul.

Klicka och expandera nu Avancerat verktygstips och aktivera sedan knappen Verktygstips.

inställningar #

Här får du –

• Verktygstips innehåll – I detta fält kan du skriva verktygstipsets innehåll enligt dina önskemål.
• Position – Ställ in verktygstipspositionen härifrån, den kan vara överst, botten, vänster eller höger.
• Placering - Du kan visa verktygstipset i Start, Center och End.
• Trigger – Du kan ställa in verktygstipset när du håller muspekaren eller klickar.
• Offset (Px) – Den definierar verktygstipsets avstånd från bilden, du kan justera offsetvärdet här.
• Aktivera pil – Du kan visa en pil med verktygstipstexten genom att aktivera det här alternativet.
• Animation - Det finns animationsstilar som fade, Scale, Perspective etc. för att designa verktygstipset med animationseffekter.

Stilar #

• Textjustering – Det låter dig justera textjusteringen.
• Bredd - Du kan styra verktygstipsets bredd med hjälp av stapeln.
• Text färg - Ändra textfärgen härifrån som du önskar.
• Bakgrund – Du kan också ändra bakgrundsfärgen på verktygstipset baserat på ditt val.
• Gränsradie – Det låter dig justera kantradien för verktygstipset.
• Vaddering – Det här alternativet är för att ställa in stoppningen.
• Typografi – Om du vill ändra typografin på texten kan du göra det härifrån.
• Box Shadow – För att utforma verktygstipsrutan kan du lägga till skugga till den.

Hur det ser ut #

Efter anpassning ser vårt verktygstips ut så här –