{"id":366972,"date":"2023-01-22T20:23:00","date_gmt":"2023-01-22T17:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=366972"},"modified":"2023-04-26T09:33:33","modified_gmt":"2023-04-26T06:33:33","slug":"kuidas-redigeerida-wordpressi-saidi-mobiiliversiooni","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/et\/kuidas-redigeerida-wordpressi-saidi-mobiiliversiooni\/","title":{"rendered":"Kuidas redigeerida WordPressi saidi mobiiliversiooni"},"content":{"rendered":"\n

Miks on teie veebisaidi mobiiliversioon teie edu jaoks \u00fclioluline?<\/p>\n

Alustame sellest, et enam kui 50% veebiliiklusest kogu maailmas p\u00e4rineb mobiiltelefonidest<\/a>. See t\u00e4hendab s\u00f5na otseses m\u00f5ttes, et enam kui pooled teie klientidest vaatavad teie saiti mobiiltelefonist. Alates 2018. aastast, mil Google algatas saitide mobiilip\u00f5hise indekseerimise, on responsiivne veebidisain<\/a><\/strong> muutunud veelgi olulisemaks ning veebilehe mobiilikogemusele keskendumine sai loogiliselt prioriteediks iga\u00fche jaoks, kes oma \u00e4ri t\u00f5siselt v\u00f5tab. Mobiilis\u00f5bralike veebisaitide teine \u200b\u200boluline eelis on see, et need on lihtsad ja intuitiivsed<\/strong>. Need pakuvad sujuvat kasutuskogemust, muutes potentsiaalsetel klientidel teiega \u00fchenduse v\u00f5tmise lihtsamaks. Lisaks laadivad need kiiresti ja muudavad sisu jagamise lihtsaks ja loomulikuks. \u00dcks v\u00f5imalus tundlikule saidile m\u00f5elda on n\u00e4ha seda tasuta viisina otsingumootorites parema asetuse saavutamiseks. Miks sa j\u00e4taksid selle v\u00f5imaluse kasutamata? Mida parema asetuse teete, seda rohkem orgaanilisi otsingutulemusi saate, mis t\u00e4hendab rohkem m\u00fc\u00fcgivihjeid ja rohkem konversioone<\/strong>.<\/p>\n

\n

Kuidas vaadata oma veebisaidi mobiiliversiooni eelvaadet<\/h2>\n

Responsiivne WordPressi teema tagab palju eeliseid, kuid peate siiski kontrollima, kuidas teie sait nutitelefonides reaalajas v\u00e4lja n\u00e4eb<\/strong>. Ekraanisuurustes ja brauserites on palju v\u00f5imalikke variatsioone, nii et \u00fckski mobiili eelvaade ei anna teile t\u00e4iuslikku ja 100% t\u00e4pset eelvaadet<\/strong>. Peaksite alati toetuma t\u00f5elisele kogemusele, mille saate oma saiti tegelikus nutitelefonis v\u00f5i mobiilseadmes vaadates. See v\u00f5ib inspireerida teid optimeerima oma peamisi sihtlehti ja looma erinevaid mobiilikogemuse jaoks optimeeritud versioone.<\/p>\n

Niisiis, vaatame, kuidas saate WordPressi mobiilis\u00f5braliku saidi eelvaadet kahel erineval viisil vaadata.<\/p>\n

WordPressi teemakohandaja kasutamine<\/h3>\n

Esimene ja k\u00f5ige lihtsam viis mobiiliversiooni eelvaate n\u00e4gemiseks on kasutada WP teemakohandajat. Protseduur on lihtne. Logige sisse oma WordPressi<\/a> armatuurlauale ja valige V\u00e4limus > Kohanda<\/strong>.<\/p>\n

\"Kuidas<\/a><\/p>\n

P\u00e4rast WordPressi teemakohandaja kl\u00f5psamist ja selle avamist n\u00e4ete vasakpoolses men\u00fc\u00fcs k\u00f5iki valikuid<\/strong>. Olenevalt kasutatavast teemast v\u00f5ivad pakutavad valikud erineda.<\/p>\n

\"Kuidas<\/a><\/p>\n

Pange t\u00e4hele mobiiliikooni ekraani allservas<\/strong>. Kl\u00f5psake sellel ja n\u00e4ete eelvaadet selle kohta, kuidas teie sait mobiilseadmetes v\u00e4lja n\u00e4eb<\/strong>.<\/p>\n

\"Kuidas<\/a><\/p>\n

Kui sinised redigeerimiss\u00fcmbolid ajavad teid segadusse \u2013 \u00e4rge muretsege. Need on n\u00e4htavad ainult eelvaatajas ja mitte kunagi teie aktiivsel saidil.<\/p>\n

N\u00e4pun\u00e4ide. Kui te pole veel oma ajaveebi k\u00e4ivitanud v\u00f5i kui see on hooldusre\u017eiimis, on see eelvaatemeetod v\u00e4ga mugav, kuna see v\u00f5imaldab teil enne saidi avaldamist muudatusi teha ja vaadata, kuidas need v\u00e4lja n\u00e4evad<\/strong>.<\/p>\n

Google Chrome’i arendajat\u00f6\u00f6riistade seadmere\u017eiimi kasutamine<\/h3>\n

Kui te ei tunne end mingil p\u00f5hjusel WP teemakohandaja kasutamisel mugavalt, saate Google Chrome’i brauseriga alati kontrollida, kas teil on WordPressi mobiilis\u00f5bralikkus<\/strong>. See on ka v\u00e4ga lihtne ja lihtne protseduur, mis koosneb paarist sammust.<\/p>\n

Avage lihtsalt Google Chrome’i brauser, nagu tavaliselt, ja minge lehele, mida soovite kontrollida. Seej\u00e4rel paremkl\u00f5psake lehel ja valige Kontrolli<\/strong>.<\/p>\n

\"Kuidas<\/a><\/p>\n

Pange t\u00e4hele, et sel viisil n\u00e4ete mis tahes saidi<\/strong>, mitte ainult enda lehe eelvaadet. See v\u00f5ib olla isegi teie konkurendi veebisait.<\/p>\n

Paremal k\u00fcljel avaneb uus paan ja see n\u00e4eb v\u00e4lja j\u00e4rgmine:<\/p>\n

\"Kuidas<\/a><\/p>\n

Arendaja vaade v\u00f5imaldab teil n\u00e4ha oma veebisaidi HTML-i l\u00e4htekoodi.
\nN\u00fc\u00fcd kl\u00f5psake mobiilivaate n\u00e4gemiseks nuppu L\u00fclita seadme t\u00f6\u00f6riistariba sisse.<\/strong><\/p>\n

\"Kuidas<\/a><\/p>\n

M\u00e4rkate mobiili eelvaates m\u00f5ningaid muudatusi: teie veebisaiti kahaneb, et see sobiks mobiiliekraani suurusega ja v\u00f5ib toimuda muid muudatusi. Vaata ja m\u00e4rka erinevusi hoolikalt ning pane t\u00e4hele, mida peaksid muutma.<\/p>\n

Kontrollige, mis juhtub, kui proovite hiirekursorit mobiilivaatel juhtida \u2013 sellest saab ring.<\/p>\n

\"Kuidas<\/a><\/p>\n

Ringi eesm\u00e4rk on j\u00e4ljendada mobiilseadme puuteekraani.<\/p>\n

N\u00f5uanne. Kui soovite n\u00e4ha, kuidas teie mobiiliekraan sisse ja v\u00e4lja suumib, hoidke all t\u00f5stuklahvi ning kl\u00f5psake ja liigutage hiirt<\/strong>.<\/p>\n

Selle mobiiliveebisaidi eelvaate meetodi kasutamise eeliseks on see, et see v\u00f5imaldab teil n\u00e4ha, kuidas leht eri t\u00fc\u00fcpi nutitelefonides v\u00e4lja n\u00e4eb. Need lisavalikud asuvad teie saidi mobiilivaate kohal. Olenemata sellest, millise eelvaate avasite, kui kl\u00f5psasite t\u00f6\u00f6riistaribal Toggle Device Toolbar, saate siin muuta seadme ekraani suurust.<\/p>\n

\"Kuidas<\/a><\/p>\n

N\u00f5uanne. Mobiiliekraani p\u00f6\u00f6ramiseks kasutage paremas \u00fclanurgas olevat p\u00f6\u00f6ramisikooni. Samuti saate lehel elemente kontrollida<\/a><\/strong>, kl\u00f5psates paremkl\u00f5psu ja valides valiku Kontrolli.<\/p>\n

Miks on Page Builder RWD jaoks oluline?<\/h2>\n

RWD on midagi, mille peale peate hoolikalt l\u00e4bi m\u00f5tlema oma veebisaidi loomise algusest peale. Kui peate oma saidi erinevatel ekraanisuurustel v\u00f5rdselt atraktiivseks, navigeeritavaks ja t\u00f5husaks muutma, tuleb anal\u00fc\u00fcsida palju asju. WordPressi lehtede koostajatel<\/a> on selles protsessis otsustav roll, nad annavad teile saidi kujunduse nurgakivid, seega peate end enne valiku tegemist h\u00e4sti kursis olema<\/strong>. Seega, kui investeerite veidi aega lehekoostajate uurimisse, s\u00e4\u00e4state tegelikult palju aega, mille saate oma veebisaidi loomisele kulutada.<\/p>\n

Meie kogemuse p\u00f5hjal on WPBakery<\/a> ja Elementor<\/a> suurep\u00e4rased valikud, kuna need suudavad rahuldada v\u00e4ga erinevaid vajadusi.<\/p>\n

Kui teie eelarve on piiratud, on Elementor teie parim valik<\/strong>. See on lihtsalt kasutatav algajas\u00f5bralik pistikprogramm, millel on v\u00e4ga helde tasuta versioon koos kindla elementide komplektiga. See integreerub h\u00e4sti ka teiste juhtivate WP pistikprogrammide<\/strong> ja teenustega, nagu MailChimp<\/a>, WooCommerce<\/a>, HubSpot<\/a>, Yoast SEO<\/a> jne. Kui saate endale lubada esmaklassilist pistikprogrammi, ei valmista WPBakery Page Builder<\/strong> teile kunagi pettumust. Kaasas uskumatult suur elementide kogu, hulgaliselt plokke ja valikuid. Seda on ka lihtne kasutada ja see v\u00f5imaldab palju loovust.<\/p>\n

Kuigi lehekoostajad on RWD jaoks h\u00e4davajalikud, on oluline ka teema, mida kavatsete kasutada, kuna see v\u00f5ib pakkuda h\u00e4mmastavaid funktsioone<\/strong>. Nagu te v\u00f5ib-olla teate, t\u00f6\u00f6tavad teemade autorid v\u00e4lja konkreetseid vidinaid ja elemente, mida saab lehtede koostajatest eraldi reguleerida. Paljud neist elementidest v\u00f5imaldavad teil m\u00e4\u00e4rata reageerimisv\u00f5ime vastavalt teie vajadustele. Sel p\u00f5hjusel peaksite valima tuntud ja usaldusv\u00e4\u00e4rsete autorite v\u00e4ljat\u00f6\u00f6tatud teema<\/strong>. See on eriti oluline, kui soovite kasutada tasuta WordPressi teemat. Teie aja ja n\u00e4rvide s\u00e4\u00e4stmiseks testisime palju tasuta teemasid. Seega, kui soovite kasutada tundlikku, funktsioonirikast ja usaldusv\u00e4\u00e4rset tasuta teemat, soovitame proovida Qi teemat<\/a>.<\/p>\n

Kuidas muuta oma saidi mobiiliversiooni Elementoris<\/h2>\n

V\u00f5ib kindlalt \u00f6elda, et Elementor on teie veebisaidi mobiiliversiooni redigeerimisel vaieldamatult parim lehtede koostaja. V\u00f5ib juhtuda, et te ei m\u00e4rganud seadetes seda v\u00e4ikest ikooni, mida nimetatakse vaateakna ikooniks<\/strong> :<\/p>\n

\"Kuidas<\/a><\/p>\n

See ikoon n\u00e4itab, et mis tahes v\u00e4\u00e4rtust, mis selle k\u00f5rval on, saab t\u00f6\u00f6laua- ja mobiilisaidi versiooni jaoks eraldi redigeerida<\/strong>. V\u00f5tame n\u00e4iteks veeru laiuse seaded \u2013 saate reguleerida v\u00e4\u00e4rtust lauaarvuti, mobiili ja tahvelarvuti jaoks<\/strong>. Iga seadme jaoks sisestatud v\u00e4\u00e4rtus kehtib ainult selle valitud seadme jaoks. Pange t\u00e4hele, et HTML-m\u00e4rgendi k\u00f5rval ei ole ikooni, mis t\u00e4hendab, et sellel on iga seadme jaoks sama v\u00e4\u00e4rtus.<\/p>\n

Kui soovite mobiilseadme v\u00e4\u00e4rtust muuta, pole vaja muud, kui valida mobiilipaigutuse valik ja sisestada soovitud v\u00e4\u00e4rtused<\/strong> (neid v\u00e4\u00e4rtusi rakendatakse ainult mobiilseadmetes). Ekraani paremas servas on k\u00f5igi tehtud muudatuste reaalajas eelvaade, et saaksite kohe n\u00e4ha, kuidas uued v\u00e4\u00e4rtused seadmes v\u00e4lja n\u00e4evad.<\/p>\n

\"Kuidas<\/a><\/p>\n

T\u00f6\u00f6lauavaatesse naasmiseks peate l\u00fclituma t\u00f6\u00f6laua paigutuse valikule<\/strong>. Saate seda teha, nagu me eespool mainisime, v\u00f5i kasutades seda v\u00e4ikest ikooni lehe alumises men\u00fc\u00fcs<\/strong> :<\/p>\n

\"Kuidas<\/a><\/p>\n

Veel \u00fcks oluline asi, mida reageerimisv\u00f5imega seoses mainida, on see, et veerge ja ridu saab \u00fcksikute seadmete puhul v\u00e4lja l\u00fclitada<\/strong>, st v\u00f5ib \u00f6elda, et need ei ole teatud ekraanisuurustel n\u00e4htavad (v\u00f5i on n\u00e4htavad).<\/p>\n

Selle valiku avamiseks j\u00e4rgige teed:<\/p>\n