9 mobilbarát WordPress beépülő modul a webhely fejlesztéséhez

9 mobilbarát WordPress beépülő modul a webhely fejlesztéséhez

az elmúlt években az emberek több időt töltöttek telefonjukon, mint asztali számítógépükön. A mobil webes forgalom a globális internetes forgalom több mint felét teszi ki.

ha belemerül a WordPress webhely-elemzésébe, hasonló történetet láthat a látogatói között. Szóval, hogyan kell WordPress adminisztrátorként befogadni ezeket a mobil felhasználókat?

a WordPress mobil plugin a legjobb megoldás. A teljesítmény növelésétől kezdve a webhely formázásáig a telefon képernyőjén, az ezekhez a bővítményekhez tartozó kiegészítők optimális élményt nyújthatnak minden látogató számára.

először három funkciót adunk Önnek, amelyeket egy mobilbarát WordPress bővítményben kereshet. Ezután megosztjuk kedvenc mobilbarát WordPress bővítményeinket.

Hogyan készítsünk egy WordPress webhelyet mobilbarát

ahhoz, hogy egy webhely mobilbarát legyen, meg kell:

• érzékeny, ami azt jelenti, hogy az oldal elrendezése a mobil képernyő méreteihez igazodik a könnyebb olvasás érdekében.
• sebességre optimalizált, mivel a mobil eszközök általában kevesebb számítási erőforrással rendelkeznek, mint az asztali számítógépek, így hosszabb ideig tart a weboldalak betöltése.
• navigálható, mivel a mobil képernyőkön nincs hely a terjedelmes menük és navigációs elemek számára.

az alábbiakban javasolt bővítmények mindegyike magában foglalja ezeket a mobilbarát funkciókat, ezért keressen egyet, amely felhívja a figyelmét, és próbálja ki.

Superfly

a Superfly egy mobilra reagáló wordpress plugin, amely a navigációs menüt is érzékenyvé teszi. Válasszon a függőleges push, csúszó, statikus navigáció, ikon eszköztár, vagy teljes képernyős menük, hogy hozzon létre egy felhasználói élményt a látogatók szeretni fogják.

a több webhelyet kezelő vállalatok a Superfly-t gyors és fürge megoldásnak találják a mobilbarát webhely iránti igényükre, mivel az export / import funkció lehetővé teszi, hogy zökkenőmentesen mozogjon az összes webhely között

amit szeretünk a Superfly-ben:

• az élő szerkesztő segítségével valós időben láthatja, hogy mit változtat.
• almenü navigáció nagyobb oldalak, hogy szükség van egy kicsit több szervezet.
• teljes képernyős menüpont, amely professzionális megjelenést kölcsönöz webhelyének.

Jetpack

WordPress felhasználóként jó eséllyel már hallottál a Jetpack pluginról. A WordPress CMS mögött álló csapat által készített Jetpack különféle modulokból áll, amelyek javítják webhelye marketingjét, biztonságát, SEO-ját, elemzését és még sok mást. Ez egy all-in-one megoldás, amely csökkenti a telepítendő bővítmények teljes számát (ami maga is előnyös a mobil teljesítmény szempontjából).

amit szeretünk a JetPack-ről:

Jetpack egy nagy mobil-barát WordPress plugin lehetőség, mert a teljesítmény optimalizálás funkciók, beleértve:

• tartalomszolgáltató hálózat, amely gyorsabban szolgálja ki a fájlokat.
• lusta képek betöltése, amelyek nem lassítják le az oldalt.
• Végtelen görgetés, amely növeli a felhasználói élményt.
• WordPress-optimalizált video hosting, hogy a videó tartalmat szellővé tegye a feltöltéshez és a látogatók megtekintéséhez.

tehát, ha fontolgatja, hogy a jetpack-et a WordPress webhelyének részévé tegye, akkor a plugin mobil előnyei csak a “Telepítés” gombra kattinthatnak.”

Smush

az oldal teljesítményének — és kiterjesztésként a mobil oldal teljesítményének — egyik legnagyobb ellensége a nagy képfájlok. Minél nagyobb a képfájl, annál hosszabb ideig tart az oldal betöltése, ami lelassítja az egész webhelyet.

amit szeretünk a Smush-ról:

a Smush egy WordPress Képoptimalizáló plugin, amely frontálisan kezeli az oldal teljesítményproblémáját.

• automatikusan tömöríti a képeket, amikor feltölti őket látható minőségcsökkenés nélkül.
• lusta-töltsön be képeket, hogy gyorsabb weboldal benyomását keltse.
• visszamenőlegesen tömörítse a webhelyére feltöltött összes képet.

havi 6 dollártól kezdve frissíthet a Smush Pro-ra, amely nagyobb mértékben tömöríti a fájlokat, mint az ingyenes verzió, eltávolítja a fájlméret-korlátokat (az ingyenes verzió csak 1 MB alatti képeket tömörít), tartalomszolgáltató hálózatot használ a képek küldéséhez, és automatikusan biztonsági másolatot készít az eredeti képfeltöltésekről. Fizethet egy tagságért is (havonta 19 USD), amely hozzáférést biztosít az összes WPMU DEV prémium bővítményhez, beleértve a Kolibrit is (amelyet később tárgyalunk).

AMP for WP

AMP egy HTML keretrendszer által bevezetett Google. Eredetileg a weboldalak mobileszközökre történő optimalizálására szánták, most az összes eszközön szállított weboldalakra vonatkozik. A webhely oldalait egy mobil webhelyre formázza, hogy hatékonyabban szolgáljon okostelefonokon és táblagépeken. Ez segít javítani a böngészési élményt, miközben növeli a rangsorolást a Google-ban, keresés mivel webhelye megfelel az AMP szabványainak.

amit szeretünk az AMP for WP-ről:

az AMP for WP nagy rugalmasságot és segédprogramot biztosít ingyen.

• telepítsen olyan bővítményeket, amelyek kompatibilissé teszik a bővítményt más népszerű bővítményekkel, mint például a wp Forms, a WooCommerce, az Elementor, a Divi és a Contact Form 7.
• iratkozzon fel tagságra, hogy több ilyen bővítményt ömlesztve kapjon. További részletekért lásd az AMP for WP árazási oldalát.

AMP

az AMP plugin egy másik ingyenes módja annak, hogy a Google AMP gyakorlatait alkalmazza a weboldalain. A Google AMP projekt közreműködői által készített bővítmény lehetővé teszi a WordPress rendszergazdáinak, hogy mobilra optimalizált weboldalakat tegyenek közzé programozás nélkül.

az AMP plugin átalakítja a webhely kódját egy AMP-barát makett eltávolításával inkompatibilis elemek az Ön számára. Azonosítja ezeket a problémákat, és kijavítja őket, kiegészítve azzal a magyarázattal, hogy bizonyos webhelyfunkciók miért akadályozzák a teljesítményt. Azonosítja az AMP-kompatibilis WordPress beépülő modulokat is, amelyek károsíthatják webhelyét.

amit szeretünk az AMP-ről:

ez a bővítmény bizonyos rugalmasságot is biztosít az AMP konfigurációja szempontjából.

• csak egy AMP-first témát használjon, ha azt szeretné, hogy az egész webhely kövesse az AMP irányelveit.
• mind az AMP, mind a nem AMP oldalakat kiszolgálhatja-például az előbbit a mobil látogatóknak, az utóbbit az asztali látogatóknak is kiszolgálhatja.

WP Mobile Menu

a kisebb mobil képernyők navigációs kihívásokat jelentenek a webes tervezők számára — honnan tudják a felhasználók, hová mehetnek és hogyan juthatnak el oda, az oldalsávok és a fejlécmenük helye nélkül?

a wp Mobile menü egy népszerű javítás.

mit szeretünk a wp Mobile Menu-ban:

ez a freemium plugin hozzáadja ezeket a nagyszerű funkciókat a WordPress webhelyéhez, hogy mobilbarát legyen:

• adjon hozzá egy érzékeny, háromrétegű mobil menüt bármely WordPress webhelyhez.
• válasszon a szabványos, csak szöveges menük közül, vagy helyezzen képeket, logókat, ikonokat és márkaelemeket a menükre.
• a menük elrejtése betöltés közben, és kényelmesen csúsztassa őket a nézetbe.

a WP Mobile Menu az eszköz prémium verzióit kínálja, amelyek a vállalkozás növekedésével méretezhetik ezt a megoldást. Van Professional ($6.49 havonta), amely lehetővé teszi a menük eltávolítását bizonyos oldalakról, és hozzáad néhány további menüpontot, valamint az üzleti ($9.99 havonta), amely lehetővé teszi a WooCommerce kompatibilitást, és az Enterprise ($29.99 havonta)

Max Mega Menu

Max Mega Menu egy másik népszerű plugin mobil menük, a legjobb weboldalak kiterjedt oldalak és a navigáció. Ezek a webhelyek különösen nagy menüket vagy mega menüket igényelnek, amelyeket nehéz megvalósítani a mobil webhelyeken. A Max Mega Menu átalakítja a meglévő WordPress menüket mega menükké, és különös figyelmet fordít az érzékeny tervezésre.

amit szeretünk a Max Mega Menu-ról:

Max Mega menü lehetővé teszi, hogy jó néhány egyedi változtatásokat a webhelyen, többek között:

• állítsa be a töréspontokat a menü összeomlásához kisebb képernyőkön.
• használjon mobilra optimalizált menüpontot, amely elrejtheti az almenüket, és helyet takaríthat meg a képernyőn.
• csúsztassa be a menüt oldalról, vagy normál legördülő menüként jelenjen meg.

a Max Mega Menu plugin alapverziója ingyenes. Van azonban egy Pro verzió is (29 dollárért kezdődik egy webhelyen), amely több olyan funkciót támogat, mint a ragadós, füles és harmonika menük, valamint az egyéni ikonok és a könnyű integráció.

Kolibri

a kolibri egy gyorsítótárazási plugin a WordPress számára-utasítja a látogatók böngészőit, hogy helyileg mentsék el a webhely fájljainak másolatait, így a jövőben gyorsabban tölthetők be. A gyorsítótárazás szükségtelenné teszi bizonyos fájlok letöltését a webszerverről minden alkalommal, amikor a látogató visszatér a webhelyére, ami nagy különbséget jelent a mobil felhasználók számára.

amit szeretünk a Kolibriben:

a Kolibri számos olyan funkciót tartalmaz, amelyek ezt az optimális választást teszik a WordPress rendszergazdák számára, akik villámgyors és érzékeny webhelyet szeretnének:

• engedélyezze a GZIP tömörítést a gyorsabb fájlkézbesítés érdekében.
• CSS és JavaScript kód kicsinyítése és elhalasztása.
• megszünteti a render-blokkoló erőforrásokat
• kapcsolja be a képek lusta betöltését.

a Kolibri hasznos útmutató az új felhasználók számára is — tippeket és javaslatokat ad a mobil webhely optimalizálásához, így megértheti, hogy a plugin hogyan változtat.

a fenti optimalizálás ingyenes, de feliratkozhat a Hummingbird Pro-ra havi 6 dollárért, és kaphat tartalomszolgáltató hálózatot, továbbfejlesztett fájltömörítést, automatizált szkennelést és üzemidő-felügyeletet. Kolibri Pro is szerepel a WPMU DEV tagság.

Touchy

ha felhasználóbarát, mobilbarát plugint keres a WordPress webhelyéhez, nézze meg a Touchy-t. Ez a könnyű, testreszabható plugin megadja webhelyének azt a válaszkészséget, amelyet keres, miközben zökkenőmentesen keveredik a felhasználói felület kialakításával.

amit szeretünk a Touchy-ról:

• ez magában foglalja mind a rögzített, mind az abszolút pozícionálást.
• tartalmaz egy ikon által támogatott legördülő harmonika menü egy kifinomult megjelenés.
• támogatja a sima animációk kreatív oldalak vizuális nehéz oldalakat.

menj mobil WordPress plugins.

bár jó lenne, ha minden felhasználó hasonló eszközökön böngészne, ez valószínűleg soha nem lesz így. Az okostelefonok és táblagépek növekvő népszerűségével a mobil felhasználói élmény megteremtése mindig is prioritás lesz a WordPress webhelytulajdonosok, fejlesztők és tervezők számára.

szerencsére a WordPress beépülő modulok a színfalak mögött dolgoznak, hogy a weboldalak mobilbarátak legyenek. Ne fordítsa el a közönség felét az ajtónál — ehelyett telepítsen egy ingyenes vagy prémium plugint, hogy webhelyei karcsúbbak, gyorsabbak és könnyebben navigálhassanak.

a szerkesztő megjegyzése: Ezt a bejegyzést eredetileg 2020 januárjában tették közzé, és az átfogóság érdekében frissítették.