Modul komentářů umožňuje umístit a formulář komentáře kdekoli na vaší stránce. Pokud používáte standardní stránku nebo příspěvek bez Divi Builderu, budou se pod obsahem vašeho příspěvku stále zobrazovat komentáře.

Jakmile je Divi Builder aktivován, můžete modul komentářů umístit kamkoli na svou stránku a formulář komentáře se objeví v umístění modulu. To vám dává mnohem větší kontrolu nad svými komentáři!

Jak přidat komentářový modul na vaši stránku

Než budete moci na svou stránku přidat modul komentářů, musíte nejprve otevřít Divi Builder. Jednou Divi téma nainstalované na vašem webu, všimnete si tlačítka Použijte nástroj Divi Builder nad vydavatelem pokaždé, když vytvoříte novou stránku.

Kliknutím na toto tlačítko aktivujete Divi Builder, který vám umožní přístup ke všem modulům Divi Builder. Poté klikněte na tlačítko Použijte Visual Builder pro spuštění generátoru ve vizuálním režimu. Můžete také kliknout na tlačítko Použijte Visual Builder když procházíte webovou stránku proti proudu, pokud jste přihlášeni ke svému panelu WordPress.

Po zadání do Visual Builderu můžete kliknutím na šedé tlačítko plus přidat na stránku nový modul. Nové moduly lze přidávat pouze do řádků. Pokud začínáte novou stránku, nezapomeňte nejprve přidat na stránku řádek.

Vyhledejte modul komentářů v seznamu modulů a kliknutím na něj jej přidejte na svou stránku. Seznam modulů je prohledávatelný, což znamená, že můžete také napsat slovo „komentáře“ a poté kliknout na Enter pro automatické vyhledání a přidání modulu komentářů! Po přidání modulu vás přivítá seznam možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý .

K přidání příspěvku do blogového příspěvku použijte případ

V tomto příkladu vám ukážu, jak snadné je vložit a formátovat modul komentářů do vašeho příspěvku pomocí nástroje Visual Builder.

Upozorňujeme, že sekce komentářů je přidána pod obsah příspěvku a nad sekci zápatí se třemi sloupci. Modul komentářů však mohl být přidán kdekoli.

Pomocí nástroje Visual Builder přidejte standardní sekci s řádkem o celé šířce (1 sloupec) pod moduly, které obsahují váš příspěvek. Poté přidejte do řádku modul Komentáře.

Aktualizujte nastavení komentáře následujícím způsobem:

Možnosti obsahu

Barva pozadí polí: #ffffff

Možnosti návrhu

Barva textu: Tmavá
Komentář Policie: PT Sans
Komentář Velikost písma: 20px
Komentář Barva textu:
Policejní pole: PT Sans
Velikost písma pole: 20px
Meta písmo: PT Sans, Kurzíva, Velké písmo
Meta velikost písma: 16px
Poloměr ohraničení pole: 0px
Použijte ohraničení: ANO
Barva ohraničení: #aaaaaa
Šířka hranice: 1px
Pro tlačítko použijte vlastní styly: ANO
Tlačítko Velikost textu: 20
Barva textu tlačítka: #ffffff
Barva pozadí tlačítka: # 02b875
Šířka okraje
: 3px

Některé položky, například meta informace o příspěvku a obrázky avatarů, se zobrazí, pouze když vy nebo někdo jiný přidá k příspěvku komentář.

To je vše. Krása tohoto modulu spočívá v tom, že za sekci komentářů můžete přidat další obsah (například výzvu k akci nebo a kontaktní formulář), což s výchozím WordPressem není snadné.

Možnosti obsahu modulu Komentář

Na kartě obsah najdete všechny prvky obsahu modulu, jako jsou text, obrázky a ikony. Vše, co ovládá co Ve vašem modulu se vždy zobrazí tato karta.

Zobrazit autora Avatar

Zakázáním této možnosti odeberete avatar autora komentáře ze seznamu komentářů.

Tlačítko Zobrazit odpověď

Pokud je tlačítko Zobrazit odpověď zakázáno, uživatelé nebudou moci odpovídat na komentáře v seznamu komentářů.

Zobrazit komentáře

Pokud je tato možnost deaktivována, celkový počet komentářů se již nebude zobrazovat nad seznamem komentářů.

Barva pozadí polí

Modul komentářů zobrazí a formulář komentář složený z různých vstupních polí. Ve výchozím nastavení mají tato vstupní pole šedou barvu pozadí. Tuto barvu můžete změnit výběrem vlastní barvy z výběru barvy.

Správce štítku

Tím se změní štítek modulu v generátoru pro snadnou identifikaci. Při použití pohledu WireFrame ve Visual Builderu se tyto štítky objeví v bloku modulu rozhraní Divi Builder.

Možnosti návrhu komentářů

Na kartě Návrh najdete všechny možnosti stylingu modulu, například písma, barvy, velikost a mezery. Tato karta umožňuje upravit vzhled vašeho modulu. Každý modul Divi má dlouhý seznam nastavení designu, pomocí kterého můžete vyladit téměř cokoli.

Barva textu

Zde si můžete vybrat hodnotu svého textu. Pokud pracujete s tmavým pozadím, měl by být váš text zvýrazněn. Pokud pracujete na světlém pozadí, měl by být váš text tmavý.

Písmo komentáře

Písmo svého komentáře můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami úžasných písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Můžete také přizpůsobit styl textu pomocí možností tučně, kurzíva, všechna velká písmena a podtržení.

Velikost písma komentářů

Zde můžete upravit velikost písma komentáře. Posunutím posuvníku intervalu můžete zvětšit nebo zmenšit velikost textu, nebo můžete přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Barva textu komentářů

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu svého pole, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup komentářů

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Pokud chcete zvětšit mezeru mezi každým písmenem textu komentáře, upravte mezeru pomocí posuvníku intervalu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Výška řádku komentářů

Výška řádku ovlivňuje mezeru mezi každým řádkem textu komentáře. Chcete-li zvětšit mezeru mezi jednotlivými řádky, upravte mezeru pomocí posuvníku intervalu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Policejní pole

Písmo textu můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami úžasných písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Můžete také přizpůsobit styl textu pomocí možností tučně, kurzíva, všechna velká písmena a podtržení.

Velikost písma pole

Zde můžete upravit velikost textu pole. Posunutím posuvníku intervalu můžete zvětšit nebo zmenšit velikost textu nebo můžete přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Barva textového pole

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Pokud chcete změnit barvu textu svého pole, vyberte pomocí této možnosti požadovanou barvu ve výběru barev.

Rozestup polních písmen

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem textu v poli, upravte mezeru pomocí posuvníku intervalu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Výška polní linie

Výška řádku ovlivňuje mezeru mezi jednotlivými řádky textu v poli. Chcete-li zvětšit mezeru mezi jednotlivými řádky, upravte mezeru pomocí posuvníku intervalu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Meta písmo

Písmo meta-textu můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami úžasných písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Můžete také přizpůsobit styl textu pomocí možností tučně, kurzíva, všechna velká písmena a podtržení.

Velikost písma Meta

Zde můžete upravit velikost meta textu. Posunutím posuvníku intervalu můžete zvětšit nebo zmenšit velikost textu, nebo můžete přímo zadat požadovanou hodnotu velikosti textu do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Barva meta-textu

Ve výchozím nastavení se všechny barvy textu v souboru Divi zobrazují v bílé nebo tmavě šedé barvě. Chcete-li změnit barvu meta textu, vyberte pomocí této možnosti preferovanou barvu ve výběru barev.

Mezery mezi meta písmeny

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Chcete-li zvětšit mezeru mezi každým písmenem meta-textu, upravte mezeru pomocí posuvníku intervalu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Výška meta linky

Výška řádku ovlivňuje mezeru mezi jednotlivými řádky v meta textu. Chcete-li zvětšit mezeru mezi jednotlivými řádky, upravte mezeru pomocí posuvníku intervalu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Poloměr hranice polí

Poloměr ohraničení ovlivňuje zaoblení rohů každého vstupního pole. Čím vyšší hodnota, tím zaoblenější čtyři rohy každého vstupního pole. Chcete-li vytvořit obdélníková vstupní pole, můžete snížit hodnotu na 0 nebo hodnotu výrazně zvýšit, abyste vytvořili vstupní pole s kruhovými hranami.

Použijte okraj

Povolením této možnosti umístíte ohraničení kolem vašeho modulu. Toto ohraničení lze přizpůsobit pomocí následujících podmíněných parametrů.

Barva hranice

Tato možnost ovlivňuje barvu ohraničení. Vyberte vlastní barvu z výběru barev a použijte ji na svůj okraj.

Šířka hranice

Ve výchozím nastavení jsou ohraničení široká 1 pixel. Tuto hodnotu můžete zvýšit přetažením posuvníku rozsahu nebo zadáním vlastní hodnoty do vstupního pole vpravo od posuvníku. Podporujte vlastní měrné jednotky, což znamená, že můžete změnit výchozí jednotku z „px“ na něco jiného, ​​jako em, vh, vw atd.

Styl okraje

Okraje podporují osm různých stylů, včetně: plný, tečkovaný, tečkovaný, dvojitý, drážka, hřeben, vložka a začátek. Z rozevírací nabídky vyberte požadovaný styl a použijte jej na svůj okraj.

Vlastní marže

Okraj je prostor přidaný na vnější stranu modulu, mezi modul a další prvek nahoře, dole nebo nalevo a napravo od něj. Na kteroukoli ze čtyř stran modulu můžete přidat vlastní hodnoty okrajů. Chcete-li odstranit vlastní okraj, odeberte přidanou hodnotu ze vstupního pole. Ve výchozím nastavení se tyto hodnoty měří v pixelech, ale do vstupních polí můžete zadat vlastní měrné jednotky.

Vlastní polstrování

Výplň je prostor přidaný uvnitř vašeho modulu mezi okraj modulu a jeho vnitřní prvky. Na kteroukoli ze čtyř stran modulu můžete přidat vlastní hodnoty výplně. Chcete-li odstranit vlastní okraj, odeberte přidanou hodnotu ze vstupního pole. Ve výchozím nastavení se tyto hodnoty měří v pixelech, ale do vstupních polí můžete zadat vlastní měrné jednotky.

Pro tlačítka použijte vlastní styly

Povolení této možnosti odhalí různá nastavení přizpůsobení tlačítek, která můžete použít ke změně vzhledu tlačítka vašeho modulu.

Velikost textu tlačítka

Toto nastavení lze použít ke zvětšení nebo zmenšení velikosti textu v tlačítku. Velikost tlačítka se zvětšuje a zmenšuje.

Barva textu tlačítka

Ve výchozím nastavení tlačítka přebírají barvu zvýraznění motivu, jak je definováno v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu textu tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu tlačítka.

Barva pozadí tlačítka

Ve výchozím nastavení mají tlačítka průhlednou barvu pozadí. To lze změnit výběrem požadované barvy pozadí z výběru barev.

Šířka okraje tlačítka

Všechna tlačítka Divi mají ve výchozím nastavení ohraničení 2px. Toto ohraničení lze pomocí tohoto nastavení zvýšit nebo snížit. Okraje lze odstranit zadáním hodnoty 0.

Barva ohraničení tlačítek

Ve výchozím nastavení ohraničení tlačítek přebírají barvu zvýraznění motivu, jak je definováno v nástroji Customizer Theme. Tato možnost umožňuje přiřadit vlastní barvu ohraničení tlačítku tohoto modulu. Vyberte svou vlastní barvu pomocí nástroje pro výběr barvy a změňte barvu ohraničení tlačítka.

Tlačítko hranice poloměru

Poloměr ohraničení ovlivňuje zaoblení rohů vašich tlačítek. Ve výchozím nastavení mají tlačítka v Divi malý poloměr, který zaobluje rohy o 3 pixely. Chcete-li vytvořit čtvercové tlačítko, můžete jej snížit na 0 nebo výrazně zvýšit, abyste vytvořili tlačítka s kruhovými hranami.

Rozestup tlačítek

Mezery mezi písmeny ovlivňují mezeru mezi jednotlivými písmeny. Pokud chcete zvětšit mezeru mezi každým písmenem textu tlačítka, upravte mezeru pomocí posuvníku rozsahu nebo zadejte požadovanou velikost mezery do vstupního pole vpravo od posuvníku. Vstupní pole podporují různé měrné jednotky, což znamená, že můžete zadat „px“ nebo „em“ podle své velikosti a změnit typ jednotky.

Policejní tlačítko

Písmo textu můžete změnit výběrem požadovaného písma z rozevírací nabídky. Divi přichází s desítkami úžasných písem využívajících písma Google. Ve výchozím nastavení používá Divi písmo Open Sans pro veškerý text na vaší stránce. Můžete také přizpůsobit styl textu pomocí možností tučně, kurzíva, všechna velká písmena a podtržení.

Ikona tlačítka Přidat

Zakázáno toto nastavení odstraní ikony z vašeho tlačítka. Ve výchozím nastavení všechna tlačítka Divi při vznášení zobrazují ikonu šipky.

Ikona tlačítka

Pokud jsou ikony povoleny, můžete pomocí tohoto nastavení vybrat, která ikona se ve vašem tlačítku použije. Divi má na výběr několik ikon.

Barva ikony tlačítka

Úpravou tohoto nastavení změníte barvu ikony, která se zobrazí na vašem tlačítku. Ve výchozím nastavení je barva ikony stejná jako barva textu tlačítka, ale toto nastavení vám umožňuje upravit barvu nezávisle.

Umístění ikony tlačítka

Můžete zvolit zobrazení ikony tlačítka vlevo nebo vpravo od tlačítka.

Zobrazit pouze ikonu kurzoru pro tlačítko

Ve výchozím nastavení se ikony tlačítek zobrazují pouze při najetí myší. Pokud chcete, aby se ikona vždy zobrazovala, vypněte toto nastavení.

Tlačítko barevné přebalování textu

Když se myš návštěvníka umístí nad tlačítko, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Barva pozadí myši

Když se myš návštěvníka umístí nad tlačítko, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Hover border color

Když se myš návštěvníka umístí nad tlačítko, použije se tato barva. Barva se změní od základní barvy definované v předchozím nastavení.

Tlačítko vzad

Když na tlačítko přejedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.

Rozpoznávací tlačítko pro převrácení

Když na tlačítko přejedete myší návštěvníka, použije se tato hodnota. Hodnota se změní od základní hodnoty definované v předchozím nastavení.

Komentáře Rozšířené možnosti

Na kartě Upřesnit najdete možnosti, které mohou zkušenější weboví designéři považovat za užitečné, například vlastní atributy CSS a HTML. Zde můžete použít vlastní CSS na kterýkoli z mnoha prvků modulu. Na modul můžete také použít vlastní třídy a ID CSS, které lze použít k přizpůsobení modulu v souboru style.css vašeho podřízeného motivu.

CSS ID

Zadejte volitelné ID CSS, které chcete použít pro tento modul. ID lze použít k vytvoření vlastního stylu CSS nebo k propojení s konkrétními částmi vaší stránky.

CSS třídy

Zadejte volitelné třídy CSS, které chcete pro tento modul použít. Třídu CSS lze použít k vytvoření vlastních stylů CSS. Můžete přidat více tříd oddělených mezerou. Tyto třídy lze použít ve vašem Divi téma Child nebo ve vlastním CSS, které přidáte na svou stránku nebo web pomocí Divi Theme Options nebo Divi Builder Page Settings.

Vlastní CSS

Vlastní CSS lze také použít na modul a kterýkoli z interních prvků modulu. V sekci Vlastní CSS najdete textové pole, kde můžete přidat CSS přímo ke každému prvku. Položky CSS v tomto nastavení jsou již vloženy do značek stylů. Musíte tedy zadat pravidla CSS oddělená středníky.

viditelnost

Tato možnost umožňuje ovládat zařízení, na kterých se váš modul zobrazuje. Můžete se rozhodnout deaktivovat svůj modul na tabletech, chytrých telefonech nebo stolních počítačích jednotlivě. To je užitečné, pokud chcete použít různé moduly na různých zařízeních nebo pokud chcete zjednodušit mobilní design odstraněním určitých prvků ze stránky.

to je pro tento tutoriál vše.