Hoahoa Waea Pūkoro me te Arotau
He maha ngā huarahi hei whakapai ake i tō paetukutuku mō te wheako pūkoro
- Responsive Mobile Website Template (Recommended)
- Tauira Paetukutuku Pukoro Motuhake
- Whakawehea Nga Paetukutuku Waea Pukoro
Responsive Mobile Website Templates
He huarahi rongonui ngā tauira urupare i roto i te umanga hoahoa tukutuku, nā te mea kāore e taea e ngā CMS katoa te whakarato i tētahi kōwhiringa tauira pūkoro motuhake. Ko te hoahoa urupare ko te tikanga kua hangaia te tauira kia rerekē te āhua i roto i ngā whānui pūtirotiro rerekē. He uaua pea ngā tauira urupare mā ngā kaiwhakamahi ki te whakatika i a rātou anō, nā te mea me hanga motuhake ia huānga.
For example, menus might be condensed, or relocated off page, and pulled in when needed. Responsive websites tend to be slower to download on mobile devices, as the mobile device needs to download all the styles/themes that are used in the desktop version, even if not used in the mobile version. Some web designers focus on making great looking templates, but they forget about these download speed issues.
Mena he paetukutuku tūruhi tō paetukutuku, tera pea kei waho ō kaihoko i ngā taha o te kapinga waea pūkoro, ā, tera pea ka raru rātou ki te tango i ngā whare pukapuka JavaScript me CSS katoa kāore e hiahiatia ana mō te wheako waea pūkoro. He puhoi te tango i ngā tauira urupare, engari kei te kaha mātou ki te hanga i ā mātou tauira urupare hou kia tere rawa atu, ā, ka toru ngā wā ka tere ake te whakaputa o ā mātou tauira urupare i te kaupapa WordPress toharite. Ka taea te whakarite i ā mātou paetukutuku urupare ki ngā tae rerekē, momotuhi, me ngā whakaahua.
Dedicated Mobile Website Templates
Ko te tauira paetukutuku pūkoro i whakatapua ko te huarahi tuku iho i whakaratohia e matou he hototahi whakamuri mo o maatau paetukutuku papamahi katoa hei tuku wheako waea ki a raatau kaihoko. He rite tonu te mapipae whakaterenga a te tauira waea pūkoro, he rite tonu nga ihirangi ki to paetukutuku papamahi. Heoi, i whakakorea e matou nga marumaru katoa kia kore ai e taea e o kaihoko te tiki tere ki nga korero e hiahia ana ratou. Hei tauira, whakatere ki o taipitopito whakapā, tirohia te hononga mahere, tirohia ranei o hua me te hoko ngawari ki o raatau mata iti. I te roanga o te wa kua taapirihia e matou nga kara, nga waitohu me nga momo miihini i rite ki nga tae ki to tauira papamahi. Ma te pai o te whakatika ki to hoahoa tauira pūkoro whakatapua, ka whai wheako whakamataku o kaihoko, na te mea ko tenei tikanga te kōwhiringa tere for customers using slow rural mobile connections.
Whakawehea Nga Paetukutuku Waea Pukoro
Having a whole website crafted just for mobile might give a really good mobile experience at first, but more often than not, the webmaster forgets to maintain it (or cannot maintain it) , and the information become out of sync in each website. If you are running an online shopping site, you really need to have both your mobile experience and your desktop experience powered by the same shopping cart engine. We advise our customers not to use this approach.
Our Most Popular Theme
Ko te tauira Metro te kaupapa rongonui i whiriwhiria e ō mātou kaiwhakamahi i tēnei wā. Mā te papamuri mā māmā, me ngā whakaahua nui ataahua, ka taea e koe te hanga i tētahi paetukutuku ātaahua.
Ko te ID Tauira Iti: 114657 he rite tonu te ahua i roto i te aratau pūkoro whakatapua, aratau whakautu ranei.
Te whānuitanga o ngā tauira
Our responsive templates are wide on big screens, just right on small screens, and fast and beautiful on the smallest of mobile screens.
Ka taea e koe o maatau tauira urupare te whakarite:
- Panui Whakakorikori
- Moko, Ingoa Pakihi ranei
- Te whakahōputu ihirangi whai rawa mā te whakamahi i ngā Etita Tōia-taka me te Pouaka Ihirangi
- Whakaahua Papamuri, Tae, Kakano ranei
- Katoa nga tae ka taea te kowhiri
- Nga momotuhi ritenga, te rahi me te mokowhiti raina
How to Convert Your Existing Website to A Responsive Template
We have lots of different responsive templates that you can choose from. We are updating more all the time. When you change to a responsive template, it will update both your desktop and mobile layouts.
- In the CMS, go to the DESIGN tab
- Tīpakohia HUIA KAUPAPA
- Tirohia ngā kaupapa katoa, ā, kia mōhio ki te pātene RESPONSIVE, ki te pātene WAEARANGI rānei. Mā tēnei pātene ka taea e koe te arokite i te kaupapa i roto i tētahi o ngā aratau. Ko ngā kaupapa me te pātene RESPONSIVE anake ngā tauira urupare.
- TĪPŌHIA he kaupapa hei haere tonu.
- Untick the boxes for changing banner, logo, background and colours, if you want to keep your existing brand elements the same.
- Tohua te pouaka ki te whakahoki i o tautuhinga hoahoa tawhito, mena ka he.
- Tiakina te huringa kaupapa.
- I etahi wa ka arokite koe i to paetukutuku i muri i te huringa kaupapa, kaore pea i te tika te ahua, na nga tautuhinga keteroki tirotiro. Ka hiahia pea koe ki te PUBLISH me te whakawātea i to keteroki tirotiro, kia kite tika ai to paetukutuku.
- Sometimes you may need to reapply your colour settings for menus etc, as some templates provide the default colours, and others don't, or perhaps your colour combinations are not immediately compatible with the template, and may need some fine adjusting.
Me pēhea te whiriwhiri i tētahi tauira waea pūkoro hou kua whakatapua
E 8 a matou tauira pūkoro motuhake, engari ka whakamahia e ia nga tae me te momotuhi mai i to kaupapa papamahi.
- In the CMS, go to the DESIGN tab
- Select MOBILE TEMPLATES
- pawhiria he TAHUA KAUPAPA HOU
- Tirohia ngā kaupapa katoa, ā, kia mōhio ki te pātene RESPONSIVE, ki te pātene WAEARANGI rānei. Mā tēnei pātene ka taea e koe te arokite i te kaupapa i roto i tētahi o ngā aratau. Ko ngā kaupapa me te pātene RESPONSIVE anake ngā tauira urupare.
- TĪPŌHIA he kaupapa hei haere tonu.
- Untick the boxes for changing banner, logo, background and colours, if you want to keep your existing brand elements the same.
- Tohua te pouaka ki te whakahoki i o tautuhinga hoahoa tawhito, mena ka he.
- Tiakina te huringa kaupapa.
- I etahi wa ka arokite koe i to paetukutuku i muri i te huringa kaupapa, kaore pea i te tika te ahua, na nga tautuhinga keteroki tirotiro. Ka hiahia pea koe ki te PUBLISH me te whakawātea i to keteroki tirotiro, kia kite tika ai to paetukutuku.
- Sometimes you may need to reapply your colour settings for menus etc, as some templates provide the default colours, and others don't, or perhaps your colour combinations are not immediately compatible with the template, and may need some fine adjusting.
Ngā Tohutohu mō ngā Ihirangi Urupare Waea Pūkoro
If you want the best user experience for mobile devices, your content needs to be mobile responsive too. Many of our customers have used our old TinyMCE editor mode to create complex table structures, with lots of rows and columns to layout images and text just so. This sort of layout will not automatically adjust to a small width screen, and some of that content maybe clipped or require a scroll bar to access.
Ko te ētita ihirangi pai rawa atu mō ngā ihirangi arotau ataahua ko tā mātou ētita Tōia me te Tuku. Tirohia ngā wāhanga poto kei te taha matau. Tōia ēnei kua tapahia ki roto i tō rohe ihirangi, kātahi ka whakatika i te tuhinga, ngā whakaahua me ngā hononga.
E mohio ana enei widget whakaatu me pehea te whakatika aunoa i a ratau ki roto i te tahora tapapa ataahua i runga i te mata whaiti.
Ihirangi Whakautu Ake
Ko nga mea katoa i hangaia e te punaha kua whakatikahia mo nga whakatakotoranga urupare waea. Kei roto i tenei ko:
- Pahūake Whakaaturanga Kiriata 95% teitei te whanui
- Ngā Kete Hokohoko me ngā Whārangi Utu
- Puka Uiui
- Ngā Puka Mema
If you find any system generated content that does not look right in a responsive mobile template, please let us know and we will fix it asap.
Te Whakarerekē i tō CSS kia Āhei ki te Waea Pūkoro
Mena he tangata hangarau koe, he pai pea ki a koe te huri i tō tauira o nāianei ki te aratau CSS arotau.
Rapua nga rarangi kei roto i to pepa ahua me nga rahi nui rawa atu o te 600px, 750px, 900px ranei:
# ipu {whanui: 750px; tawhē: 0 auto; }
Ka huri kia penei, ka whakakiia te 90% o te whanui o te mata tae atu ki te 960 teitei.
# ipu { te whanui: 90%; teitei-whanui: 960px; tawhē: 0 auto; }
Kātahi ka kimihia ngā pou, ka whakarerekē i ō rātou whānui, i ō rātou tawhā rānei mai i ngā whānui pumau, ki ngā whānui %, engari whakamahia noa aua whānui ina tautokona e te whānui o te mata. Ina iti iho te whānui o te mata i te 600px, ka whakarārangihia ngā pou ki roto i te whānui katoa o te pūtirotiro.
@pāpāho (whānui-iti: 600px) { .leftPou { whānui: 20%; mānu: maui; }
Tuhinga o mua i tenei wharangi:
Ae, ka whakaatu aunoa ā mātou paetukutuku katoa i tētahi tirohanga pūkoro kua arotauhia mō tō paetukutuku mō ngā whakatakotoranga pūkoro noa katoa.
Kei te huna katoa nga maru o to aratau papamahi, ka aro ki te ihirangi me te whakatere tuatahi. Ko te kōwhiringa taunoa he "tauira waea" motuhake e whakaatu ana i nga ihirangi rite katoa, ma te whakamahi i te mahere pae rite ki to putanga papamahi katoa. Ma te taunoa he maamaa te ahua o te tauira pūkoro me te ngawari ki te whakatere me nga maihao nui i runga i te mata iti.
- Ko nga rarangi me nga taiwhanga katoa ka huri ki nga huānga ngawari ka taea te panui.
- Images fit within the screen size.
- The main menu is accessible via a simple single MENU button at the top right, or by scrolling to the end of the page.
- He pouaka rapu kei te mutunga o nga wharangi katoa
- We have doubled the size of text and input fields on high resolution mobile phones 720px screens
- Ma te paatene "pae katoa" ka whakahoki te kaiwhakamahi ki te wheako papamahi.
- Whakaritea ano te aratau pūkoro taunoa me o ake tauira ritenga, me whakauru ranei nga kara me nga tae me nga momo.
- Disable the mobile mode and show your desktop version on all devices (good for simple desktop layouts)
- Monokia te aratau pūkoro me te hanga i to ake tauira CSS urupare
- Monokia te aratau pūkoro ka kowhiri i tetahi hoahoa urupare mai i ta maatau awhe tauira (titiro mo te kupu matua whakautu)
- Kāore te aratau pūkoro e whakamahia ana i runga i ngā iPad, i ngā taputapu hōputu nui rānei, ina ko te wheako mata katoa te mea pai. Engari, nau mai haere mai ki te whakarerekē i tēnei mā ō ake ture urupare.
- Mobile template mode is not automatic when viewing a trial site via a mobile, but you can view the trial mode via the CMS under design options, mobile templates, view mobile mode.
- Mobile template mode is connected to your live domain, and if enabled, and when it matches a known list of mobile phone types, it will automatically redirect them to the mobile mode on the same base domain.
- Published pages are ignored in mobile mode, all lists and menus will direct you to a live dynamic page that will render better on mobile.
- Ko nga hononga ki nga wharangi kua whakaputaina i roto i nga ihirangi o nga wharangi ka tukuna ano ki te putanga kua whakaputaina (kaore i te aratau papamahi).
- Ko te painga o tā mātou Aratau Pūkoro he tere te tango me te whakaatu i ngā ihirangi ki ngā taputapu pūkoro katoa, ahakoa kei roto koe i tētahi rohe tawhito e kapi ana te whatunga 2G. Kāore tā mātou aratau pūkoro e kikī ana i ngā kōnae javascript e 30 kāore koe e whakamahi.
- Ko tā mātou arotahi matua he hoatu ki te kiritaki te wheako kaiwhakamahi pai rawa atu kia taea ai e rātou te whakaoti i te hoko me te kore e hiahia ki te whakanui me te whakaiti i te maha o ngā wā i te wā e utua ana te kete hokohoko. Nā konei i whakaitihia ai e mātou ngā pānga e whakamahia ana i te aratau pūkoro.
