Mobilosítunk! – 4. rész: Bővítményekkel is megoldhatod

A mobilosítási sorozat negyedik, befejező részéhez értünk. A korábbi részekben először elmondtam az alapokat, azután arról volt szó, hogy elegendő-e, ha reszponzív a sablonod, majd bemutattam, milyen lehetőségeid vannak a weboldalad mobilbaráttá tételére. Ma pedig végigvesszük a legjobb WordPress bővítményeket, amelyek segíthetnek abban, hogy a weboldalad minden eszközön tökéletesen jelenjen meg, és kényelmes legyen rajta az olvasás és a navigáció.

Az előző bejegyzésnek azzal volt vége, hogy a mobilbarátságot a Google oldalanként vizsgálja, nem az egész weblapra nézve állapítja meg; és javasoltam is egy megoldást, ha a weblapodon van olyan tartalom, amelyet nem lehet, vagy nagyon nehéz lenne mobilosítani.

Az angol kifejezéseket használva (hogy teljesen egyértelmű legyen): nem lesz a teljes website büntetésben, csak azok a page-ek és post-ok, amelyek nem mobilbarát felépítésűek. Ez az eset pedig már könnyen kezelhető: például úgy, hogy a mobilbarát részekre kiírod mondjuk, hogy “bocs, de időpontot foglalni csak laptopról tudsz – viszont boldogan beírlak, ha felhívsz ezen a számon” – és ide teszel egy kattintható telefonszámot, amelyre koppintva az érdeklődőd már hív is Téged.

A mai bejegyzésemben először megmutatom azt, hogy milyen egyszerű megoldani, hogy ez a mondat csak akkor jelenjen meg, ha mobilról nézik, az asztali gépen vagy a laptopon itt más legyen, mondjuk az, hogy “kattints ide az időpont lefoglalásához“.

Ehhez a WP Mobile Detect bővítményre lesz szükséged.

Az okos kis holmi “shortcode”-ok segítségével működik; kezelheted vele, hogy egy adott tartalom milyen eszközön (telefon, tablet, asztali gép) illetve milyen operációs rendszer (Android, iOS, Windows telefon) esetén jelenjen meg. Ezeket a feltételeket akár kombinálhatod is. Az előző példánál maradva:

[phone]
bocs, de időpontot foglalni csak laptopról tudsz – viszont boldogan beírlak, ha felhívsz ezen a számon
[/phone]
[notphone]
kattints ide az időpont lefoglalásához
[/notphone]

A fenti shortcode-okon kívül van egy sor másik is: [tablet], [device], [nottab], [notdevice], [ios], [iPhone], [iPad], [android], [windowsmobile]. Nagyon hasznos kis holmi.

További bővítmények és rövid leírás hozzájuk:

Jetpack: a wordpress.com-on lévő oldalak tulajdonosai számára biztosít mobilbarát megjelenést.

WPTouch: a weblapodnak elkészül egy külön mobilos változata. Az “asztali” sablonod változatlan marad, a mobil eszközökről érkező látogatóid egy másik sablonnal jelennek majd meg. Néhány sablon közül választhatsz.

WP Mobile Detector: az előzőhöz hasonló, szintén választhatsz néhány sablon közül, amelyek a mobil eszközökön jelenítik meg a weblapodat, mobilbarát módon.

És hogy eláruljam a “nagy titkot” 🙂 – a WP-Suli is egy ilyen bővítményt használ, csak éppen egy fizetőset, az ElegantThemes kínálatából, a HandHeld nevűt. Van néhány kellemes beállítási lehetősége, amellyel testre szabhattam a mobil sablonomat, így a blog jól jelenik meg minden eszközön.

Most már Rajtad a sor!

 

Oszd meg Te is:

Share on email
Share on facebook
Share on twitter
Share on whatsapp
Share on linkedin

Szerző:

Ezek is érdekesek lehetnek számodra: 

Iratkozz fel hírlevelünkre!

Javasolt eszközök:

Banner250x250.png
Elementor Pro
Generatepress Logo White Asset
GeneratePress
Divi 4.0
Divihello
Prémium támogatás és ajándék Divi licence
Adatvedelem.png
ADATVÉDELEM minta
Aszf.png
Webshop ÁSZF minta

“Mobilosítunk! – 4. rész: Bővítményekkel is megoldhatod” bejegyzéshez 2 hozzászólás

  1. Kedves Móni!

    Egyre jobban tetszik az ElegantThemes. Úgy tűnik, ha erre előfizetek egészen barátságos áron, akkor sok problémától megszabadulok.:)

    Egy apró kérdésem van a responsivitással kapcsolatban. Telepítettem a következő bővítményt, hogy a youtube videók is szépen jelenjenek meg mobilon: FitVids for WordPress. De nem igazán tökéletes. Nagyban jelenik meg mobilon és a lejátszás elkezdése után lesz megfelelő méretű. (pld. ezen az oldalon: http://jogameditacio.hu/jago-kundalini-ma-karaoke/), Hogyan is kell ennek pontosan kinéznie, ha egy youtube videó responsive és hogyan ha mobilmbarát. köszönöm.

    Válasz
    • Kedves Péter!

      Piros passz… 🙂 Nekem jól jelenik meg, legalábbis ha imitálom a mobil eszközöket, azaz összehúzom a böngészőt széltében, akkor jól kicsinyíti a videót. Valószínűleg telefontól és oprendszertől is függ, volt már olyan, hogy egy weboldal Androidon szépen jelent meg, iOS-en nem és fordítva is.

      De az ElegantThemes tényleg jó választás. Kérhetem, hogy az affiliate linkünkön keresztül vásárold meg? 🙂 Hadd kapjunk egy kis fagyipénzt 🙂 Köszi!
      http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=8177

      Válasz

Szólj hozzá!

Ez a weboldal az Akismet szolgáltatását használja a spam kiszűrésére. Tudjunk meg többet arról, hogyan dolgozzák fel a hozzászólásunk adatait..