Hoe u ‘n besigheidswebwerf kan maak met behulp van WordPress & Elementor

Lees hoe u ‘n webwerf vir u besigheid kan maak met behulp van WordPress, Elementor en Astra. Dit is alles 100% gratis instrumente wat ek persoonlik gebruik.


Op hierdie manier hoe om ‘n webwerf vir 2019 te maak, sal ek jou meer wys as net hoe om ‘n webwerf te skep, en ek sal jou ook leer hoe om jou webwerf te optimaliseer en hoe om leidrade daaruit te genereer.

Hierdie handleiding is omvattend, die langste om ‘n webwerf-tutoriaal op te stel. Ek hoop jy geniet dit.

Dinge wat u benodig:

  • hosting. Ek beveel SiteGround aan.
  • A domeinnaam.
  • WordPress Tema. Vir hierdie tutoriaal gebruik ons ​​die gratis Astra-tema.
  • WordPress-bladsybouer. Hiervoor gebruik ons ​​die gratis Elementor-bladsybouer.

Laat ons begin!

Stap 1: Koop ‘n webhosting en domeinnaam.

Die belangrikste deel van u besigheidswebwerf is hosting. Die hosting gaan bepaal hoe vinnig u webwerf laai, wat ‘n baie belangrike faktor is wat die generering en omskakeling van lood beïnvloed. Google verkies ook vinniger webwerwe met lae weieringskoerse, so ‘n vinniger webwerf verhoog u kanse om op Google te rangskik.

Een ding wat ek wil uitwys is om EIG- en GoDaddy-ondernemings soveel as moontlik te vermy. EIG staan ​​vir Endurance International Group en beheer meer as 60 gasheerondernemings. Dit ontslaan hul eie ondersteuningspersoneel en konsolideer alles onder een sambreel. Wat wel gebeur, is dat die kliëntediens, die gehalte van die hosting en die algemene kwaliteit van die diens ly.

Hier is ‘n paar van die bekende EIG-ondernemings:

  • hostgator
  • BlueHost
  • iPage
  • Arvixe
  • FatCow
  • HostMonster Klein Oranje

GoDaddy het ook baie slegte resensies rakende kwaliteit en kliëntediens, en die webwerwe wat hulle aanbied, laai baie stadig.

U wil ook gaste wat ‘ma en pop’ is, wil vermy omdat hulle nie die hulpbronne het om gevorderde hosting-tegnologie te gebruik om u webwerf ‘n voorsprong te gee nie.

U wil ook ‘n gasheer kies wat gratis SSL-sertifikate bied. Sonder ‘n SSL-sertifikaat sal u webwerf bo-op hierdie lelike “Nie veilige” etiket hê:

nie veilig nie

As u ‘n besigheid het, kan u prakties afskeid neem van potensiële kliënte met daardie etiket. As u hosting nie gratis SSL-sertifikate bied nie, kan een SSL-sertifikaat u $ 50- $ 100 per jaar kos per webwerf.

U wil ook ‘n diens hê wat u in staat stel om op te gradeer na iets genaamd PHP7, wat u webwerf vinniger kan maak.

Sitgrond, my voorkeur-webhostingdiens

SiteGround is ‘n gasheerdiens wat ek gevind het wat aan al hierdie kriteria voldoen. SiteGround bied ‘n gratis SSL-sertifikaat aan, dit stel u in staat om op te gradeer na PHP7, het ‘n gehalte-hosting en ongelooflike kliëntediens. Dit is regtig die beste wat daar is.

Hier is die belangrikste kenmerke van SiteGround:

  • Gratis SSL-sertifikaat
  • Vinnige kundige ondersteuning
  • WordPress-verhoogomgewing
  • Gratis webwerf-migrasies
  • 30 dae van rugsteun

Ek het ‘n ongelooflike ooreenkoms met hulle gedoen om 70% afslag te gee aan elkeen wat aanmeld hierdie skakel. Dus as u geld wil bespaar op u hosting, Klik op hierdie skakel en koop nou u hosting.

Om u gasheer by SiteGround te koop, Klik op hierdie skakel. Sodra u op hul tuisblad beland, sal u vier verskillende tipes aanbiedings sien:

kies 'n sitplan-plan

Kies WordPress-hosting en klik Begin. Dan sien jy drie prysbeplanning:

siteground wordpress hosting pryse

Kies een volgens u behoeftes en begroting. U kan ook kyk na hulle vergelyking van elke gasheerplan om te kan besluit watter een by u sakebehoeftes pas.

Sodra u ‘n plan gekies het, klik Kry plan. Daarna word u geneem na die volgende stap, waarin u ‘n domein kies. As u reeds ‘n domeinnaam het, kies “Ek het al ‘n domein”. Maar as u nie een het nie, kies “Registreer ‘n nuwe domein” sodat u ‘n domein binne SiteGround kan koop. Dit kos $ 15,95 per jaar.

kies 'n domein

Hou in gedagte dat as die domeinnaam wat u wil koop nie meer beskikbaar is nie, SiteGround u hiervan sal laat weet en u ‘n ander een moet kies. Sodra u ‘n domeinnaam het, klik Voortgaan.

Die volgende stap om u aankoop te voltooi is om u akkurate persoonlike en faktuurbesonderhede te verstrek. Sodra dit klaar is, klik Betaal nou. U het nou ‘n betroubare webhosting en domeinnaam.

Stap 2: Installeer WordPress.

WordPress is die webwerf-skeppingshulpmiddel wat ons sal gebruik om u besigheidswebwerf te skep. Dit is heeltemal gratis, baie maklik om te gebruik en tog baie kragtig. Dit bevat duisende plugins en temas waarmee u kan doen wat u wil met u webwerf.

SiteGround het eintlik ‘n WordPress-installasie met een klik wat WordPress vinnig vir u installeer.

Nadat u u gasheeraankoop voltooi het, sal u ‘n skerm met ‘n skakel sien “Gaan na die kliëntegebied”. Klik daarop en dan word u na ‘n bladsy geneem waar u u nuwe gasheerrekening kan opstel. onder Stel u webwerf op, kies Begin ‘n nuwe webwerf.

U sien dan ‘n lys sagteware wat u kan installeer. Kies WordPress.

wordpress installeer

Om die proses te voltooi, moet u admin-aanmeldinligting (e-posadres, gebruikersnaam en wagwoord) vir u webwerf voorsien. Dit is die besonderhede wat u sal gebruik om toegang tot die backend van u webwerf te kry, dus moet u dit veilig hou.

Sodra dit klaar is, klik bevestig > Voltooi die opstelling. En u het nou ‘n lewendige, self aangebied WordPress-webwerf.

Stap 3: Installeer SSL-sertifikaat.

Voordat ek iets anders doen, wil ek eers wys hoe om ‘n SSL-sertifikaat te installeer om ontslae te raak van die Not Secure-etiket wat ek voorheen aan u gewys het. onder My rekeninge, klik Gaan die cPanel.

gaan na cpanel

CPanel is waar u verskillende sagteware en gereedskap vir u webwerf kan installeer. As u al die pad afrol, sal u ‘n gedeelte met die naam sien sekuriteit. Klik onder hierdie afdeling Laat ons enkripteer.

laat enkripteer

Kies die domein waarop u die SSL-sertifikaat wil installeer, kies Laat ons SSL enkripteer, en klik installeer.

Dit is nou tyd om aan te meld by u nuwe webwerf. Klik My rekeninge weer aan die bokant en klik op die installasies blad. Hier sien u die domeinnaam wat u geregistreer het. Oorkant is dit ‘n groen Gaan na die adminportaal knoppie. Klik op hierdie knoppie om na u WordPress-aanmeldbladsy te gaan.

gaan na die wordpress admin-kontroleskerm

WordPress-aanmeldbladsye volg gewoonlik hierdie formate: yourdomain.com/wp-admin en yourdomain.com/wp-login. Joune kan anders wees. Maar u moet u URL van die aanmeldbladsy onthou of daarop let, sodat u die volgende keer toegang daartoe kan kry deur die URL direk in u adresbalk te tik en sonder om meer by Siteground aan te meld..

Die WordPress-aanmeldbladsy lyk so:

Wordpress login bladsy

Voer hier u gebruikersnaam en wagwoord in om die eerste keer op u webwerf aan te meld.

As u eers binne is, moet u die eerste keer aan WordPress sê dat u ‘n SSL-sertifikaat het. Dit is eenvoudig om te doen.

Gaan na die linkerkant van die balk instellings > algemene. Op die skerm sien u twee vakke met u domeinnaam: WordPress Address (URL) en Site Address (URL). U moet die letter “s” na “http” en voor die dubbelpunt “:” vir beide vakke tik.

voeg ssl-sertifikaat by in wordpress

Sodra jy klaar is, klik Stoor veranderinge. U webwerf moet nou ‘n hangslot-ikoon langs die domeinnaam hê:

beveiligde webwerf met https

Die laaste ding wat ons vir die SSL-sertifikaat moet doen, is om seker te maak dat mense wat “http” in hul adres tik, na u “https” URL herlei word. Ons het ‘n inprop nodig om dit te kan doen.

Gaan na ‘n plugin om ‘n inprop te installeer proppe > Voeg nuwe. Soek die inprop op die soekbalk regs bo Regtig Eenvoudige SSL. Installeer en aktiveer dit.

installeer regtig eenvoudige ssl

U sien dan hierdie pop-upboodskap op u dashboard:

aktiveer regtig eenvoudige ssl

Klik op die blou Gaan voort, aktiveer SSL! knoppie. U sal afgemeld word en sodra u weer aanmeld, is die Really Simple SSL-inprop volledig van krag.

Stap 4: Installeer Astra-temas en Astra-webwerwe.

Vir ‘n bedryfswebwerf wil u ‘n tema hê met ‘n skoon kode en buigsame funksies om aanpassing so maklik en vinnig moontlik te maak. Daar is baie kwaliteit WordPress-temas daar buite, maar die tema wat ons hier gaan gebruik, is Astra Theme.

Astra Theme is ‘n gratis WordPress-tema wat uitstekende snelheid en eenvoud het. Waarvan ek die meeste hou, is dat dit homself opstel op grond van die gereedskap wat u nodig het, en dit vergemaklik u sake. Daar is ook ‘n Pro-weergawe as u toegang tot premiumfunksies wil verkry.

astra tema

Hier is die funksies waarvan ek die meeste hou van Astra:

  • Een van die vinnigste temas beskikbaar
  • Meer as 100 beginnerswebwerwe (die meeste is 100% gratis)
  • Buigsame mega-spyskaart
  • Kragtige byvoegingspakket
  • Uitgebreide WooCommerce-ondersteuning

Gaan na Astra om Astra te installeer voorkoms > tema > Voeg nuwe. Soek vir Astra, klik installeer, en Aktiveer.

astra installeer

Nog ‘n ongelooflike ding van Astra is die feit dat dit ‘n plugin het wat genoem word Astra-beginnerswebwerwe. Hierdie inprop bevat ‘n biblioteek met voorafgeboude gratis en premium-sjablone wat u met net ‘n paar klik op u eie webwerf kan gebruik. Ons gebruik ‘n Astra Site-sjabloon om ons tyd vir die skepping van webwerwe in die helfte te verkort.

Nadat Astra geïnstalleer is, sien u hierdie boodskap op u dashboard:

begin met astra-werf

Klik Begin. Dit sal Astra Starter Sites vir u installeer. U kan ook Astra Sites installeer deur na proppe > Voeg nuwe. Soek vir Astra webwerwe installeer en aktiveer dit. Gaan na Astra Sites verskynings >Astra-beginnerswebwerwe.

Die keuse van u bladsybouer

Nadat Astra Sites geïnstalleer is, sal u gevra word watter bladsybouer u verkies: Gutenberg, Elementor, Beaver Builder of Brizy. In hierdie handleiding gaan ek Elementor gebruik.

Elementor is ‘n WordPress-bladsybouer wat bladsybou tot ‘n nuwe vlak gebring het. Dit het ‘n diep funksie wat gestel is, maar dit is baie maklik om te gebruik en te bemeester. Die gratis weergawe is voldoende om ‘n ordentlike webblad te skep, maar as u meer gevorderde funksies wil hê, soos om kontakvorms, skuifbalkies, prysborde en meer by te voeg, kan u opgradeer na die Pro-weergawe.

Die keuse van u Astra werf-tema

Sodra u u bladsybouer gekies het, sal u na die biblioteek van Astra Sites-sjablone geneem word. Daar is tonne slanke, professioneel-sjablone – gratis sowel as premium – wat u kan kies. Die sjablone word deur die volgende kategorieë georganiseer: Blog, Besigheid, e-handel, Gratis en ander. Aangesien u ‘n bedryfswebwerf skep, is dit die beste om deur te blaai besigheid artikel.

Neem u tyd om te kies watter sjabloon u voel die beste ooreenstem met u handelsmerk. Hierdie sjablone is volledig bewerkbaar met die bladsybouer wat u gekies het, wat beteken dat u die teks, beelde, uitleg, knoppies en basies alles op die bladsy maklik kan verander.

Vir hierdie handleiding gaan ek die rekenmeester sjabloon omdat dit ongelooflik en maklik op die oë lyk.

Om ‘n tema te installeer, moet u net daarop klik om na die voorskou geneem te word. Klik op die as u hou van wat u sien Voer tema in knoppie en maak seker dat die vakkies almal gemerk is.

bokse astra sites tema

As u dit sien, is daar ‘n kassie wat sê “Installeer vereiste inproppe”. As u hierdie vakkie selekteer, sal al die nodige inproppe vir die tema geïnstalleer word om presies te lyk soos dit is. Vir hierdie tema het dit WPForms Lite geïnstalleer, ‘n plugin waarmee u eenvoudige kontakvorms kan skep, en Elementor, die bladsybouer wat ek gaan gebruik. U kan op die klein vraagteken langsaan klik om te sien watter plugins geïnstalleer gaan word.

WPForms is ‘n inprop wat u kan help om gehalte-leidrade vir u besigheid deur effektiewe vorms te kry. U kan my WPForms-oorsig besoek om meer daaroor te wete te kom. As u ‘n ander vorm-inprop wil gebruik, kan u WPForms net deaktiveer / uitvee proppe > Geïnstalleerde inproppe en installeer u voorkeurvormbouer.

die installering van astra werf tema

Die invoer van die tema kan ‘n rukkie duur. Moenie u blaaier toemaak of op verfris klik nie. Wag dit uit, en as jy klaar is, sien jy ‘n blou Besigtig webwerf knoppie. Klik op die knoppie om na u webwerf geneem te word met die tema wat u pas ingevoer het.

Stap 5. Die keuse van ontwerpelemente.

Jou webwerf lyk nou ongelooflik, maar jy wil dit jou eie maak. Om dit te kan doen, benodig u u eie kleurskema, tipografie en logo.

Laat ons begin met jou kleurpalet. As u reeds u handelsmerkkleur het, sal dit makliker wees.

Die keuse van ‘n kleurpalet

‘N Webwerf het gewoonlik ‘n stel van 2-3 kleure: die primêre, aksent- en popkleur. Die primêre kleur is die dominante kleur van u webwerf en waarskynlik u handelsmerkkleur. Dit is die kleur waarmee u wil hê dat mense u handelsmerk moet onthou.

Wanneer u u primêre kleur kies, moet u ondersoek instel na kleursielkunde of hoe kleure mense se persepsie of gedrag beïnvloed. Sekere kleure laat mense iets voel, bv. rooi laat hulle angstig voel, daarom moet u hierdie dinge in ag neem wanneer u u primêre kleur kies.

Die aksentkleur word gewoonlik gebruik om sekere elemente te laat uitstaan ​​as die res, soos opskrifte of postitels.

Laastens, die popkleur kontrasteer met die res van die kleure om belangrike elemente van die webwerf te laat uitstaan, soos knoppies vir oproep tot aksie of loodgenerasievorms.

Daar is twee instrumente wat ek graag gebruik om ‘n kleurpalet te kies. Die eerste een is Coolors.co, ‘n webwerf waar u verskillende kleurpalette kan blaai om idees of inspirasie te kry. As u iets sien waarvan u hou, kan u die Hex-kode vinnig kopieer om dit op WordPress te gebruik.

As u klik verken op die opskrif, sien u hierdie groot versameling palette:

verkoelers kleurpalette

As u ‘n palet sien waarvan u hou, hou u muis daaroor, klik dan Beskou, en jy sal na ‘n nuwe venster geneem word waar jy die Hex-kodes van elke kleur sal sien.

heks-kodes van kleurpalette

Met hierdie Hex-kodes moet u hierdie kleure op u webwerf gebruik. Later gaan ek jou wys hoe om hierdie Hex-kodes op die WordPress-backend te gebruik.

Nog ‘n oulike hulpmiddel is Colorzilla. Dit is ‘n Google Chrome-uitbreiding waarmee u die Hex-kode van enige kleur wat u op enige webwerf sien, kan kry, net deur daarop te klik.

As u die Colorzilla-uitbreiding wil kry, Klik hier. Klik dan Voeg by Chrome.

colorzilla

U sien dan hierdie ikoon op u werkbalk:

kleurzilla-ikoon

As u dus die Hex-kode wil ken van ‘n kleur wat u op ‘n webwerf gesien het, klik dan op hierdie ikoon en klik dan op die kleur wat u wil kopieer. Die Hex-kode word dan outomaties gekopieër. U kan hierdie Hex-kode in spesifieke gebiede in WordPress plak.

Pasmaak van tipografie

U wil ook u eie tipografie gebruik wat ooreenstem met u handelsmerkidentiteit en u webwerf help uitstaan. Webwerwe bevat normaalweg 2-3 lettertipes. Net soos met kleure, sal jy ook ‘n primêre lettertipe dit is lettertipes vir opskrifte of spyskaarte. U benodig ook ‘n liggaam lettertipe vir paragrawe van tekste en ook ‘n ekstra “pop font”Om sommige tekste te help uitstaan.

Soos kleure, benodig u tipografie wat by u handelsmerk bly, aangenaam lyk en die regte boodskap oor u handelsmerk uitstuur..

Een van my gunsteling instrumente by die keuse van tipografie is Fontpair.co. Dit is ‘n webwerf wat u wys hoe twee verskillende lettertipes saam lyk.

fontpair.co

As u iets sien waarvan u hou, let op wat dit genoem word, sodat u dit in WordPress kan soek en dit op u webwerf kan gebruik.

Ek hou ook daarvan om die gebruik van WhatFont, ‘n Google Chrome-uitbreiding wat vir u sê watter lettertipe op enige webwerf gebruik word, net deur u muis daaroor te hou..

Om WhatFont te installeer, Klik hier klik dan Voeg by Chrome. Dan sien u hierdie ikoon op u werkbalk:

whatfont

Om die naam van ‘n lettertipe te ken, klik op hierdie ikoon en hou die muis oor die teks. WhatFont sal die naam van hierdie lettertipe vertel, en as u daarop klik, sien u ook die lettergrootte, kleur, familie, styl, gewig en meer.

met behulp van whatfont

Om ‘n logo te kry

Laastens het u besigheid ‘n pragtige logo nodig om te praat waaroor u handelsmerk handel. U kan hier met drie verskillende roetes gaan. U kan u logo self skep met behulp van ‘n gratis hulpmiddel genaamd Canva, ‘n gewilde ontwerpinstrument wat ontwerp maklik maak, selfs vir beginners.

U sal verbaas wees oor hoeveel logo-sjablone Canva het, en hulle lyk almal ongelooflik. U kan hierdie sjablone verander om dit u eie te maak.

U moet egter weet dat u na Pro moet opgradeer as u die logo met ‘n deursigtige agtergrond wil uitvoer. Daar is wel ‘n gratis proeftydperk van een maand, dus wat u kan doen is om op te gradeer na Pro, u deursigtige logo uit te voer en te kanselleer voordat die proefperiode eindig.

canva logo's

U kan ook ‘n logo-ontwerper huur om dit vir u te doen. U kan webwerwe soos Fiverr.com of 99design probeer, maar u moet versigtig wees om ‘n kunstenaar te kies op grond van hul styl, track record, resensies, graderings, en meer.

Die derde roete, en waarskynlik ‘n goeie idee as u ‘n sterk handelsmerklogo wil hê, is om ‘n ontwerpstrateeg / konsultant te huur. Mense soos hierdie is professionele persone wat die tyd neem om te verstaan ​​waaroor u handelsmerk gaan, waarheen u besigheid gaan, en wat u kernwaardes is, sodat hulle dit in die logo kan insluit.

Stap 6. Pas u webwerf aan.

Sodra u ‘n kleurpalet, lettertipes en logo vir u webwerf het, is dit nou tyd om dit op u webwerf te gebruik. As u in die WordPress-backend-kontroleskerm is, gaan na voorkoms > Aanpassing om die tema-pasmaakmaker te open.

pas die tema aan

U kan ook hierheen gaan as u op die voorkant van u webwerf is. Daar moet ‘n swart balk aan die bokant van u skerm wees, wat slegs sigbaar is vir diegene wat op u webwerf aangemeld is. Klik Aanpassing om die tema-pasmaakmaker te open.

pas die tema-frontend aan

As u eers by die tema-aanpasser is, sal u u logo kan byvoeg, kleure kan verander, die werfuitleg kan verander en nog baie meer.

tema pasmaak

Op die linkerkantste balk sien u verskillende opsies om u webwerf te verander. Elke tema het verskillende aanpassingsopsies, so as u ‘n ander tema gebruik, kan dit wat u hier sien, effens anders wees as myne. Al die veranderinge wat u hier aanbring, word intyds op u webwerf gewys.

Gaan na hierdie tema, om u werfkleure te verander Kleure en agtergrond. U het die opsie om basiskleure, broodkrummel, kop- en voetbalk te verander.

kleur agtergrond redakteur

Die basiskleure is die temakleur, skakelkleur, tekskleur en skakelknoppiekleur van u webwerf. Klik op om die basiskleure te verander Basiskleure. Binne sien jy knoppies wat sê Kies kleur. Klik op hierdie knoppies om ‘n spesifieke kleur te verander.

Klik byvoorbeeld op om die Tema-kleur te verander Kies kleur langs dit. U sien dan twee maniere om ‘n kleur te kies. Eerstens kan u ‘n Hex-kode in ‘n kassie plak. As u onthou wat ons in die vorige stap aangaande Hex-kodes bespreek het, kan u in sulke velde die Hex-kodes invoer..

As u dus ‘n kleur op Coolors.co of op enige ander plek gevind het, kan u die Hex-kode hier plak. U kan ook ‘n kleur in ‘n ingeboude kleurkeuse-instrument kies.

basis kleur redakteur

Die volgende is om u tipografie te verander. Gaan terug na die pasgemaak deur op die agterste pyltjie aan die bokant van die sidebalk te klik en te klik tipografie. U kan die basis-, broodkrummel-, inhoud- en blogtipografie verander.

tipografie

Laastens, gaan na om u logo op te laai uitleg > kop > Terreinidentiteit. Klik op die onder die Logo-afdeling Verander logo knoppie en laai u logo op.

verander logo

Met Astra kan u ook ‘n ander logo gebruik vir retina of hoë-resolusie-toestelle, sowel as mobiele toestelle. U kan ook die breedte van die logo aanpas. As u ondertoe blaai, sal u ook die titel van ‘n werf kan verander, ‘n webwerflynteken en ‘n webwerf-ikoon of favicon kan byvoeg.

Ek stel voor dat u die tema-aanpassing ondersoek om die verskillende dinge te sien wat u hier kan doen. Met Astra Theme kan u meer doen soos om die uitleg van u kop- en voetskrif te verander, die blogposstruktuur te verander, hoe breed u webwerf gaan word, en nog vele meer.

Sodra u klaargemaak is, moet u nie vergeet om te klik nie publiseer om u veranderinge op u webwerf te laat verskyn.

Stap 7. Pas u webwerf aan met Elementor.

Noudat u webwerfkleure, tipografie en logo gereed is, is dit tyd om in Elementor te spring en die manier waarop die webwerf lyk, te verander sodat dit ooreenstem met u handelsmerk. Ons gaan die prente, tekste, knoppies, uitleg en nog baie meer verander.

Daar is twee maniere om ‘n bladsy met Elementor te redigeer. Eerstens, as u in die agterkant is, gaan na bladsye en u moet ‘n lys van al die bladsye van u webwerf sien. Dit sluit die bladsye in wat Astra Site outomaties geskep het. Bladsye wat met ‘n spesifieke bladsybouer (byvoorbeeld Elementor) gemaak is, sal as sodanig gemerk word:

bladsye

Beweeg met die muis oor die bladsy wat u met Elementor wil bewerk en klik Bewerk met Elementor.

wysig met elementor of backend

Dit sal jou in Elementor neem.

As u aan die voorkant van u webwerf is, kan u Elementor binnegaan deur na die bladsy te gaan wat u wil wysig en klik Bewerk met Elementor op die swart balk bo:

wysig met elementor frontend

Die elementor-koppelvlak is maklik om te verstaan ​​en daaraan gewoond te raak, omdat dit baie soortgelyk is aan die tema-pasmaakmaker. Die meerderheid van die skerm vertoon die bladsy wat u redigeer terwyl u aan die linkerkant is, ‘n sybalk met die kontroles en opsies.

elementor

As u opgemerk het, kan die kop nie binne Elementor gesien word nie. Die rede hiervoor is dat die gratis weergawe van Elementor nie kop- en voetskrifte kan wysig nie. Hierdie funksie is slegs beskikbaar vir Elementor Pro.

Die linkerkantste balk is waar u die elemente wat u op u bladsy kan voeg. Soos u kan sien, kan u ‘n opskrif, beeld, video, knoppie, verdeler en meer byvoeg. U kan hierdie elemente byvoeg deur dit in die gewenste gebied te sleep en te laat val.

Elementor laat ook inlynteksbewerking toe, wat beteken dat u die teks op die inhoudsarea self kan verander. Hier is ‘n paar dinge wat u met tekste in Elementor kan doen:

teks redigering in elementor

Soos u kan sien, kan u die teks regs op die inhoudsarea wysig of uitvee, wat dit soveel makliker maak. U kan meer aanpassingsopsies op die sidebar vind, soos om die grootte, kleur, gewig, tipografie-familie en skaduwee te verander. U kan ook animasies soos eenvoudige vervaag, inzoomen, weerkaats en meer byvoeg.

U wil ook u eie beelde gebruik om hierdie webwerf u eie te maak. U kan ‘n prent maklik vervang of verwyder as dit is wat u wil hê. Om ‘n prentjie aan te pas, klik net daarop en die opsies verskyn op die linkerkant van die balk. U kan ‘n nuwe prent oplaai, die grootte daarvan verander, ‘n rand of skaduwee byvoeg, ‘n animasie byvoeg en meer.

redigering van beeld in elementor

Vir my webwerf wil ek hierdie prent heeltemal verwyder en slegs ‘n ander agtergrondprent gebruik. Hou ‘n muis daaroor en klik met die rechtermuisknop om ‘n beeld te verwyder blou pen ikoon regs bo. ‘N Opspring-menu verskyn. Klik Delete om die prent te verwyder.

die verwydering van 'n beeld in elementor

Om die opskrif aan te pas, hou u muis daaroor en klik op die stippel-ikoon bo:

pas opskrif in elementor

Die aanpassingsopsies vir die opskrif sal dan op die linkerkant van die balk verskyn. Klik op om die agtergrondprent van u opskrif te verander styl en gaan na agtergrond. Dit is hier waar u ‘n nuwe agtergrond kan oplaai.

pas die opskrif aan

Soos u kan sien, het ek die agtergrondbedekking na die upload van die prent aangepas om seker te maak dat die prentjie duidelik gesien word. Ek het dit gedoen deur na Agtergrond oorleg en die ondeursigtigheid aan te pas.

Ek het ook die kleur van die teks aangepas om seker te maak dat dit gesien word, en ek het die breedte van die teks aangepas sodat dit nie met die beeld oorvleuel nie. Ek het dit gedoen deur na Advanced > Pasgemaakte posisionering en kies Custom vir die breedte.

Met Elementor is dit so maklik om ‘n wonderlike webblad te bou. Daar is net soveel opsies beskikbaar, so dit is net ‘n kwessie van elke verkenning. U kan dit in u eie tempo ondersoek, en as daar iets is wat u nie verstaan ​​nie, kan u my via die kommentaarafdeling hieronder uitreik of selfs die uitgebreide element van Elementor soek kennis basis.

Ek het ook ‘n Elementor-tutoriaal waar ek u kan wys hoe u vinnig met Elementor kan begin. U kan dit kyk hier.

Stap 8. Beveilig u webwerf.

Dit is ook uiters belangrik dat ‘n bedryfswebwerf so veilig moontlik is teen moontlike skema’s vir inbraak en identiteit. Die feit is dat sommige van u kwesbaar kan wees vir kuberaanvalle as gevolg van swak wagwoorde, plugin-kwesbaarhede en verouderde sagteware. Hierdie dinge laat ‘n gat aan u webwerf, en u moet ‘n manier vind om hierdie gate te blokkeer.

IThemes Security is die beste WordPress-plugin wat ek tot dusver gevind het. Die gratis weergawe van hierdie inprop bied u reeds sterk sekuriteitsfunksies, en u kan dit met net een klik aktiveer.

Gaan oor na iThemes Security proppe > Voeg nuwe soek dan iThemes Sekuriteit.

installeer ithemes

Sodra dit geaktiveer is, sal u ‘n nuwe opsie in die sidebar sien sekuriteit. Gaan na sekuriteit > instellings en u moet ‘n boodskap sien oor die verskillende funksies wat iThemes vir u kan doen.

veilige webwerf-temas

As u al hierdie funksies inskakel, neem u slegs een klik van die blou Veilige werf knoppie. Sodra u op die knoppie geklik het, sal u hierdie boodskap sien:

aktiveer netwerkbeskerming teen brute krag

Die Netwerk Brute Force Protection is ‘n funksie waar gebruikers wat probeer om in te breek op ander werwe wat lede van hierdie netwerk is, outomaties verbied word om by u eie in te breek. Dit is net ‘n goeie funksie wat net iThemes het, dus om dit te aktiveer, gee net u e-posadres en klik Aktiveer die beskerming van ‘n netwerk teen brute krag.

Met net ‘n paar kliks is u webwerf nou veilig. U kan soveel meer doen met hierdie inprop, en as u meer daaroor wil leer, kan u my iThemes Security-oorsig en tutoriaalstudie sien. hier.

Stap 9. Rugsteun u webwerf.

U moet ook ‘n rugsteun van u webwerf maak om u te red van die moontlike ongelukkige geval om u data te verloor. Daarvoor gaan ons gebruik UpdraftPlus-rugsteun.

Gaan na om die plugin te installeer proppe > Voeg nuwe en soek UpdraftPlus-rugsteun. Installeer en aktiveer dit.

installeer updraftplus

Sodra dit geaktiveer is, sal dit ‘n nuwe opsie skep onder instellings genoem UpdraftPlus-rugsteun. Klik daarop om u rugsteuninstellings te begin konfigureer.

updraftplus rugsteun in instellings

Sodra jy binne is, klik instellings. Hier sal ons dit opstel sodat outomatiese rugsteun van buite af gereeld gemaak word. Vir die Lêers rugsteun skedule, Ek beveel aan om dit in te stel weeklikse en die behoud van een ondersteuning. Lêers verander nie gereeld nie, so dit is goed genoeg.

Wat die Databasis rugsteun skedule, aangesien dit gereeld verander, stel dit dan in daaglikse en hou 7 rugsteun.

Sodra u die skedules opgestel het, blaai af en slaan Stoor veranderinge. Blaai dan weer terug om te kies waar u u rugsteun wil stoor. Ek beveel Dropbox gewoonlik aan, want dit is baie maklik om te gebruik, maar u kan alles en soveel as wat u wil gebruik.

die opstel van updraftplus-rugsteun

Klik op u voorkeurberging en klik Stoor veranderinge weer. U sal dan hierdie boodskap sien:

verifikasie vir afstandberging

U moet op hierdie skakel klik om UpdraftPlus-rugsteun te magtig om rugsteun op u gekose berging te stoor. In hierdie voorbeeld, aangesien ek Dropbox gekies het, sal ek op die skakel klik na die Dropbox-aanmeldbladsy. Sodra ek aangemeld het, sal ek hierdie boodskap sien:

volledige opdaterings vir updraftsplus

Ek moet net klik Voltooi opstelling, en ek sal teruggevoer word na UpdraftsPlus-backend in WordPress met hierdie bevestigingsboodskap bo:

verifikasie volledige updraftplus

As ek ‘n rugsteun wil maak, moet ek net op die blou klik Maak nou ‘n rugsteun knoppie. UpdraftPlus skep ook rugsteun volgens die skedule wat ek vroeër gemaak het en druk dit in DropBox in.

Klik dan op as u ‘n rugsteun wil herstel Bestaande rugsteun en klik op die herstel.

Stap 10. Optimaliseer u webwerf.

Ons is af na die laaste stap, en in hierdie stap gaan ons kyk hoe u u webwerf vir soekenjins soos Google kan optimaliseer. Ek is seker die meeste van u het al gehoor van SEO of optimering van soekenjins. In ‘n neutedop is dit die praktyk om seker te maak dat u webwerf op die regte manier geoptimaliseer word om soekenjins makliker te maak om u bladsye te vind en u op die resultate te wys.

SEO het ‘n aspek wat genoem word aanlyn-bladsy, en dit is praktyke wat u op u webwerf binne WordPress kan implementeer om duidelik aan die soekenjins te kommunikeer waaroor u webwerf en inhoud handel.

Dit is ‘n paar beste praktyke vir SEO op die bladsy wat u moet implementeer:

  • Skryf ‘n metatitel en meta-beskrywing vir elke bladsy en pos.
  • Voeg sleutelwoorde of sleutelfrases by en gebruik dit regdeur die inhoud.
  • Voeg ALT TXT by vir elke prent op u bladsy / pos.

As u nou nie weet wat hierdie dinge is nie, is dit goed. Dit is maklik om te leer. Die metatitel is die titel wat op Google Results verskyn en die metabeskrywing is die kort beskrywing onder die titel. Hier is ‘n voorbeeld:

voorbeeld van Google-soekresultaat

Die sleutelwoord is wat gebruikers in die soekenjin tik om na iets te soek. Die metatitel is die titel van die resultaat, en die metabeskrywing is die kort beskrywing hieronder. Dit is belangrike besonderhede omdat hulle Google vertel waaroor die bladsy gaan, en dat dit relevant is vir die sleutelwoord “salon new York”.

Dit is ‘n kort lys van SEO-tegnieke op die bladsy, want daar is letterlik soveel wat u hier doen. Maar nou gaan ons daarop konsentreer.

Om hierdie dinge te doen, benodig ons ‘n inprop. Een van die beste SEO WordPress-plugins op die bladsy is Yoast SEO, en ons gaan dit gebruik in hierdie handleiding. Gaan net na hierdie plugin proppe > Voeg nuwe en soek Yoast SEO. Klik Installeer nou en Aktiveer.

installeer yoast seo

As u nou na ‘n bladsy of ‘n pos gaan, gaan u hierdie nuwe kassie onder die redakteurgebied sien:

yoast seo boks

Dit is hier waar jy jou metatitel, meta-beskrywing en sleutelwoorde kan byvoeg. Om ‘n sleutelwoord by te voeg, tik dit in die kassie hieronder Fokus sleutelfrase:

voeg 'n sleutelwoord by

Klik op die om ‘n metatitel en beskrywing by te voeg Wysig brokkie knoppie.

wysig brokkie

Onder SEO-titel moet u u meta-titel byvoeg. Dit is ‘n goeie praktyk om u sleutelfrase hier in te sluit. In die meta-beskrywingsveld moet u ‘n duidelike idee gee van waaroor die bladsy gaan, en ook die sleutelfrase hier insluit.

Terwyl u iets in die SEO-titel en meta-beskrywingsveld tik, sal u ‘n oranje vorderingstaaf daaronder sien. Dit beteken dat die teks nog te kort is. Sodra dit groen word, beteken dit dat die lengte van u teks net reg is. As dit rooi word, is dit te lank en moet u dit verkort. In die uitslae word lang titels en beskrywings afgesny, so dit is beter om in die groen omgewing te bly.

Nog iets wat u wil doen, is om seker te maak dat u sitemap geaktiveer is en werklik werk. Om dit te doen, gaan na Yoast SEO > algemene > Kenmerke. Rol af totdat jy sien XML-sitkaarte. Maak seker dat dit aangeskakel is, en klik dan op die blou vraagteken-ikoon. U sien dan ‘n skakel wat sê Kyk na die XML-sitemap. Klik hier om u sitemap te sien.

wat sitemaps moontlik maak

Vir baie van u kan dit u lei tot ‘n 404 bladsy. Maar moenie bekommerd wees nie. Die oplossing is redelik eenvoudig. Al wat u hoef te doen is om na te gaan instellings > permanente. Kies Posnaam en slaan Stoor veranderinge.

post naam permalink

As u nou weer probeer om toegang tot die XML-sitemap te verkry, sal u so iets sien:

xml sitkaart

Klaar maak

En dit bevat die handleiding oor hoe om ‘n bedryfswebwerf met WordPress te skep. Ek wil u ‘n tik op die skouers gee, omdat u soveel gedoen het en soveel bereik het deur hierdie tutoriaal te volg. As u enige vrae het, los dit hieronder in die kommentaar-afdeling, en ek help dit graag.

Ground

SiteGround is ‘n baie sterk aanbevole webgasheer aanlyn omdat dit voldoen aan WordPress-gebruikers en tog bekostigbare pryse het. Hulle is veral bekend vir hul vinnige werkverrigting en ewe vinnige ondersteuning.

Belangrike SiteGround-kenmerke:

  • Gratis SSL-sertifikaat
  • Vinnige kundige ondersteuning
  • WordPress Staging Enviroment
  • Gratis webwerf-migrasies
  • Daaglikse rugsteun

SiteGround is ‘n soliede keuse vir u webgasheerbehoeftes. Hulle voldoen aan WordPress-webwerwe en bied minder hulpbronne as hul mededingers, maar het ‘n groter betroubaarheid.

Kyk na SiteGround

Astra Tema

Astra is ‘n gratis WordPress-tema wat op spoed fokus. U kan ook die Pro-weergawe vir $ 59 koop, wat ‘n paar ekstra instellings en opsies bied.

Belangrike Astra-temaspekte:

  • Nie die Fastes-tema nie, maar dit is nie ‘n noot nie
  • Baie gratis demo-webwerwe
  • Buigsame mega-spyskaart
  • Opsies vir gepasmaakte uitlegte
  • WooCommerce-ondersteuning
  • LeerDash-ondersteuning

Astra Theme is ‘n billike keuse vir enige WordPress-webontwerpprojek. Ek dink die grootste vraag is of u deesdae selfs ‘n tema moet koop, aangesien bladsybouers dieselfde dinge doen as waarvoor u ‘n tema nodig het. Elementor het byvoorbeeld die gratis Hello-tema waarmee u bladsybouer al die werk kan doen.

Daar is nog goeie redes om ‘n pro-tema aan te koop, maar vir die meeste mense sal dit waarskynlik goed gaan met ‘n gratis tema.

Ek dink egter Astra Theme het nie tred gehou met die huidige tendense nie en ek beveel dit nie meer aan nie.

Daar is baie beter moderne temas beskikbaar wat ingeboude kop- en voetboubouers bied, en beperk word tot 3 uitlegte, plus meer buigsame bladsy- en posuitlegte.

Kyk na Astra-tema

Elementor

Elementor is ‘n WordPress-bladsybouer wat WordPress-webontwerp stormagtig geneem het. Dit het die diepste funksie, maar is tog baie maklik om te gebruik en te bemeester. Elementor is die mees volledige gratis bladsybouer. Daar is ook ‘n Pro-byvoeging om bykomende ontwikkelaarfunksies by te voeg.

Belangrike elemente-funksies:

  • Live Front End Page Editor
  • Webwerf-verpersoonlikingsfunksies
  • Sjabloon en blokkeer biblioteek
  • Uitgebreide opsies vir mobiele reaksies
  • Mees kragtige pop-upbouer
  • PRO Skep pasgemaakte kop- / voettekste
  • PRO Skep postipe-uitlegte

Elementor is die sterkste bladsybouer wat tans beskikbaar is. Hulle stel konsekwent nuwe funksies vry wat ooreenstem met die huidige ontwerpstendense. Dit beteken dat u u webwerf relevant kan hou.

Elementor Pro is ‘n ongelooflike waarde in ag genome al die bykomende modules en kragfunksies wat dit bevat.

As ek vandag met ‘n nuwe webwerfprojek begin, sou Elementor die bladsybouer wees wat ek sou kies. Ek beskou dit as ‘n WordPress-bladsybouer wat ‘n plesier is om te gebruik.

Kyk na Elementor

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map