9 mobiiliystävällistä WordPress-laajennusta, joilla voit parantaa verkkosivustoasi
viime vuosina ihmiset ovat viettäneet enemmän aikaa puhelimillaan kuin pöytätietokoneillaan. Ja nyt mobiilin verkkoliikenteen osuus on yli puolet kaikesta maailmanlaajuisesta internetliikenteestä.
jos dippaat WordPress-verkkosivustosi analytiikkaan, saatat nähdä samanlaisen tarinan kävijöidesi keskuudessa. Niin, miten sinun pitäisi WordPress admin majoittaa nämä mobiilikäyttäjät?
WordPress – mobiililiitännäinen on paras ratkaisu. Tehostamisesta suorituskyvyn muokkaamiseen sivuston puhelimen näytöt, lisäosat, jotka tulevat nämä plugins voi auttaa antamaan optimaalisen kokemuksen kaikille kävijöille.
ensin, annamme sinulle kolme ominaisuutta etsiä mobiili-ystävällinen WordPress plugin. Sitten, jaamme suosikki mobiili-ystävällinen WordPress plugins.
miten tehdä WordPress-sivustosta mobiiliystävällinen
jotta verkkosivusto olisi mobiiliystävällinen, sen on oltava:
- responsiivinen, eli Sivun asettelu mukautuu mobiilin näytön mittoihin lukemisen helpottamiseksi.
- optimoitu nopeuteen, koska mobiililaitteissa on yleensä vähemmän laskentaresursseja kuin pöytätietokoneissa ja siksi verkkosivujen lataaminen kestää kauemmin.
- navigoitavissa, koska mobiilinäytöillä ei ole tilaa isokokoisille valikoille ja navigointielementeille.
jokainen alla suosittelemamme liitännäinen sisältää nämä mobiiliystävälliset ominaisuudet, joten etsi sellainen, joka kiinnittää katseesi ja kokeile sitä.
Plugins tehdä sivustosi mobiili-ystävällinen
- Superfly
- Jetpack
- Smush
- AMP WP
- AMP
- WP Mobile Menu
- Max Mega Menu
- Kolibri
- Touchy
Superfly
Superfly on mobiilisti reagoiva wordpress-lisäosa, joka tekee myös navigointivalikosta reagoivan. Valitse pystysuora push, liukuva, staattinen navigointi, kuvake työkalurivi, tai fullscreen valikot luoda käyttäjäkokemuksen kävijät rakastavat.
yritykset, jotka hallinnoivat useita verkkosivustoja, pitävät Superflyä nopeana ja ketteränä ratkaisuna tarpeeseensa mobiiliystävällisestä sivustosta vienti/tuonti-toiminnon ansiosta, jonka avulla voit liikkua kaikkien sivustojen välillä saumattomasti
mitä pidämme Superflystä:
- live-editorin avulla näet reaaliajassa, mitä muutat.
- Alivalvonta suuremmille kohteille, jotka tarvitsevat hieman enemmän organisointia.
- Koko näytön valikkovaihtoehto, joka tuo sivustoosi ammattimaisen ilmeen.
Jetpack
WordPress-käyttäjänä on hyvä mahdollisuus, että olet jo kuullut Jetpack-liitännäisestä. Tehnyt tiimi takana WordPress CMS, Jetpack koostuu eri moduuleja parantaa sivuston markkinointi, turvallisuus, SEO, analytiikka, ja paljon muuta. Se on all-in-one ratkaisu, joka vähentää kokonaismäärä plugins sinun täytyy asentaa (joka itsessään hyödyttää mobiili suorituskykyä).
What we like about JetPack:
Jetpack on erinomainen mobiiliystävällinen WordPress-lisävaihtoehto suorituskyvyn optimointiominaisuuksiensa, kuten:
- sisällönjakeluverkko, joka palvelee tiedostoja nopeammin.
- laiskasti Ladataan kuvia, jotka eivät hidasta sivua.
- ääretön vieritys, joka parantaa käyttäjäkokemusta.
- WordPress-optimoitu videohostaus tekee videosisällöstä tuulahduksen ladattavaksi ja kiehtovan vierailijoiden katsottavaksi.
niin, jos harkitset Jetpackin tekemistä osaksi WordPress-sivustoa, pluginin mobiilietuudet saattavat vain työntää sinut klikkaamaan ” asenna.”
Smush
yksi sivun suorituskyvyn — ja sitä kautta mobiilisivun suorituskyvyn — suurimmista vihollisista on suuret kuvatiedostot. Mitä suurempi kuvatiedosto, sitä kauemmin kestää ladata sivulle, hidastaa koko sivuston alas.
What we like about Smush:
Smush on WordPress-kuvan optimointiliitännäinen, joka käsittelee sivun suorituskykyongelmaa päittäin.
- Pakkaa kuvat automaattisesti, kun lataat ne ilman näkyvää laadun laskua.
- laiskasti ladattuja kuvia, jotka antavat vaikutelman nopeammasta verkkosivusta.
- pakkaa takautuvasti kaikki sivustoosi lataamasi kuvat.
alkaen $ 6 per kuukausi, voit päivittää Smush Pro-versioon, joka pakkaa tiedostoja enemmän kuin ilmainen versio, poistaa tiedoston kokorajoitukset (ilmainen versio pakkaa kuvia vain alle 1 MB), käyttää sisällön jakeluverkostoa kuvien lähettämiseen ja varmuuskopioi automaattisesti alkuperäisen kuvan lataukset. Voit myös maksaa jäsenyyden ($19 kuukaudessa), joka myöntää pääsyn kaikkiin WPMU DEV premium plugins, mukaan lukien Hummingbird (josta keskustelemme myöhemmin).
AMP for WP
AMP on Googlen käyttöön ottama HTML-kehys. Alun perin tarkoituksena oli optimoida verkkosivut mobiililaitteille, mutta nyt se koskee verkkosivuja, jotka toimitetaan kaikille laitteille. Se uudistaa verkkosivustosi sivut mobiilisivustoksi, joka palvelee tehokkaammin älypuhelimissa ja tablet-laitteissa. Tämä auttaa parantamaan selauskokemusta ja parantaa rankingissa Google, haku koska sivustosi noudattaa sen AMP standardeja.
What we like about AMP for WP:
AMP WP tarjoaa paljon joustavuutta ja hyödyllisyyttä ilmaiseksi.
- Asenna laajennuksia, jotka tekevät liitännäisestä yhteensopivan muiden suosittujen liitännäisten kanssa, kuten WP Forms, WooCommerce, Elementor, Divi ja Yhteydenottolomake 7.
- tilaa jäsenyys saadaksesi useita näistä laajennuksista irtonumeroina. Lisätietoja, Katso AMP WP: n hinnoittelu sivu.
AMP
vahvistin plugin on toinen ilmainen tapa soveltaa Googlen AMP käytäntöjä verkkosivuillesi. Made by the Google AMP project contributors, tämä plugin avulla WordPress ylläpitäjät julkaista mobiili-optimoitu web-sivuja ilman ohjelmointia heidän osaltaan.
vahvistin plugin muuntaa sivustosi koodin AMP-friendly mockup poistamalla yhteensopimattomia elementtejä sinulle. Se tunnistaa nämä ongelmat ja korjaa ne, täydellisenä selityksiä siitä, miksi tietyt sivuston ominaisuudet haittaavat suorituskykyä. Se tunnistaa myös AMP-yhteensopimaton WordPress plugins, jotka voivat satuttaa sivustosi.
What we like about AMP:
tämä plugin tarjoaa myös jonkin verran joustavuutta amp kokoonpano.
- valitse vain yksi AMP-first-teema, Jos haluat koko sivustosi noudattavan AMP-ohjeita.
- palvele sekä AMP-että ei — AMP-sivuja-voit esimerkiksi palvella ensin mainittua mobiilikävijöille ja jälkimmäistä työpöytäkävijöille.
WP Mobile Menu
pienemmät mobiilinäytöt aiheuttavat navigointihaasteita web-suunnittelijoille-mistä käyttäjät tietävät, minne he voivat mennä ja miten sinne pääsee ilman tilaa sivupalkeille ja otsikkovalikoille?
WP Mobile Menu on yksi suosittu korjaus.
What we like about WP Mobile Menu:
This freemium plugin addes these great features to your WordPress site to make it mobile-friendly:
- lisää reagoiva, kolmikerroksinen mobiili valikko tahansa WordPress verkkosivuilla.
- valitse tavallisista tekstivalikoista tai aseta kuvia, logoja, kuvakkeita ja brändäyselementtejä valikkoihisi.
- piilota valikot niiden ladatessa ja liu ’ uta ne kätevästi näkyviin, kun ne latautuvat.
WP Mobile Menu tarjoaa työkalusta premium-versioita, joilla tätä ratkaisua voi skaalata liiketoiminnan kasvaessa. On Professional ($6.49 kuukaudessa) jonka avulla voit poistaa valikot tietyiltä sivuilta ja lisää joitakin lisävalikko vaihtoehtoja, sekä Business ($9.99 kuukaudessa), joka mahdollistaa WooCommerce yhteensopivuus, ja Enterprise ($29.99 kuukaudessa)
Max Mega Menu
Max Mega Menu on toinen suosittu plugin mobiili valikot, paras sivustot laaja sivuja ja navigointi. Nämä sivustot vaativat erityisen suuria valikoita eli mega-valikoita, jotka ovat haastavia toteuttaa mobiilisivustoilla. Max Mega Menu muuntaa nykyiset WordPress valikot mega valikot ja kiinnittää erityistä huomiota reagoiva suunnittelu.
mitä pidämme Max Mega-valikosta:
Max Mega Menu antaa sinun tehdä useita ainutlaatuisia muutoksia sivustoosi, mukaan lukien:
- Aseta keskeytyspisteet, jotta valikko romahtaa pienemmille näytöille.
- käytä mobiilioptimoitua valikkovaihtoehtoa, joka voi piilottaa alivalikot ja säästää näyttötilaa.
- laita valikkosi liukumaan sivulta tai ilmesty tavalliseen pudotusvalikkoon.
Max Mega Menu-lisäosan perusversio on ilmainen. Kuitenkin, siellä on myös Pro versio (alkaen $29 yhdelle sivustolle), joka tukee enemmän ominaisuuksia, kuten tahmea, välilehtinen, ja haitari valikot, sekä mukautettuja kuvakkeita ja kevyt integrointi.
Kolibri
kolibri on WordPress — liitännäinen-se ohjeistaa vierailijoiden selaimia tallentamaan kopioita verkkosivustotiedostoistasi paikallisesti, joten ne ovat nopeampia ladata tulevaisuudessa. Välimuistiin tallentaminen poistaa tarpeen hakea tiettyjä tiedostoja web-palvelimelta aina, kun kävijä palaa sivustoosi, mikä tekee suuren eron mobiilikäyttäjille.
What we like about Kolibri:
Kolibri sisältää useita ominaisuuksia, jotka tekevät tästä optimaalisen valinnan WordPress-ylläpitäjille, jotka haluavat salamannopean ja reagoivan sivuston:
- Ota käyttöön gzip-Pakkaus nopeammaksi tiedostojen toimittamiseksi.
- minimoi ja lykkää CSS-ja JavaScript-koodia.
- poistaa renderöintiresurssit
- Käynnistä kuvien laiska lataus.
kolibri on myös hyödyllinen opas uusille käyttäjille-se antaa vinkkejä ja ehdotuksia mobiilisivuston optimoimiseksi, jotta voit ymmärtää, miten lisäosa vaikuttaa.
edellä mainitut optimoinnit ovat ilmaisia, mutta voit myös tilata Hummingbird Pro-palvelun 6 dollarilla kuukaudessa ja saada sisällön jakeluverkon, tehostetun tiedostonpakkauksen, automaattiset skannaukset ja käytettävyyden seurannan. Hummingbird Pro kuuluu myös WPMU DEV-jäsenyyteen.
Arka
jos etsit käyttäjäystävällistä, mobiiliystävällistä liitännäistä WordPress-sivustollesi, tsekkaa Arka. Tämä kevyt, muokattavissa plugin antaa sivustosi reagointikykyä etsit kun sekoittaminen saumattomasti käyttöliittymän suunnittelu.
mitä me tykkäämme Touchysta:
- se sisältää sekä kiinteän että absoluuttisen paikannuksen.
- Sisältää kuvakkeineen avattavan harmonikkavalikon hienostunutta ilmettä varten.
- tukee sileitä animaatioita luoville sivustoille, joissa on visuaalisestikin painavat sivut.
Go mobile WordPress-liitännäisillä.
vaikka olisi kiva, että kaikki käyttäjät selaisivat samanlaisilla laitteilla, niin tuskin koskaan. Älypuhelinten ja tablettien suosion kasvaessa mobiilikäyttökokemuksen luominen on aina etusijalla WordPress-sivuston omistajille, kehittäjille ja suunnittelijoille.
onneksi WordPress-laajennukset toimivat kulissien takana tehdäkseen verkkosivuista mobiiliystävällisiä. Älä käännä pois puolet yleisösi ovella-sen sijaan, asenna ilmainen tai premium plugin tehdä sivustot tyylikkäämpi, nopeampi, ja helpompi navigoida.
päätoimittajan huomautus: Tämä kirjoitus julkaistiin alun perin tammikuussa 2020 ja sitä on päivitetty kattavaksi.