Divi Responsive Helper
Funkcionalitás és előnyök
A Divi Responsive Helper egy átfogó eszközkészlet, amely segít optimalizálni a weboldalad megjelenését és működését minden eszközön. Több mint 50 egyedi funkciót és beállítást kínál, amelyek lehetővé teszik a Divi weboldalak testreszabását és finomhangolását a legjobb felhasználói élmény érdekében.
Oszlopok számának kiválasztása
Ha két oszlopot szeretnél egymás mellett megjeleníteni mobilon, ez az eszköz lehetővé teszi ezt. A beállítások segítségével kiválaszthatod, hogy hány oszlop jelenjen meg egymás mellett asztali és mobil eszközökön.
Oszlopok rendezési sorrendjének beállítása
Manuálisan kiválaszthatod az oszlopok sorrendjét asztali és mobil eszközökön, így elkerülheted a bonyolult kódolást és a felesleges fejfájást.
Blog oszlopainak száma
A Divi Blog modul alapértelmezett oszlopszámát módosíthatod asztali, tablet és mobil eszközökön, így optimalizálhatod a blogbejegyzések megjelenítését.
Galéria képoszlopainak száma
A Divi Galéria modulban alapértelmezés szerint négy kép jelenik meg asztali, három tablet és egy mobil eszközökön. Ezzel az eszközzel megadhatod a kívánt képoszlopok számát.
Portfólió projektek oszlopai
A Divi Portfólió modul alapértelmezett négy oszlopszámát módosíthatod asztali, két tablet és egy mobil eszközökön, így jobban testreszabhatod a portfólió megjelenését.
WooCommerce termékoszlopok
A Divi Shop modulban alapértelmezett négy oszlopszámát módosíthatod asztali, két tablet és mobil eszközökön is, ami különösen hasznos, ha sok terméked van.
Együttműködés más eszközökkel
A Divi Responsive Helper zökkenőmentesen működik együtt más Divi modulokkal és bővítményekkel, mint például a Divi Builder, Extra Theme és WooCommerce. Ezáltal bármelyik weboldal könnyen optimalizálható válik minden eszközre.
Konkrét helyzetekben való hasznosság
Példák:
- Webáruházak: Az oszlopszámok testreszabása segít optimalizálni a termékek megjelenítését különböző eszközökön.
- Blogok: A blogbejegyzések oszlopszámának módosítása javítja az olvashatóságot és a felhasználói élményt.
- Portfólió oldalak: A portfólió projektek rendezési sorrendjének beállítása növeli a vizuális élményt és a navigációs könnyedséget.
- Mobil menü optimalizálása: A mobil menü beállításai lehetővé teszik a menüpontok egyszerű kezelhetőségét kis kijelzőkön.
Gyakorlati tippek
- Testreszabott gutter width: Ha egyedi gutter width-et szeretnél alkalmazni, először engedélyezd ezt a beállítást a Theme Options menüben.
- Widow words kezelése: Használd az automatikus widow words megoldást, hogy elkerüld az egyedül álló szavakat a szövegek végén.
- Globális szövegméretek beállítása: Állítsd be az alapértelmezett szövegméreteket különböző eszközökre, hogy egységes megjelenést biztosíts minden modulon.
Legfontosabb jellemzők
Eszköz előnézet
Az egyedi előnézeti méretek lehetővé teszik, hogy valós időben láthasd, hogyan fog kinézni az oldalad különböző eszközökön.
Hamburger menü megjelenítése asztali nézetben
Ez a funkció lehetővé teszi, hogy asztali nézetben is használhass hamburger menüt, ami különösen hasznos lehet bizonyos dizájnok esetében.
Teljes mértékben testreszabható CSS média lekérdezések
Mostantól saját média lekérdezéseket hozhatsz létre, ami nagyban megkönnyíti a speciális dizájn igények kielégítését.
Animációk letiltása mobil eszközökön
Ez a funkció segít javítani az oldal teljesítményét és felhasználói élményét azzal, hogy letiltja az animációkat mobil eszközökön.
Szószedet
- Gutter width: Az oszlopok közötti távolság.
- Hamburger menü: Mobil eszközökön gyakran használt menü ikon.
- Media queries: Média lekérdezések, amelyek segítségével különböző CSS szabályokat alkalmazhatsz különböző eszközméretekhez.
- Responsive: Reagáló dizájn, amely alkalmazkodik a különböző kijelzőméretekhez.
- Widow words: Egyedül álló szavak a szövegek végén.