Etykietka narz\u0119dzia, znana r\u00f3wnie\u017c jako etykietka CSS po najechaniu kursorem<\/strong>, pokazuje informacje o odwiedzaj\u0105cych, gdy przesun\u0105 oni kursor myszy nad okre\u015blony element.<\/p>\n Chcesz doda\u0107 podpowiedzi do swojego WordPressa? Ten przewodnik pokazuje, jak doda\u0107 podpowied\u017a w WordPress.<\/p>\n Podpowied\u017a to ma\u0142e pole tekstowe, kt\u00f3re pojawia si\u0119 po najechaniu mysz\u0105 na obszar<\/strong> w witrynie WordPress. Te pola \u015bwietnie nadaj\u0105 si\u0119 do dodawania dodatkowych informacji o polu.<\/p>\n Przeniesienie informacji do pude\u0142ka zapobiega przepe\u0142nieniu witryny.<\/p>\n Niekt\u00f3rzy u\u017cywaj\u0105 ich na przyk\u0142ad w tabelach cenowych<\/strong>. Tekst zawiera kr\u00f3tki opis i wycen\u0119.<\/p>\n Naje\u017cd\u017caj\u0105c na nie, widzowie ujawniaj\u0105 szczeg\u00f3\u0142owy opis przedmiotu. W ten spos\u00f3b tabela nie jest zat\u0142oczona zbyt du\u017c\u0105 ilo\u015bci\u0105 tekstu.<\/p>\n Inne przyk\u0142ady to definicje s\u0142\u00f3w, przypisy \u017ar\u00f3d\u0142owe<\/strong>, komentarze<\/strong> i mapy<\/strong>. Zasadniczo wszystkie elementy mo\u017cna przenie\u015b\u0107 do pola podpowiedzi.<\/p>\n Inni u\u017cywaj\u0105 podpowiedzi, aby poda\u0107 wi\u0119cej informacji o zdj\u0119ciu po najechaniu na nie kursorem. Mo\u017ce to obejmowa\u0107 czas, miejsce, fotografa<\/strong> i wiele wi\u0119cej.<\/p>\n Celem jest wyja\u015bnienie kwestii lub podanie wi\u0119kszej ilo\u015bci informacji.<\/p>\n Podpowiedzi s\u0105 r\u00f3wnie\u017c nazywane terminami glosariuszowymi<\/strong>, podpowiedziami<\/strong> lub komunikatami<\/strong>. S\u0105 przydatne na komputerach sterowanych myszk\u0105 oraz mobilnych witrynach i formularzach WordPress.<\/p>\n Nale\u017cy to wzi\u0105\u0107 pod uwag\u0119. Obecnie wi\u0119kszo\u015b\u0107 przegl\u0105dania Internetu odbywa si\u0119 na urz\u0105dzeniu mobilnym, a nie na komputerze stacjonarnym.<\/p>\n Przestrze\u0144 na ekranie urz\u0105dzenia mobilnego jest znacznie bardziej ograniczona ni\u017c na du\u017cym ekranie komputera. Podpowiedzi s\u0105 odpowiedzi\u0105 na ten problem.<\/p>\n Uwa\u017caj jednak, aby nie umieszcza\u0107 zbyt wielu informacji w podpowiedzi.<\/p>\n Istniej\u0105 dwa sposoby dodania podpowiedzi do witryny WordPress. W tym artykule om\u00f3wimy obie metody.<\/p>\n Najpierw sprawdzane jest u\u017cycie wtyczek<\/strong>, a nast\u0119pnie metoda r\u0119czna .<\/strong> Metoda r\u0119czna wymaga troch\u0119 kodowania.<\/p>\n Zalet\u0105 wtyczki WordPress do dodawania podpowiedzi WordPress jest to, \u017ce oszcz\u0119dzaj\u0105 czas<\/strong>. Oto lista pi\u0119ciu wtyczek WordPress z podpowiedziami, kt\u00f3re s\u0105 \u0142atwe w u\u017cyciu.<\/p>\n Pierwsza wtyczka podpowiedzi to Shortcodes Ultimate. Jest prosty w u\u017cyciu i kompatybilny z wi\u0119kszo\u015bci\u0105 popularnych motyw\u00f3w WordPress.<\/p>\n To wi\u0119cej ni\u017c dodawanie podpowiedzi do WordPressa. W rzeczywisto\u015bci oferuje ponad 50 kr\u00f3tkich kod\u00f3w dla r\u00f3\u017cnych funkcji, wszystko za darmo.<\/p>\n WordPress jest \u0142atwy w u\u017cyciu. Jest ma\u0142y, lekki i szybki.<\/p>\n Jest to rozwi\u0105zanie jQuery, kt\u00f3re dodaje zawarto\u015b\u0107 HTML w edytorze WordPress WYSWYG. Mi\u0119dzy innymi dodaje audio, linki do pobierania, obrazy, pliki PDF, po\u0142\u0105czenia z mediami spo\u0142eczno\u015bciowymi i filmy.<\/p>\n S\u0142ownik automatycznie generuje listy s\u0142\u00f3w na podstawie zawarto\u015bci strony internetowej. Grupuje s\u0142owa i definicje w s\u0142owniku.<\/p>\n S\u0142owa i definicje s\u0105 nast\u0119pnie \u0142\u0105czone ze s\u0142owami w kopii. Nast\u0119pnie tworzy dla niego glosariusz podpowiedzi.<\/p>\n Dzi\u0119ki temu u\u017cytkownicy mog\u0105 dodawa\u0107 podpowiedzi do zwyk\u0142ego tekstu i odpowiednich link\u00f3w w po\u015bcie lub na stronie internetowej. Wykorzystuje graficzny interfejs u\u017cytkownika TinyMCE shortcode.<\/p>\n Prowadzi u\u017cytkownika przez ca\u0142y proces. Nie jest wi\u0119c wymagana szeroka wiedza na temat kodowania.<\/p>\n To po prostu dodaje dodatkowy przycisk do edytora post\u00f3w. Klikni\u0119cie tego przycisku wstawia kr\u00f3tki kod podpowiedzi do tre\u015bci.<\/p>\n Nast\u0119pnie u\u017cytkownicy dodaj\u0105 tre\u015b\u0107 do podpowiedzi i przypisuj\u0105 element, kt\u00f3ry wyzwala podpowied\u017a.<\/p>\n Nast\u0119pnie uwaga przenosi si\u0119 na r\u0119czn\u0105 metod\u0119 CSS.<\/p>\n W poprzedniej sekcji om\u00f3wiono u\u017cycie wtyczki WordPress do dodawania podpowiedzi do witryny WordPress. To, co wtyczki robi\u0105 za kulisami, to ustawianie kilku styl\u00f3w CSS.<\/p>\n Nast\u0119pnie pozwala u\u017cytkownikowi wybra\u0107 zestaw ustawie\u0144 w celu dostosowania podpowiedzi. Wtyczka wygeneruje nast\u0119pnie kr\u00f3tki kod.<\/p>\n Oczywi\u015bcie wszystkie te zadania mo\u017cna wykona\u0107 r\u0119cznie. Wymaga zaawansowanej znajomo\u015bci HTML i jQuery<\/strong>.<\/p>\n Gdy kod jest ju\u017c wygenerowany, wystarczy go doda\u0107.<\/p>\n Dodatkow\u0105 sztuczk\u0105 jest dodanie CSS<\/strong> do motywu. Naj\u0142atwiej to zrobi\u0107 za pomoc\u0105 narz\u0119dzia WordPress Customizer.<\/p>\n Oto, co musz\u0105 zrobi\u0107 trzy klasy CSS:<\/p>\n Ten kod, kt\u00f3ry robi te rzeczy, b\u0119dzie wygl\u0105da\u0142 mniej wi\u0119cej tak:<\/p>\n Te ci\u0105gi kodu generuj\u0105 puste pole i umieszczaj\u0105 je wzgl\u0119dem tekstu nadrz\u0119dnego. Nast\u0119pnie tworzy tekst i definiuje parametry, takie jak wyr\u00f3wnanie, kolor i dope\u0142nienie.<\/p>\n Ostatnia cz\u0119\u015b\u0107 ukrywa pole, dop\u00f3ki nie pojawi si\u0119 po najechaniu na element nadrz\u0119dny.<\/p>\n Po dodaniu klas CSS do motywu pami\u0119taj o ich zapisaniu. Teraz podpowiedzi WordPress s\u0105 gotowe do dodania do witryn WordPress.<\/p>\n Aby je doda\u0107:<\/p>\n Zmie\u0144 nazw\u0119, je\u015bli po dodaniu otrzyma\u0142 inn\u0105 nazw\u0119.<\/p>\n Stylizuj podpowiedzi WordPress<\/strong> w taki sam spos\u00f3b, jak inne elementy CSS.<\/p>\n Zmie\u0144 kolor, dostosuj pole i tak dalej. Dopasuj go do reszty projektu witryny.<\/p>\n Etykietki narz\u0119dzi WordPress \u015bwietnie nadaj\u0105 si\u0119 do dodawania dodatkowych informacji bez za\u015bmiecania wygl\u0105du.<\/p>\n Je\u015bli odwiedzaj\u0105cy nie najedzie kursorem na dany element serwisu, informacja nie jest widoczna. Zwi\u0119ksza to wygod\u0119 u\u017cytkownika.<\/p>\n Coraz wa\u017cniejszy staje si\u0119 czysty i uporz\u0105dkowany wygl\u0105d. Coraz wi\u0119cej os\u00f3b korzysta z urz\u0105dze\u0144 mobilnych do przegl\u0105dania Internetu.<\/p>\n Na ma\u0142ym ekranie wyskakuj\u0105ce okienka s\u0105 bardzo denerwuj\u0105ce.<\/p>\n Z drugiej strony odwiedzaj\u0105cy doceniaj\u0105 podpowiedzi. Pojawiaj\u0105 si\u0119 w razie potrzeby i informuj\u0105 zamiast pr\u00f3bowa\u0107 sprzedawa\u0107.<\/p>\n Dwa podej\u015bcia do dodawania podpowiedzi do witryny WordPress om\u00f3wione w tym artykule to:<\/p>\n Wymaga to dodania do motywu trzech styl\u00f3w CSS. W przewodniku pokazano, jak u\u017cy\u0107 do tego dostosowywania.<\/p>\n Je\u015bli podoba\u0142 Ci si\u0119 ten artyku\u0142 na temat dodawania podpowiedzi WordPress, powiniene\u015b zapozna\u0107 si\u0119 z tym, jak usun\u0105\u0107 motywy WordPress<\/a>.<\/p>\n Pisali\u015bmy r\u00f3wnie\u017c o kilku powi\u0105zanych tematach, takich jak znak wodny obraz\u00f3w<\/a>, jak sprawdzi\u0107 wersj\u0119 WordPressa<\/a>, tworzenie tabeli por\u00f3wnawczej za pomoc\u0105 wtyczek WordPressa<\/a>, jak przes\u0142a\u0107 plik HTML do WordPressa<\/a>, gdzie s\u0105 przechowywane strony WordPressa<\/a> i dlaczego WordPress jest tak trudny do u\u017cyj<\/a>.<\/p>\nCo to jest podpowied\u017a do WordPressa lub CSS?<\/h2>\n
![\"Samouczek](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-187133-61e88fb3268a3.jpg\")
<\/a><\/p>\nDodaj podpowied\u017a WordPress z wtyczk\u0105<\/h2>\n
Skr\u00f3ty Ostateczne<\/h3>\n
<\/a><\/p>\nPodpowiedzi WordPress<\/h3>\n
<\/a><\/p>\nS\u0142owniczek<\/h3>\n
<\/a><\/p>\nEtykietka WordPress<\/h3>\n
<\/a><\/p>\nProsta wtyczka podpowiedzi<\/h3>\n
<\/a><\/p>\nR\u0119czne dodawanie podpowiedzi WordPress<\/h2>\n
Przejd\u017a do dostosowywania motyw\u00f3w<\/h3>\n
<\/a><\/p>\n\n
\n
Dodaj klasy CSS do motywu<\/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>\nDodaj podpowiedzi za pomoc\u0105 Edytora bloku<\/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>\nKo\u0144cowe przemy\u015blenia na temat dodawania podpowiedzi WordPress<\/h2>\n
\n