Paano Gumawa ng isang Propesyonal na Website sa WordPress (Magiliw na Kaibigan)

01.06.2020
Mga Tutorial at Mga Gabay 'Paano Gumawa ng isang Propesyonal na Website sa WordPress (Magiliw na Kaibigan)
0 9 мин.

lumikha ng propesyonal na website ng WordPress ng baguhan na palakaibigan


Bagaman ang WordPress ay napakadaling gamitin at lumikha ng website kasama, maraming mga tao ang nahihirapan sa paggawa ng isang propesyonal na website. Sa tutorial na ito tuturuan kita kung paano magtatayo ng isang propesyonal na website para sa iyong negosyo gamit ang WordPress. Ang konsepto ng gabay na ito ay upang mabigyan ka ng mga tip na makakatulong sa pagbuo ng isang mahusay na website na nagko-convert ng mga bisita sa mga customer.

Tagabuo ng Website na batay sa WordPress

Perpekto para sa mga nagsisimula! Lumikha ng Labas ng Kahon, Propesyonal at Mataas na Marka ng Mga Website na may WordPress at BoldGrid.

Simulan Ngayon! »

Kung nais mong malaman ang mga pangunahing kaalaman sa kung paano mag-set up ng WordPress o nais malaman kung paano simulan ang isang blog sa ilang minuto, mangyaring suriin ang mga naka-link na mga tutorial.

Ang tutorial na ito ay hindi nagsasangkot ng mga kasanayan sa programming o web design. Ito ay perpekto para sa mga nagsisimula na nagsisimula WordPress. Ang lahat ay isinalarawan sa mga screenshot.

Nagsisimula ang palakaibigan! Walang coding! Walang mga term na geeky! Simple at tuwid na pasulong! Hakbang-hakbang.

Propesyonal na Pagho-host para sa Propesyonal na Negosyo

Habang nililikha mo ang website na ito para sa iyong negosyo, nais mong maging propesyonal. Upang mai-publish ang iyong website sa online, kakailanganin mo ang isang serbisyo sa pagho-host. Para sa gabay na ito ginamit ko ang InMotion Hosting bilang isang halimbawa. Lubhang inirerekumenda ko ang kumpanya ng nagho-host para sa paglikha at pagho-host ng iyong website ng negosyo. Kung nais mong malaman ang higit pa tungkol sa tagapagbigay ng hosting na ito, mangyaring basahin ang aming pagsusuri sa InMotion na pagsusuri.

Kaya una, kakailanganin mong bumili ng isang nag-hoisting plan.

Sa pamamagitan ng pagsunod sa link na ito, makakakuha ka ng 47% instant na diskwento. Mag-scroll sa ibaba ng pahina at piliin ang Ilunsad na Plano sa pamamagitan ng pag-click sa pindutan ng “Order Ngayon”.

pagkakasunud-sunod ng paglulunsad ng inmotion plan

Suriin ang iyong pagpipilian at i-click ang “Magpatuloy”.

proseso ng pag-host ng klase ng negosyo ng pagmomolde

Kung mayroon ka nang isang domain name, piliin ang opsyon na iyon, kung hindi man maaari kang magparehistro ng isang bagong domain nang libre kasama ang hosting plan na ito.

inmotion rehistro ng libreng domain

Para sa halimbawang ito, pinili ko ang pagpipilian upang maiugnay ang aking domain sa server ng InMotion kaya ipinagpapatuloy ko ang pagpipilian na “Mayroon na akong domain”. Suriin ang iyong pagpipilian at i-click ang “Magpatuloy”.

inmotion na mayroon nang sariling domain name

Awtomatikong makikita ng system ang iyong lokasyon at pipiliin ang web server kung saan mai-host ang iyong website. Kung nais mong gumawa ng mga pagsasaayos, pumili ng isang bagong lokasyon para sa server. Maaari kang pumili sa pagitan ng East Coast at West Coast. Isaalang-alang ang pagkakaroon ng iyong website na naka-host sa isang server na mas malapit sa iyo at sa iyong mga kliyente.

pag-host ng host ng baybayin sa kanlurang baybayin

Ngayon ang pinakamahalagang hakbang ng pagkakasunud-sunod na ito ay piliin ang sistema ng pamamahala ng nilalaman na nais mong mai-install sa iyong website. Dito ay pipiliin mo ang “I-install ang BoldGrid, na pinalakas ng WordPress”. Ito ang tagabuo na gagamitin namin para sa paglikha at pagpapasadya ng aming website. Ang BoldGrid ay isang tagabuo ng pahina na pinalakas ng WordPress, na nagbibigay-daan sa iyo upang lumikha ng mga pasadyang layout nang hindi nangangailangan ng pag-alam ng HTML, CSS o iba pang mga programming. Mangyaring suriin ang aming pagsusuri sa BoldGrid upang malaman ang higit pa tungkol sa mahusay na tool na ito.

awtomatikong i-install ang inmotion ng boldgrid sa pag-signup

Punan ang iyong personal at pinansiyal na impormasyon. Ang pahinang ito ay ligtas at naka-encrypt, kaya protektado ang iyong data. I-click ang pindutan ng “Bumili Account” upang matapos ang iyong order.

inmotion pagbili ng hosting account

Makakontak ka sa pamamagitan ng telepono sa ilang minuto upang kumpirmahin ang iyong order. Kapag nakumpirma ang iyong order, makakatanggap ka ng isang email na may impormasyon sa pag-login. Samantala ang WordPress at BoldGrid ay awtomatikong naka-install sa iyong website nang awtomatiko. Sa pagtatapos ng iyong order, magkakaroon ka ng isang gumaganang sistema na maaari mong ipasadya.

Sa ngayon, napakabuti! Dumating na ngayon ang masayang bahagi, kapag talagang nilikha mo ang iyong website.

Paglikha ng Iyong Website ng WordPress

Kapag napatunayan ang iyong account sa pamamagitan ng telepono, makakatanggap ka ng isang malugod na email mula sa InMotion kasama ang lahat ng mga detalye ng pag-login. Ang email na ito ay naglalaman ng pag-login sa iyong Account Manager Panel, pag-login sa cPanel at sa iyong WordPress site, kung saan naka-install na ang BoldGrid.

Ngayon ay i-access ang dashboard ng iyong website at pag-login. Ang screen ng pag-login ay naiiba sa default na screen ng pag-login sa WordPress. Ang dashboard ay medyo naiiba din, ngunit hindi ito gaanong pagkakaiba, kahit na ginamit mo na ang WordPress.

inmotion boldgrid login

Sa welcome screen magkakaroon ka ng dalawang video na, isa para sa mga nagsisimula at isa para sa mga advanced na gumagamit ng WordPress. Ang mga video na ito ay isang mabilis na pagtatanghal ng BoldGrid. Iminumungkahi ko na nanonood sa kanila! Ang sumusunod na video ay nagpapaliwanag kung paano magsisimula sa BoldGrid:

Ngayon, upang makapagsimula kakailanganin mong mag-click sa “Mga Inspirasyon” na menu.

matapang na website ng inspirasyon

Sa pahina ng inspirasyon maaari kang pumili mula sa dalawang pagpipilian: I-install bilang Staging (piliin ito kung mayroon ka ng isang website at nais mong i-upgrade ito sa BoldGrid) o I-install bilang Aktibo (ang pagpipiliang ito ay para sa mga wala pang isang website). Magpapatuloy kami sa site na “Aktibo”.

mag-install ng mga aktibong site

Ang susunod na hakbang ay ang pumili ng isang kategorya para sa iyong website. Sa oras ng pagsulat mayroong tungkol sa sampung kategorya na maaari mong piliin, ngunit madaragdag pa lalo habang nagbabago ang BoldGrid. Piliin ang kategorya na pinakamalapit sa angkop na lugar ng iyong website.

pumili ng kategorya ng boldgrid

Kapag napili ang kategorya maaari kang pumili ng isang tema na gusto mo. Maaari mong i-preview ang alinman sa mga temang ito at makita kung paano ito makikita sa isang desktop, talahanayan o mobile phone. Mangyaring tandaan na ang ilang mga tema ay naglalaman ng mga imahe na may copyright na may mga watermark. Maaari kang bumili ng mga larawang ito (gamit ang sistema ng barya) o maaari mong palitan ang iyong mga larawan. Pipili kami ng tema na “Uptempo” para sa tutorial na ito.

naka-bold na tema ng pagpili

Matapos piliin ang tema na gusto mo, piliin ang hanay ng pahina na nais mong mai-install sa iyong website. Pipiliin naming mag-install ng limang pahina, na kung saan ay ang pinaka-karaniwang para sa kategoryang ito. I-click ang pindutan ng “Piliin” upang magpatuloy.

boldgrid pumili ng set ng pahina

Kumpirma ang iyong pagpili at tapusin ang pag-install ng tema at mga pahina sa pamamagitan ng pag-click sa “I-install ang website na ito!” pindutan. Sa hakbang na ito maaari ka pa ring bumalik at i-edit ang mga setting na napili bago.

matapang na pag-install ng website

Ang pag-install at paglikha ng mga pahina ay kukuha ng mas kaunti sa isang minuto. Huwag isara ang pahina hanggang sa matapos ito. Kapag tapos na ang pag-install, i-click ang pindutan ng “Customise”.

boldgrid download na pag-install ng tema ng tema

Pinapayagan ka ng customizer ng tema na i-edit ang iyong website at i-preview ang mga pagbabagong ginagawa mo. Ang mga pagpipilian ay maaaring mag-iba mula sa tema hanggang sa tema. Para sa temang napili namin kanina, Uptempo, maaari naming baguhin ang pamagat ng site, baguhin ang font, posisyon ng pamagat, mag-upload ng isang logo ng imahe o icon ng site.

naka-bold na website ng pasadyang

Sa seksyon ng mga kulay, maaari kang pumili mula sa iba’t ibang mga palette ng kulay. Mayroong isang “Mungkahi Palette” function na magmumungkahi ng isang scheme ng kulay sa tuwing na-click mo ito. Piliin ang scheme ng kulay na gusto mo!

iminumungkahi ng mga palette ng boldgrid color color

Maraming iba pang mga setting na maaari mong i-configure upang gawin ang iyong website na natatangi at natitirang. Halimbawa maaari mong piliing magkaroon ng isang static na homepage, na magpapakita ng isang pahinang napili mo. Maaari ka ring magdagdag ng mga widget sa header at footer at magpasok din ng pasadyang HTML (Google Analytics Halimbawa). Posible rin na magdagdag ng pasadyang JavaScript o CSS sa iyong tema, nang hindi nangangailangan ng pagbubukas ng anumang mga file. Hindi namin napunta sa mga detalye ngayon, dahil ang tagal ng tutorial na ito ay magtatagal upang magsulat at magbasa.

Kapag tapos ka na, i-click ang “I-save & I-publish ang “pindutan! Maaari kang bumalik muli at i-edit ang anumang pagpipilian kung nais mo.

Ngayon pumunta sa homepage ng iyong website at tamasahin ang view:

halimbawa ng boldgrid website

Hindi ka pa handa! Mayroong limang mga pahina sa iyong website, ngunit ang mga ito ay naka-pack na may default na nilalaman na kasama ng pag-install. Gusto mong baguhin ang mga ito.

matapang na mga pahina ng pag-edit

Sa WordPress magagawa mong baguhin ang teksto, idagdag at palitan ang mga imahe, clone o tanggalin ang iba’t ibang mga bloke, i-drag at i-drop ang mga bloke nang patayo at pahalang.

editor ng pahina ng boldgrid

Gamit ang function na “Magdagdag ng GridBlock” maaari kang pumili mula sa isang malawak na hanay ng mga pre-nilikha na mga layout. Pinapayagan ka ng pagpapaandar na ito na ipasok ang Google map sa iyong pahina, o pumili mula sa isang malawak na hanay ng mga form ng contact na may iba’t ibang mga patlang.

maisingit ipasok ang layout ng gridblock

Pinapayagan ka rin ng BoldGrid API na maghanap ka ng mga de-kalidad na imahe, parehong libre at komersyal. Maaari mong itakda ang laki para sa imahe na iyong idaragdag sa iyong pahina, at ang system ay awtomatikong i-crop at mai-install ang imahe sa iyong website. Ang tampok na ito ay nagbibigay-daan sa iyo upang i-tune ang iyong mga pahina ng magagandang mga imahe sa loob lamang ng ilang minuto, nang hindi gumagamit ng software ng editor ng imahe. Gaano katindi ang ganyan?

Sa puntong ito, tapos ka na sa pagbuo ng iyong website. Pagbati! Lumikha ka ng isang propesyonal na website gamit ang WordPress at BoldGrid para sa iyong negosyo. Ang lahat ng ito nang walang hawakan ang isang linya ng code, at nagdagdag ka rin ng mga imahe nang hindi nangangailangan ng pag-edit ng mga ito sa iyong computer.

Buod at Rekomendasyon

Ang gabay na ito ay naging mas mahaba kaysa sa nais kong maging, ngunit sa palagay ko nasasakop ko ang karamihan sa mga hakbang na kinakailangan upang makabuo ng isang propesyonal na website. Sana ang gabay na ito ay makakatulong sa maraming mga nagsisimula. Kung mayroon kang anumang mga katanungan tungkol sa BoldGrid maaari kang sumulat ng isang puna sa ibaba, o makipag-ugnay sa pagho-host ng InMotion. Ang suporta sa tech ay lubos na kapaki-pakinabang at palakaibigan friendly.

Lubhang inirerekumenda ko ang parehong BoldGrid at InMotion para sa paglikha at pagho-host ng iyong WordPress site.

Bagaman ang proseso ng paglikha ng website ng demo na ito ay kinuha sa akin ng ilang minuto lamang, upang pagsamahin ang gabay na hakbang-hakbang na ito ay kinuha ako ng higit sa isang oras. Kung nakatulong ito sa iyo, mangyaring ibahagi sa iyong mga social media account. Salamat!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Оцените статью
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector