Eru WordPress móttækileg þemu fyrir fyrirtæki rétti kosturinn?

móttækilegur WordPress þemu fyrir fyrirtæki

Síðan fyrir nokkrum árum, þegar Google tilkynnti að farsímavæni væri röðunarstuðull, er hreyfanleg eða móttækileg vefsíðuhönnun ekki lengur eftirá fyrir vefsíður lítilla og meðalstórra fyrirtækja.

Farsímatæki í dag eru umtalsverður hluti vefumferðar (53% árið 2019).

Fyrirtæki sem bjóða farsíma notendum slæma reynslu eiga á hættu að missa viðskiptavini og tekjur. Það eru nokkrar leiðir til að veita góða farsímaupplifun, en móttækilegur hönnun er besti kosturinn fyrir lítil og meðalstór fyrirtæki sem nota WordPress.

Svona hönnun er less dýrt, býður upp á sameinaða upplifun og samhenta vörumerki á milli tækja, og það er betra fyrir SEO-hönnun fyrir farsíma fyrst er ákjósanleg hagræðingarstefna Google fyrir farsíma. (Jafnvel skreiðar þeirra horfa á síðu úr farsíma).

Efnisyfirlit[Sýna]

1. Hvað er móttækileg hönnun og hvaða áhrif hefur það á WordPress WordPress þemu?

Ef þú þekkir ekki hugmyndina þegar, þá er hér hnotskurn útskýring: það er hönnun sem notar CSS fjölmiðlafyrirspurnir og hlutfallsleg hönnun á rist til að breyta því hvernig blaðsíður birtast eftir stærð tækisins.

Til dæmis, þættir sem spanna síðu lárétt í skjáborðsvafra verður staflað lóðrétt í snjallsímavafra. Stærð mynda og gerð er breytt til að endurspegla skjástærð tækisins.

Kjarni móttækilegrar hönnunar eru CSS fjölmiðlafyrirspurnir.

CSS stílblöð eru notuð til að stjórna því hvernig vefsíða lítur út: litirnir sem hún notar, útlit síðunnar, leturfræði hennar og svo framvegis. Fjölmiðlafyrirspurnir leyfa hönnuðum að nota CSS reglur sértækt aðeins þegar ákveðnu skilyrði er fullnægt. (þ.e. ef skjárstærð lítur út eins og farsímaskjár, beittu hönnun sem hentar farsímum, en ef hún er stærri, notaðu hönnun fyrir stærri skjái ...).

Vonandi geturðu séð hvernig það er gagnlegt til að búa til mismunandi hönnun fyrir mismunandi skjáskipulag. Fjölmiðlafyrirspurnir leyfa verktaki að segja, til dæmis, ef glugginn í vefskoðaranum hefur sérstaka breidd, ætti að nota sérstakt regluverk.

Dæmigerð fjölmiðlafyrirspurn lítur svona út:

.mín ílát {
breidd: 800 pixlar;
}
@media (hámarksbreidd: 600 pixlar) {
.mín_ílát {
breidd: 500 pixlar;
}
}

Í dæminu hér að ofan er sjálfgefin breidd bekkjarins .my_container stillt á 800px.

Augljóslega viljum við ekki að það sé svona breitt á þrengra tæki, svo við notum fjölmiðlafyrirspurn.

Fjölmiðlafyrirspurnin hér tilgreinir skilyrði - ef lárétt breidd vafrans er 600px eða less, breidd .my_container ætti að vera 500px. Ef það er kveikt á því að skilyrðið sé satt, hafa reglur í fjölmiðlafyrirspurninni forgang fram yfir „sjálfgefna“ regluna.

Móttækileg hönnun fyrir viðskiptaþemu nýtir sér þessa eiginleika CSS til að breyta framsetningu vefsíðna eftir skjástærð tækisins, stærð vafragluggans, stefnumörkun tækisins og mörgum öðrum þáttum.

2. Móttækilegir rammar fyrir hönnun

Unless þú þekkir nú þegar CSS - og jafnvel þótt þú sért það - þá líkar þér kannski ekki við að skrifa fyrirspurnir í fjölmiðla fyrir alla þætti móttækilegs WordPress þema þíns fyrirtækis, þar sem hönnunarrammar koma við sögu.

Móttækilegur hönnunarrammi sér um mikið af því hversu flókið er að búa til síðu sem sér fyrir skjái í mismunandi stærðum.

Vinsælasti hönnunarumgjörðin er Ræsi - þar sem útgáfur frá v3.0 og áfram eru að fullu hreyfanlegar. Bootstrap inniheldur gífurlegan fjölda aðgerða sem varða okkur ekki hér, en lykillinn að framkvæmd Bootstrap á svörun er netkerfi þess.

Mælt Lestur: Hvernig á að umbreyta PSD í WordPress þema með Bootstrap í 5 skrefum: námskeið og Elementor vs Divi - sem er peninganna virði?

Í stað þess að biðja þig um að skrifa þínar eigin fjölmiðlafyrirspurnir, útfærir Bootstrap kerfi sem deilir HTML síðu í rist af línum og dálkum. Frekar en að skrifa fjölmiðlafyrirspurnir tengja notendur námskeið við HTML WordPress þema sitt til að deila síðunni eftir ristinni.

Til að taka léttvægt dæmi, hugsaðu um tveggja dálka vefsíðu.

Á stórum skjám viljum við að dálkarnir birtist við hliðina á öðrum. Á litlum skjáum viljum við að þeir stafli hver á annan.

twocolumn móttækileg viðskiptahönnun

 

HTML okkar myndi líta svona út:

  Þetta er dálkur einn


Þetta er dálkur tvö

Með Bootstrap Grid CSS innifalinn á síðunni myndi þessi HTML skapa það skipulag sem við erum að leita að.

Þegar síðunni er hlaðið í minni glugga en tilgreindur er fyrir innbyggðar fjölmiðlafyrirspurnir Bootstrap fyrir miðlungs dálka, munu þeir staflast hver á annan frekar en að spanna síðuna.

Þú getur séð flóknari dæmi um hvernig þetta virkar í Bootstrap skjöl.

Bootstrap er ekki eini ramminn sem veitir rist af þessu tagi; í raun eru það heilmikið, allt frá alhliða ramma um vefhönnun eins og Bootstrap og Foundation, að léttum ristum ramma eins og Simple Grid sem innihalda ekkert nema ristið.

Önnur nálgun hefur orðið sífellt vinsælli á síðustu árum, sem inniheldur allar álagningarbreytingar á CSS (eða SASS) skrár, frekar en að fylla HTML síður með merkingarlausri merkingu.

SASS móttækileg hönnunarnetkerfi eins og Susy og Bourbon snyrtilegur nýta kraftinn í SASS að búa til ramma sem geyma síðuskipunarkóðann þar sem hann á að vera - í CSS skrám, sem gerir kleift að hreinsa HTML.

Hvaða verktaki velur er spurning um smekk og reynslu, en við persónulega viljum það SASS-grunngerð kerfi sem leyfa mér að skrifa merkingarfræðilega vefsíður sem eru ekki fullar af merkingarlausu flokkanöfnum og óhóflegum div-varpum.

3. Móttækileg hönnunarþemarammar

Rammar eins og Bootstrap og Foundation eru frábærir fyrir hönnuði á vefnum, en þeir gera ekki mikið til að hjálpa WordPress forriturum að leita að byrjun þegar þeir byggja ný sniðmát.

Sem betur fer eru margir móttækilegir WordPress þema rammar sem veita fyrirfram byggðan grunn.

1. Fyrsta bók Móse

genesis framework fyrir wordpress þemu fyrirtækja

Genesis er mjög vinsæll þemarammi frá StudioPress (sem við höfum farið yfir hér að fullu). Þrátt fyrir að það beinist meira að reyndum WordPress verktaki en nýliðum, þá er það ekki of erfitt að ná tökum á því ef þú ert með smáþekkingu á PHP og CSS.

Genesis er foreldrahönnun þar sem hægt er að búa til hvaða fjölda barnaþemu sem er. Ef þú vilt frekar kaupa þemu utan hillunnar og sérsníða það, býður StudioPress upp á mörg mismunandi þemu fyrir börn sem henta fyrir allar gerðir vefsvæða.

Fyrir utan þetta þema, höfum við oft mjög metin WordPress þemu svo þú getir tekið góða ákvörðun hvort þú kaupir eða ekki.

2. Themify Builder

einfalt viðskiptaþema eftir themify

Ef þú ert ekki PHP og CSS whiz gætirðu viljað íhuga sniðmátaviðbótina eins og Themify.

Frekar en að láta þig bretta upp ermarnar og kafa ofan í kóðann, býður Themify Builder upp á innsæi draga og sleppa viðmóti til að búa til fullkomlega móttækileg WordPress þemu. Með Themify getur þú valið úr ýmsum fyrirfram smíðuðum þemum eða hannað þitt eigið frá grunni.

Breyttu útdrætti í burtu öllum útfærsluupplýsingunum sem eru undirliggjandi vefhönnun fyrir mismunandi skjástærðir, sem gerir það auðveldara að koma vefsíðu þinni fljótt í notkun.

3. Hluti

hluti þema rafall

Íhlutir voru frábær lausn til að búa til sérhannaðar móttækilegar WordPress þemu frá Automattic, fyrirtækinu á bak við WordPress.com.

Til að nota íhluti velurðu einfaldlega skipulag af listanum - klassískt blogg, viðskiptasíða, eignasafn, meðal annarra - og íhlutasíðan mun spýta út SASS-byggt sniðmát með fyrstu uppsetningum farsíma og bæði matseðli fyrir skrifborð og farsíma.

Því miður hefur íhlutum verið hætt.

4. Divi

Divi, sem við munum einnig nefna hér að neðan sem eitt af helstu WordPress þemum til að nota fyrir viðskipti, byrjaði sem þema.

Að lokum þróaðist það í að verða þema, draga og sleppa blaðsíðubygganda og nú með síðustu útgáfum sínum, einnig fullur þemasmiður. Á þessum tímapunkti er Divi fullur WordPress þema rammi sem hægt er að nota til að búa til hvers konar þema sem þú þarft, með fjölbreytt úrval af verkfærum.

4. Móttækileg WordPress þemu fyrir fyrirtæki

Ef þú vilt einfaldlega kaupa eitthvað tilbúið fyrir fyrirtækið þitt, þá hefurðu þúsundir til að velja úr, sumir betri en aðrir. Svörun er talin vera „nauðsynlegt“ á WordPress þema markaðinum og næstum hver verktaki mun halda því fram að vara þeirra sé móttækileg. Hins vegar getur þessi aðgerð verið erfiður og jafnvel reyndir verktaki getur átt í vandræðum með rétta framkvæmd þess.

Áður en lengra er haldið gætirðu viljað skoða heildar samantekt okkar WordPress þemu fyrir fyrirtæki og fyrirtækjasíður.

Sem sagt, ef þú velur einn af þessum vinsælu hönnun, sem öll er hægt að aðlaga til að mæta þörfum fyrirtækja þinna, ferðu ekki langt úrskeiðis.

Divi

Divi elegant themes

Divi er gríðarlega vinsælt móttækilegt WordPress þema fyrir fyrirtæki (eða annað í raun), síðuhönnuður (Divi Builder), og einnig þemasmiður.

Varan kemur frá Elegant Themes - rótgróið fyrirtæki sem hefur búið til margar af uppáhalds WordPress vörunum mínum. Divi er „rafhlöður innifalið“ þema-það fylgir öllum eiginleikum sem þú gætir viljað.

Meðal hápunkta eru Divi builder, sem gerir notendum kleift að byggja upp skipulag án kóðunar, átján fyrirfram gerðar uppsetningar til að velja úr og framkvæmdar á skynsamlegan hátt svörun það þýðir að vefsvæðið þitt mun líta vel út hvort sem það er skoðað á skjáborðstölvu með risastórum skjá eða litskjásnjallsíma.

Prófaðu Divi núna og fáðu 10% AFSLÁ þangað til október 2021

Mæli með lestri: ef þú hefur tilhneigingu til að nota Divi kíkja CollectiveRay's Full Divi Review.

Avada

Avada WordPress viðskiptaþema

Avada er annar mjög vinsæll hlutur.

Avada er rík af eiginleikum eins og Divi og hentar fullkomlega til að byggja upp viðskiptasíður sem geta lagað sig að ýmsum skjástærðum. Eins og Divi, gerir Avada notendum án kótilettuköku kleift að byggja upp einstök svæði.

Avada sjónræn síðuhönnuður (Fusion) er ánægjuleg í notkun og varan inniheldur margar ígrundaðar snertingar sem gera hana að frábærum kost fyrir less tæknilega hneigður WordPress vefseigandi.

Mælt Reading: Enn og aftur, fyrir helstu þemu, höfum við búið til framúrskarandi Avada WordPress þema endurskoðun svo þú getir alveg skilið hvernig það getur hjálpað þér.

Skoðaðu Avada Now

X

x wp viðskipti móttækilegt þema

X er enn eitt móttækilegt WordPress þema fyrir fyrirtæki sem miðar að því að gera það auðvelt að koma í gang með fallegri og einstaka hönnun sem lítur vel út í hvaða tæki sem er.

Einn af áberandi eiginleikum X er viðbótarkerfið.

Frekar en að innleiða eiginleika innan kjarna sniðmátsins, býður X upp á fjölmargar eiginleikalengingar, þar á meðal rist, TypeKit samþættingu, rennibraut og gallerí viðbætur. Að kljúfa virkni í viðbætur gerir notendum kleift að velja þá getu sem þeir þurfa og forðast að hlaða síðuna sína með óþarfa kóða sem gæti leitt til frammistöðu og öryggisvandamála.

Skoðaðu X demo núna

Önnur sniðmát fyrir fyrirtæki í Themeforest

Ef þemurnar sem við höfum skoðað hér vekja þig ekki áhuga, ekki hafa áhyggjur, það eru mörg hundruð WordPress móttækileg þemu (fyrir alls kyns viðskipti, samtök og í alls kyns sérstökum veggskotum) til að velja á Themeforest.

Þegar þú velur vöru úr úrvalinu sem er í boði á Themeforest, vertu viss um að fylgjast vel með einkunnagjöf notenda - þau hjálpa þér við að flokka hveitið úr agninu. Þú ættir einnig að taka eftir því hve nýlega hluturinn var uppfærður.

Ef það hefur ekki verið uppfært í nokkra mánuði ættirðu að íhuga að leita annað; úrelt þemu getur valdið eindrægni og öryggisvandamálum.

5. Hvers vegna er svörun besti kosturinn fyrir fyrirtækjasíðu þína?

Móttækni er ekki eina leiðin til að takast á við hreyfingu á vefnum.

Valkostir fela í sér sérstök farsímasíður og innfædd forrit og PWA (blendingur milli farsímasíðna og forrita). Vandamálið við hverja nálgun er að þeir þurfa meiri vinnu en móttækilega síðu.

Ef fyrirtæki þitt velur farsímaforrit eða PWA, þá verður það að fjárfesta í hönnun, þróun, viðhaldi og kynningu. Peningum og tíma er skipt á milli vefsíðu og forrits - eða nokkurra forrita til að mæta vinsælum farsímavettvangi.

Þessi hönnun gerir SME þó kleift að viðhalda einum merkjagrunni og verja fjármagni til að búa til bestu vefsíðu sem þeir geta. Það eru aðstæður þar sem innfædd forrit eru besti kosturinn en fyrir flest lítil og meðalstór fyrirtæki er svörun betri nýting auðlinda.

Ímyndaðu þér að hugsanlegur viðskiptavinur leiti að þjónustu sem fyrirtæki þitt býður upp á meðan iPhone er notað. Hún finnur það sem hún vill og bókar það síðar.

Um kvöldið opnar hún bókamerkið á borðtölvunni sinni og síðan lítur hræðilega út því hún bókamerki farsímaútgáfuna. Þessi atburðarás er ekki eins slæm og ef vefsíðan hafði alls enga farsímaútgáfu og hún neyddist til að takast á við óbreyttu skjáborðsútgáfuna í símanum sínum - engum líkar að klípa og panna til að finna það sem þeir vilja - en þessi hönnun myndi leyfa sömu vefsíðu og sömu krækjur að virka og ætlað er í báðum tækjunum.

Að hafa eina síðu sem bregst við tæki notandans gerir fyrirtækjum einnig kleift að bjóða upp á heildstætt vörumerki yfir alla snertipunkta.

Vefurinn mun líta eins út, að vísu aðlagaður, og hann mun veita sömu leiðsögn, sama útlit og tilfinningu og sömu upplifun. Lítil fyrirtæki með takmörkuð fjárhagsáætlun hafa oft ekki úrræði til að viðhalda stöðugum gæðum í mörgum útgáfum og forritum.

Móttækni þýðir að þeir þurfa ekki.

Alveg eins og ekki ætti að bjóða notendum sundurlausa reynslu, þá er það betra fyrir leitarumferð ef það er ein kanónísk staðsetning á netinu fyrir fyrirtæki. Samkvæmt Google, kostir móttækilegrar hönnunar fela í sér:

  • Halda skjáborðs- og farsímaefni þínu á einni slóð, sem auðveldara er fyrir notendur þína að eiga samskipti við, deila og tengja við og fyrir reiknirit Google til að úthluta verðtryggingareiginleikum efnis þíns.

  • Google getur uppgötvað efnið þitt á skilvirkari hátt þar sem við þyrftum ekki að skríða á síðu með mismunandi umboðsaðilum Googlebot notenda til að endurheimta og skrá allt efnið.

Google getur sagt til um hvort notendur hafi góða reynslu á vefsvæðinu þínu. Ef þú býður ekki upp á farsímavæna síðu, mun hopphlutfall fyrir farsímanotendur hækka upp úr öllu valdi. Flestir þeirra munu skoppa aftur til leitarvélarinnar. Google veit hvenær notandi snýr strax aftur að SERP eftir að hafa smellt á niðurstöðu og notar hopphraða sem röðunarmerki.

Að lokum, fyrir WordPress notendur, er svörun auðveldasta og ódýrasta aðferðin til að veita farsíma notendum góða upplifun. Mörg bestu úrvalsþemu eru hönnuð til að vera móttækileg og kostnaður við að laga núverandi þema fyrir svörun getur verið verulega less en kostnaður við að þróa innfædd app.

Með hliðsjón af þessum kostum, fyrir lítil og meðalstór fyrirtæki sem nota WordPress þemu, er móttækileg hönnun lang besta leiðin fram í heimi þar sem netnotkun farsíma mun aðeins vaxa.


Um höfundinn
David Attard
Höfundur: David AttardVefsíða: https://www.linkedin.com/in/dattard/
David hefur starfað í eða við net- / stafræna iðnaðinn síðustu 18 ár. Hann hefur mikla reynslu af hugbúnaðar- og vefhönnunargeiranum með því að nota WordPress, Joomla og veggskot í kringum þau. Sem stafrænn ráðgjafi er áhersla hans lögð á að hjálpa fyrirtækjum að ná samkeppnisforskoti með því að nota sambland af vefsíðu þeirra og stafrænum kerfum sem eru í boði í dag.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...