WordPress və Elementor-dan istifadə edərək bir iş saytı necə etmək olar

WordPress, Elementor və Astra istifadə edərək işiniz üçün veb sayt yaratmağı öyrənin. Bunlar hamısı şəxsən istifadə etdiyim 100% pulsuz vasitədir.


Bir veb saytı 2019 dərsliyi necə ediləcəyini, yalnız bir veb saytını necə yaratmağı daha çox göstərəcəyəm, həmçinin veb saytınızı necə SEO optimallaşdırmağı və bundan necə yaranacağını da öyrədəcəyəm.

Bu dərslik hərtərəfli, veb saytı dərsliyini necə qurmağımın ən uzunu. Ümid edirəm ki, bundan zövq alacaqsınız.

Lazım olan şeylər:

  • Hosting. Saytın ətrafını məsləhət görürəm.
  • A domen adı.
  • WordPress mövzusu. Bu dərs vəsaiti üçün pulsuz Astra Theme istifadə edirik.
  • WordPress Səhifə qurucusu. Bunun üçün pulsuz Elementor səhifə qurucusundan istifadə edirik.

Gəlin başlayaq!

Addım 1: Veb hosting və domen adını alın.

İş saytınızın ən vacib hissəsi hostingdir. Hosting, veb saytınızın nə qədər sürətlə yükləndiyini və qurğuşun nəslinə və dönüşümünə təsir edən çox vacib bir amildir. Google, aşağı sıçrayış dərəcəsi ilə daha sürətli veb saytlara üstünlük verir, buna görə daha sürətli bir veb Google-da sıralamaq şansınızı artırır.

Bir məqamı qeyd etmək istərdim ki, EIG və GoDaddy şirkətlərindən mümkün qədər uzaq durun. EIG Endurance International Group-un tərəfdarıdır və 60-dan çox ev sahibliyi edən şirkətə nəzarət edir. Bu, evdəki dəstək heyətini atəşə tutur və hər şeyi bir çətir altında birləşdirir. Nə olursa olsun, müştəri dəstəyi, yerləşdirmə keyfiyyəti və ümumi xidmət keyfiyyəti əziyyət çəkir.

Tanınmış EIG şirkətlərindən bəziləri:

  • Hostgator
  • MaviHost
  • iPage
  • Arvixe
  • FatCow
  • HostMonster Kiçik Portağal

GoDaddy, keyfiyyət və müştəri xidməti ilə əlaqədar bir çox pis rəylərə malikdir və yalnız yüklədikləri veb saytlar həqiqətən yavaşdır.

Ayrıca “ana və pop” a sahib olmaqdan çəkinmək istəyirsən, çünki veb saytınızı kənarlaşdıracaq qabaqcıl hosting texnologiyalarından istifadə etmək imkanlarına sahib deyilsiniz.

Pulsuz SSL sertifikatları təqdim edən bir hosting seçmək istəyirsiniz. SSL sertifikatı olmadan veb saytınızın üstündə bu çirkin “Təhlükəsiz deyil” etiketi olacaq:

etibarlı deyil

Bir işiniz varsa, bu etiketli potensial müştərilərlə praktiki olaraq vida edə bilərsiniz. Hosting pulsuz SSL sertifikatları təqdim etmirsə, bir SSL sertifikatı ildə 50-100 dollara başa gələ bilər bir veb başına.

Ayrıca, veb saytınızı daha sürətli bir hala gətirən PHP7 adlı bir şeyə yüksəltməyə imkan verən bir xidmət istəyirsiniz.

Sayt sahəsi, mənim üstünlük verdiyim veb hostinq xidməti

Bütün bu meyarlara cavab verən bir hosting xidməti SiteGround-dir. SiteGround pulsuz SSL sertifikatı təqdim edir, PHP7-yə yüksəltməyə imkan verir, keyfiyyətli hostinq və inanılmaz müştəri dəstəyinə malikdir. Həqiqətən orada ən yaxşısıdır.

Budur SiteGround əsas xüsusiyyətləri:

  • Pulsuz SSL Sertifikatı
  • FAST bilikli dəstək
  • WordPress Səhnə Mühiti
  • Pulsuz veb miqrasiya
  • Yedəkləmə günləri 30 gün

İstifadəyə imza atan hər kəsə 70% endirim vermək üçün onlarla inanılmaz bir razılaşma etdim bu əlaqə. Beləliklə, ev sahibliyinizə qənaət etmək istəyirsinizsə, bu linki vurun və hazırda hostinqi satın alın.

Hostinqinizi SiteGround-dan almaq üçün, bu linki vurun. Əsas səhifəsinə çıxdıqdan sonra dörd fərqli hosting növünü görəcəksiniz:

sayt planını seçin

WordPress hosting seçin və vurun Başlamaq. Bundan sonra üç qiymət planını görəcəksiniz:

saytın wordpress hosting qiymətləri

Ehtiyacınıza və büdcənizə uyğun birini seçin. Bunları da yoxlaya bilərsiniz hər bir hosting planının müqayisəsi iş ehtiyaclarınıza uyğun olanı qərar verə bilmək.

Bir plan seçdiyinizdən sonra vurun Plan alın. Bundan sonra bir domen seçən növbəti addım atılacaqsınız. Artıq bir domen adı varsa, seçin “Artıq Domainim var”. Ancaq biriniz yoxdursa, seçin “Yeni Domen Qeyd et” beləliklə SiteGround içərisində bir domen ala bilərsiniz. Bu ildə 15.95 dollara başa gəlir.

bir domen seçin

Unutmayın ki, satın almaq istədiyiniz domen adı artıq mövcud deyilsə, SiteGround sizə məlumat verəcək və başqa birini seçməli olacaqsınız. Bir domen adınız olduqdan sonra vurun Davam et.

Satınalmağı tamamlamaq üçün növbəti addım dəqiq şəxsi və hesablama məlumatlarınızı təmin etməkdir. Bitdikdən sonra vurun İndi ödə. İndi etibarlı veb hosting və domen adınız var.

Addım 2: WordPress quraşdırın.

WordPress, iş veb saytınızı yaratmaq üçün istifadə edəcəyimiz veb sayt yaratmaqdır. Tamamilə pulsuzdur, istifadəsi çox asandır, lakin çox güclüdür. Veb saytınızla istədiyiniz hər şeyi etməyə imkan verən minlərlə plugin və mövzularla birlikdə gəlir.

SiteGround həqiqətən sizin üçün WordPress-i tez bir zamanda quraşdıracaq bir klikləyən WordPress quraşdırması ilə gəlir.

Host alışını başa vurduqdan sonra, bir keçid deyilən bir ekran görəcəksiniz “Müştəri sahəsinə keçin”. Bunun üzərinə vurun və yeni host hesabınızı qura biləcəyiniz səhifəyə aparılacaqsınız. Altında Veb saytınızı qurun, seçin Yeni bir veb sayt açın.

Daha sonra quraşdıra biləcəyiniz proqramların siyahısını görəcəksiniz. Seçin WordPress.

wordpress quraşdırın

Prosesi başa çatdırmaq üçün veb saytınız üçün admin giriş məlumatlarını (e-poçt ünvanı, istifadəçi adı və şifrə) təmin etməlisiniz. Bunlar veb saytınızın arxa hissəsinə daxil olmaq üçün istifadə edəcəyiniz detallardır, onları etibarlı saxlamağınızdan əmin olun.

Bitdikdən sonra vurun Təsdiq edin > Tamamlama Quraşdırma. İndi canlı, özünə məxsus WordPress veb saytınız var.

Addım 3: SSL Sertifikatı quraşdırın.

Başqa bir şey etməzdən əvvəl əvvəl göstərdiyim Etibarlı etiketdən xilas olmaq üçün bir SSL Sertifikatı necə quraşdıracağını göstərmək istəyirəm. Altında Hesablarım, vurun CPanelə keçin.

cpanelə getmək

CPanel veb saytınız üçün fərqli proqram və vasitələr quraşdıra biləcəyiniz yerdir. Hər tərəfi aşağıya çevirsəniz, adlı bir bölmə görməlisiniz Təhlükəsizlik. Bu bölmənin altına vurun Şifrələyək.

şifrələməyə imkan verir

SSL sertifikatını quraşdırmaq istədiyiniz sahəni seçin, seçin SSL şifrələyək, və vurun Yüklemek.

İndi yeni veb saytınıza daxil olmağın vaxtı gəldi. Vurun Hesablarım yenidən üst tərəfə vurun Qurğular nişan. Burada qeydiyyatdan keçdiyiniz domen adını görəcəksiniz. Üzərində yaşıldır Admin portalına keçin düyməsini basın. WordPress giriş səhifənizə getmək üçün bu düyməni vurun.

wordpress admin tablosuna keçin

WordPress giriş səhifələri adətən bu formatlara uyğundur: yourdomain.com/wp-adminyourdomain.com/wp-login. Sizin fərqli ola bilər. Lakin giriş səhifənizin URL ünvanını yadda saxlamalı və ya qeyd etməlisiniz ki, növbəti dəfə URL-in ünvan çubuğuna birbaşa yazaraq və artıq Siteground-a girmədən daxil ola bilərsiniz..

WordPress giriş səhifəsi bu kimi görünür:

wordpress giriş səhifəsi

İlk dəfə veb saytınıza daxil olmaq üçün istifadəçi adınızı və şifrənizi buraya daxil edin.

İçəridə olduqdan sonra etməli olduğunuz ilk şey WordPress-də SSL sertifikatı olduğunuzu söyləməkdir. Bunu etmək olduqca sadədir.

Sol tərəf çubuğunda, gedin Parametrlər > Ümumi. Ekranda domen adınız olan iki qutu görəcəksiniz: WordPress Ünvanı (URL) və Sayt ünvanı (URL). Hər iki qutu üçün “http” -dən sonra və “:” nöqtəsindən əvvəl “s” hərfini yazmalısınız.

wordpress-də ssl sertifikatı əlavə olunur

Bitirdikdən sonra vurun Dəyişiklikləri yadda saxla. İndi veb saytınızda domen adının yanında kilidləmə simvolu olmalıdır:

təhlükəsiz veb ilə https

İndi SSL Sertifikatı üçün etməli olduğumuz son şey, ünvanına “http” yazan insanların “https” URL-ə yönləndiriləcəyinə əmin olmaqdır. Bunu etmək üçün bizə bir plugin lazımdır.

Bir plugin quraşdırmaq üçün, keçin Pluginlər > Yenisini əlavə edin. Sağdakı yuxarıdakı axtarış çubuğunda, plugin axtarın Həqiqətən sadə SSL. Quraşdırın və aktivləşdirin.

həqiqətən sadə ssl quraşdırın

Bundan sonra tablosunda bu pop-up mesajını görəcəksiniz:

həqiqətən sadə ssl aktivləşdirin

Mavi vurun Gedin, SSL aktivləşdirin! düyməsini basın. Sistemdən çıxacaqsınız və yenidən girdiyiniz zaman, Həqiqətən Sadə SSL plugin tam effektdədir.

Addım 4: Astra Tema və Astra Saytlarını quraşdırın.

Bir iş veb saytı üçün, fərdiləşməni mümkün qədər asan və sürətli etmək üçün təmiz bir kod və çevik xüsusiyyətlərə sahib bir mövzu istəyirsən. Orada çox sayda keyfiyyətli WordPress mövzusu var, amma burada istifadə edəcəyimiz mövzu Astra Tema.

Astra Tema, əla sürət və sadəliyi olan pulsuz bir WordPress mövzusudur. Ən çox bəyəndiyim şey, lazımlı vasitələrə əsaslanaraq özünü konfiqurasiya etməsidir və bu da işinizi asanlaşdırır. Mükafat xüsusiyyətlərinə daxil olmaq istəyirsinizsə Pro versiyası da var.

astra tema

Budur Astra’nın ən çox sevdiyim xüsusiyyətlər:

  • Mövcud sürətli temalardan biri
  • 100-dən çox Başlanğıc Saytı (Çoxu 100% Pulsuzdur)
  • Çevik Mega Menyu xüsusiyyəti
  • Güclü əlavə paket
  • Geniş WooCommerce Dəstəyi

Astra quraşdırmaq üçün, gedin Görünüş > Mövzu > Yenisini əlavə edin. Astra axtarın, vurun Yüklemek, Aktivləşdirin.

astra quraşdırmaq

Astra ilə əlaqəli başqa bir zəhmli şey, deyilən bir plaginin olmasıdır Astra Başlanğıc Saytları. Bu plugin əvvəlcədən qurulmuş pulsuz və mükafat şablonlarından ibarət bir kitabxanaya sahibdir ki, yalnız bir neçə kliklə öz veb saytınızda istifadə edə bilərsiniz. Saytımızın yaradılması müddətinin yarısını azaltmaq üçün Astra Sayt şablonundan istifadə edəcəyik.

Astra qurduqdan sonra tablosunda bu mesajı görəcəksiniz:

astra saytına başlayın

Vurun Başlamaq. Bu sizin üçün Astra Başlanğıc Saytlarını quraşdıracaqdır. Getməklə Astra Saytlarını da quraşdıra bilərsiniz Pluginlər > Yenisini əlavə edin. Axtarmaq Astra saytları quraşdırın və aktivləşdirin. Astra Saytlarına daxil olmaq üçün bu səhifəyə keçin Görünüşlər >Astra Başlanğıc Saytları.

Səhifə qurucusunu seçmək

Astra Saytları quraşdırıldıqdan sonra hansı səhifə qurucusunu seçdiyinizi soruşacaqsınız: Gutenberg, Elementor, Beaver Builder və ya Brizy. Bu dərsdə mən Elementor-dan istifadə edəcəyəm.

Elementor səhifə quruluşunu yeni səviyyəyə qaldıran bir WordPress səhifə qurucusudur. Dərin bir xüsusiyyət dəsti var, lakin istifadə etmək və master etmək çox asandır. Pulsuz versiya layiqli bir veb səhifəsi yaratmaq üçün kifayətdir, ancaq əlaqə formaları, sürgülər, qiymət cədvəlləri və daha çox əlavə etmək kimi daha inkişaf etmiş xüsusiyyətləri istəyirsinizsə, Pro versiyasına yüksələ bilərsiniz.

Astra saytınızın mövzusunu seçmək

Sayt qurucusunu seçdikdən sonra Astra Saytlar şablonlarının kitabxanasına aparılacaqsınız. Seçə biləcəyiniz ton və parlaq, peşəkar görünüşlü şablonlar var – həm pulsuz, həm də mükafat. Şablonlar aşağıdakı kateqoriyalar üzrə təşkil edilir: Blog, Business, e-ticarət, Pulsuz və digərləri. Bir iş veb saytı yaratdığınız üçün bu yerlərə baxmaq yaxşıdır Biznes bölmə.

Hiss etdiyiniz şablonu markanızla ən yaxından uyğunlaşdıracağınıza vaxt ayırın. Bu şablonlar seçdiyiniz səhifə qurucusu ilə tamamilə düzəldilə bilər, yəni mətni, şəkilləri, düzeni, düymələri və səhifədəki hər şeyi asanlıqla dəyişə bilərsiniz..

Bu dərs üçün mən istifadə edəcəyəm Mühasib şablon, çünki gözlərə inanılmaz və asan görünür.

Mövzunu quraşdırmaq üçün onu əvvəlcədən görüntüləmək üçün basmaq kifayətdir. Gördüklərinizi bəyənirsinizsə, vurun Temalı İdxal et düyməsini basın və qutuların hamısının yoxlandığından əmin olun.

qutular astra saytlar teması

Diqqət etsəniz, deyən bir qutu var “Lazım olan plaginləri quraşdırın”. Bu qutu seçsəniz, mövzu üçün lazımlı bütün plaginləri olduğu kimi görünməsi üçün quraşdıracaqsınız. Bu mövzu üçün WPForms Lite, sadə əlaqə formaları yaratmağa imkan verən bir plugin və istifadə edəcəyim səhifə qurucusu Elementor quraşdırdı. Plaginlərin nə quraşdırılacağını görmək üçün yanında olan kiçik sual işarəsinə vura bilərsiniz.

WPForms effektiv formalar vasitəsilə işinizə keyfiyyətli rəhbərlik almağa kömək edə biləcək bir plagindir. Bu barədə daha çox məlumat əldə etmək üçün WPForms baxışımdan kontrol edə bilərsiniz. fərqli formalar plaginindən istifadə etmək istəyirsinizsə, sadəcə WPForms-u deaktivləşdirə / silə bilərsiniz Pluginlər > Qurulmuş Pluginlər və seçdiyiniz forma qurucusunu quraşdırın.

astra sayt mövzusunu quraşdırmaq

Mövzunun idxalı bir müddət çəkə bilər. Brauzerinizi bağlamayın və Yeniləmə vurmayın. Bunu gözləyin və tamamlandıqda mavi görəcəksiniz Saytı görün düyməsini basın. İndi idxal etdiyiniz mövzuya sahib veb saytınıza aparılmaq üçün həmin düyməni vurun.

Addım 5. Dizayn elementlərinin seçilməsi.

Veb saytınız indi təəccüblü görünür, ancaq bunu özünüz etmək istəyərsiniz. Bunu etmək üçün öz rəng sxeminiz, mətbəə və loqotipiniz lazımdır.

Rəng palitrası ilə başlayaq. Artıq marka rənginiz varsa, bu daha asan olacaq.

Bir rəng palitrası seçilməsi

Bir veb sayt normal olaraq 2-3 rəngdən ibarətdir: əsas, vurğu və pop rəng. The ilkin rəng veb saytınızın dominant rəngidir və çox güman ki marka rəngidir. Bu, insanların markanızı xatırlamaqlarını istədiklərinizdir.

Əsas rənginizi seçərkən rəng psixologiyasını və ya rənglərin insanların qavrayışına və ya davranışlarına necə təsir etdiyini araşdırmalısınız. Müəyyən rənglər insanı bir şey hiss edir, məsələn qırmızı onları vahiməli edir, buna görə əsas rəng seçərkən bu şeyləri nəzərə almalısınız.

The vurğu rəngi adətən başlıqlar və ya yazı başlıqları kimi qalan elementlərdən daha üstün olması üçün istifadə olunur.

Nəhayət, pop rəngi Veb-ün vacib elementlərini, məsələn çağırışa çağırış düymələri və ya qurğuşun nəsil formaları kimi fərqləndirmək üçün rənglərin qalan hissəsi ilə ziddiyyət təşkil edir..

Bir rəng palitrası seçimində istifadə etməyi xoşladığım iki vasitə var. Birincisi Soyuducular.co, Fikir və ya ilham almaq üçün fərqli rəng palitralarına baxa biləcəyiniz bir veb sayt. İstədiyiniz bir şeyi görsəniz, Hex kodunu WordPress-də istifadə etmək üçün tez bir zamanda kopyalaya bilərsiniz.

Tıklasan Kəşf edin başlıqda bu geniş palitranın kolleksiyasını görəcəksiniz:

soyuducu rəng palitrası

İstədiyiniz bir palitranı görürsünüzsə, siçanınızı üzərinə aparın, vurun Bax, və hər rəngin Hex kodlarını görəcəyiniz yeni bir pəncərəyə aparılacaqsınız.

rəng palitrasının hex kodları

Bu Hex kodları veb saytınızdakı bu rənglərdən istifadə etməyiniz üçün lazım olan şeylərdir. Daha sonra bu Hex kodlarını WordPress arxa planında necə istifadə edəcəyinizi sizə göstərəcəyəm.

Başqa bir sərin vasitə Colorzilla-dır. Bu, hər hansı bir veb saytında gördüyünüz istənilən rəngin Hex kodunu sadəcə tıklayarak əldə etməyə imkan verən Google Chrome uzantısıdır.

Colorzilla uzantısını almaq istəyirsinizsə, Bura basın. Sonra vurun Chrome’a ​​əlavə edin.

colorzilla

Daha sonra bu işarəni alətlər çubuğunuzda görəcəksiniz:

colorzilla işarəsi

Beləliklə, bir veb saytında gördüyünüz bir rəngin Hex kodunu bilmək istəyirsinizsə, sadəcə bu işarəni vurun və kopyalamaq istədiyiniz rəngə vurun. Hex kodu sonra avtomatik olaraq kopyalanacaqdır. Bu Hex kodunu WordPress-də müəyyən sahələrə yapışdıra bilərsiniz.

Tipoqrafiyanı özəlləşdirir

Marka kimliyinizə uyğun olan və veb saytınızın seçilməsində kömək edən öz mətbəə istifadə etmək istərdiniz. Veb saytlarda normal olaraq 2-3 şrift var. Rənglərdəki kimi, sizdə də olacaq ilkin şrift başlıq və ya menyu üçün şriftlər olan. Ayrıca a lazımdır bədən şrifti mətnlərin paraqrafları üçün və əlavə “pop şrift“Bəzi mətnlərin fərqlənməsinə kömək etmək.”.

Rənglər kimi markanıza sadiq qalan, gözlərə xoş görünən və markanız haqqında düzgün mesaj göndərən tipografiyaya ehtiyacınız var..

Mətbəə seçərkən ən çox sevdiyim vasitələrdən biridir Fontpair.co. Bu, iki fərqli şriftin necə birlikdə göründüyünü göstərən veb saytdır.

fontpair.co

İstədiyiniz bir şeyi görsəniz, nə adlandığına diqqət yetirin ki, onu WordPress-də axtarıb veb saytınızda istifadə edə bilərsiniz.

Həm də hər hansı bir veb saytda hansı şriftin istifadə olunduğunu söyləyən Google Chrome genişləndiricisi WhatFont-dan istifadə etməyi xoşlayıram..

WhatFont quraşdırmaq üçün, Bura basın sonra vurun Chrome’a ​​əlavə edin. Sonra bu nişanı alətlər çubuğunuzda görəcəksiniz:

nə

Bir şriftin adını bilmək üçün bu işarəni vurun və siçanınızı mətnin üstünə aparın. WhatFont sizə bu şriftin adını söyləyəcək və üzərinə klikləsəniz, şriftin ölçüsünü, rəngini, ailəsini, tərzini, çəkisini və s..

whatfont istifadə

Loqotip əldə etmək

Nəhayət, işinizə markanızın hər şey haqqında danışdığı gözəl bir loqotip lazımdır. Burada üç fərqli marşrutla gedə bilərsiniz. Loqotipinizi adlı pulsuz bir vasitə istifadə edərək özünüz yarada bilərsiniz Canva, dizaynı hətta yeni başlayanlar üçün də asanlaşdıran məşhur dizayn vasitəsidir.

Canva’nın neçə şablon şablonu ilə təəccüblənəcəksiniz və hamısı heyrətamiz görünür. Bu şablonları özünüz etmək üçün dəyişdirə bilərsiniz.

Loqotipi şəffaf bir fon ilə ixrac etmək istəyirsinizsə Pro-a yüksəltməli olduğunuzu bilməlisiniz. Bir aylıq pulsuz sınaq versiyası var, buna görə nə edə bilərsiniz, Pro-a yüksəldin, şəffaf loqotipinizi ixrac edin və sınaq bitməmişdən əvvəl ləğv edin.

canva loqotipləri

Bunu sizin üçün etmək üçün bir logo dizayneri də işə götürə bilərsiniz. Fiverr.com və ya 99design kimi veb saytları sınayabilirsiniz, ancaq üslublarına, iz rekordlarına, rəylərinə, reytinqlərinə və daha çoxuna görə sənətçi seçərkən diqqətli olmalısınız.

Üçüncü marşrut və güclü bir marka loqotipi istəsəniz bir dizayn strateqi / məsləhətçisi işə götürmək istəsəniz yaxşı bir fikirdir. Bu kimi insanlar markanın nə olduğunu, işinizin hara getdiyini və əsas dəyərlərinizin loqotipə daxil ola biləcəyini anlamağa vaxt ayıran mütəxəssislərdir..

Addım 6. Veb saytınızı özelleştirin.

Veb saytınız üçün rəng palitrası, şriftlər və loqotipə sahib olduqdan sonra onları veb saytınızda istifadə etməyin vaxtı gəldi. Əgər WordPress arxa planlama panelində olsanız, gedin Görünüş > Özəlləşdirmək mövzu Customizer açmaq üçün.

temanı özelleştirin

Veb saytınızın ön hissəsindəsinizsə buraya da gedə bilərsiniz. Ekranınızın yuxarı hissəsində yalnız bir veb saytınıza daxil olanlar üçün görünən bir qara bar olmalıdır. Vurun Özəlləşdirmək mövzu Customizer açmaq üçün.

mövzu cəbhəsini dəyişdirin

Tema tənzimləyicisinin içərisində olduqdan sonra loqotipinizi əlavə edə, rəngləri dəyişdirə, sayt tərtibatını dəyişə və daha çox şey əldə edə bilərsiniz..

mövzu özelleştiricisi

Sol tərəfdəki paneldə veb saytınızı dəyişdirmək üçün müxtəlif variantları görəcəksiniz. Hər bir mövzunun fərqli özelleştirme variantları var, buna görə fərqli bir mövzu istifadə edirsinizsə, burada gördükləriniz mənimkindən bir az fərqli ola bilər. Burada etdiyiniz bütün dəyişikliklər veb saytınızda real vaxt göstərilir.

Saytınızdakı rəngləri dəyişdirmək üçün bu mövzuya keçin Rənglər və arxa plan. Əsas rəngləri, çörək qırıntılarını, başlıqları və alt kolları dəyişdirmək seçiminiz olacaq.

rəng fon redaktoru

Əsas rənglər mövzu rəngidir, link rəngi, mətn rəngi və veb saytınızın link hover rəngidir. Əsas rəngləri dəyişdirmək üçün vurun Əsas rənglər. İçəridə, deyən düymələri görürsən Rəng seçin. Müəyyən bir rəng dəyişdirmək üçün bu düymələri vurun.

Məsələn, Tema Rəngini dəyişdirmək üçün vurun Rəng seçin yanında. Daha sonra rəng seçmək üçün iki yol görəcəksən. Birincisi, bir qutuya Hex kodu yapışdıra bilərsiniz. Əvvəlki addımda Hex kodları ilə bağlı danışdıqlarımızı xatırlayırsınızsa, bu Hex kodlarını daxil edə biləcəyiniz sahələrdir..

Buna görə Coolors.co və ya başqa yerlərdə bir rəng tapmış olsanız, Hex kodunu buraya yapışdıra bilərsiniz. Daxili rəng seçmə alətində bir rəng də seçə bilərsiniz.

əsas rəng redaktoru

Sonrakı mətbəəinizi dəyişdirir. Yan çubuğun yuxarı hissəsindəki arxa oxu tıklayaraq Customizatora qayıdın Tipoqrafiya. Baza, çörək qırıntısı, məzmun və blog tipografiyasını dəyişdirə biləcəksiniz.

mətbəə

Nəhayət, loqotipinizi yükləmək üçün gedin Layihə > Başlıq > Sayt kimliyi. Loqo bölməsində, vurun Loqotipi dəyişdirin düyməsini basın və loqotipinizi yükləyin.

logo dəyişdirin

Astra, retina və ya yüksək qətnamə qurğuları, eləcə də mobil qurğular üçün fərqli bir logo istifadə etməyə imkan verir. Loqotipin genişliyini də tənzimləyə bilərsiniz. Aşağıya diyirləsəniz, saytınızın adını dəyişdirə, sayt etiketi əlavə edə və sayt simvolu və ya favicon ilə tanış ola bilərsiniz.

Buradakı edə biləcəyiniz fərqli işləri görmək üçün tema tənzimləyicisini araşdırmağı təklif edirəm. Astra Theme başlıq və altbilginizin düzenini dəyişdirmək, blog yazı quruluşunu dəyişdirmək, saytınızın nə qədər geniş olacağını dəyişdirmək və daha çox şey etməyə imkan verir..

Fərdi düzəliş etdikdən sonra vurmağı unutmayın Dərc et dəyişikliklərinizi saytınızda canlı etmək üçün.

Addım 7. Veb saytınızı Elementor ilə özelleştirin.

Artıq veb saytınızın rəngləri, mətbəə və loqotipiniz müəyyən edildiyi üçün Elementor-a tullanmağın və veb saytın markanıza uyğun olmasını necə dəyişdirməyin vaxtı gəldi. Şəkilləri, mətnləri, düymələri, düzeni və daha çoxunu dəyişdirəcəyik.

Elementor ilə bir səhifə düzəltməyin iki yolu var. Əvvəlcə arxada oturursan, gedin Səhifələr və veb saytınızın bütün səhifələrinin siyahısını görməlisiniz. Buraya Astra Saytının avtomatik olaraq yaratdığı səhifələr daxildir. Müəyyən bir səhifə qurucusu (məsələn, Elementor) ilə hazırlanmış səhifələr belə etiketlənəcəkdir:

səhifələr

Elementor ilə redaktə etmək istədiyiniz səhifəyə siçanınızı vurun və vurun Elementor ilə düzəldin.

elementor backend ilə redaktə edin

Elementorun içərisinə aparacaqsınız.

Veb saytınızın ön hissəsindəsinizsə, redaktə etmək istədiyiniz səhifəyə keçərək Elementor-a girə bilərsiniz Elementor ilə düzəldin yuxarıdakı qara barda:

elementor cəbhə ilə düzəliş edin

Elementor interfeysi başa düşmək və öyrəşmək üçün sadədir, çünki tema tənzimləyicisinə olduqca bənzəyir. Ekranın əksəriyyəti sol tərəfdə redaktə etdiyiniz səhifəni idarəetmə və seçimləri olan bir paneldir.

elementor

Diqqət etsəniz, başlıq Elementor daxilində görünə bilməz. Səbəb Elementor-un pulsuz versiyasının başlıqları və altbilgiləri düzəldə bilməməsidir. Bu xüsusiyyət yalnız Elementor Pro üçün mövcuddur.

Sol tərəf çubuğunu tapa biləcəyiniz yerdir elementlər səhifənizə əlavə edə biləcəyinizi. Gördüyünüz kimi bir başlıq, şəkil, video, düymə, bölücü və daha çox əlavə edə bilərsiniz. Bu elementləri istədiyiniz əraziyə sürükləmək və atmaqla əlavə edə bilərsiniz.

Elementor ayrıca iç içindəki mətni dəyişdirə biləcəyiniz daxili mətn redaktəsinə imkan verir. Elementor daxilindəki mətnlərlə edə biləcəyiniz bəzi şeylər:

elementor mətn redaktə

Gördüyünüz kimi, mətni çox asanlaşdıran məzmun bölgəsində düzəldə və ya silə bilərsiniz. Yan çubuğunda ölçüsü, rəngini, çəkisini, mətbəə ailəsini və kölgəni dəyişdirmək kimi daha çox özelleştirme seçimlərini tapa bilərsiniz. Ayrıca sadə solğunluq, böyütmə, sürüşmə və daha çox kimi animasiyalar əlavə edə bilərsiniz.

Bu veb saytı tam özünüz etmək üçün öz şəkillərinizdən istifadə etmək istərdiniz. İstədiyiniz budursa, asanlıqla bir görüntü dəyişdirə və ya silə bilərsiniz. Bir görüntüyü düzəltmək üçün üzərinə vurun və seçimlər sol çubuğunda görünəcəkdir. Yeni bir şəkil yükləyə, ölçüsünü dəyişdirə, bir haşiyə və ya kölgə əlavə edə, bir animasiya əlavə edə bilərsiniz və s.

elementor şəklində düzəliş

Veb saytım üçün bu görüntünü tamamilə silmək və sadəcə fərqli bir fon şəklini istifadə etmək istəyirəm. Şəkli silmək üçün siçanın üzərinə süründürün və üzərinə sağ vurun mavi qələm simgəsi yuxarı sağ küncdə. Açılan bir menyu görünür. Vurun Silin görüntünü çıxarmaq.

elementor bir şəkil silmək

Başlığı düzəltmək üçün siçanınızı üzərinə aparın və yuxarıdakı nöqtəli simgəni vurun:

elementar başlıqda fərdiləşdirmə

Başlıq üçün özelleştirme seçimləri daha sonra sol tərəf çubuğunda görünəcəkdir. Başlığın arxa görüntüsünü dəyişdirmək üçün vurun Üslub və getmək Fon. Yeni bir fon yükləyə biləcəyiniz yer budur.

başlığı düzəltmək

Gördüyünüz kimi, görüntünü yüklədikdən sonra görüntünün aydın göründüyünə əmin olmaq üçün arxa örtüyü düzəltdim. Bunu getməklə etdim Arxa plan örtüyü və qeyri-şəffaflığı tənzimləmək.

Görülə biləcəyinə əmin olmaq üçün mətnin rəngini də düzəltdim və mətnin görüntü ilə üst-üstə düşməməsi üçün düzəltdim. Bunu getməklə etdim Ətraflı > Xüsusi Yerləşdirmə və seçmə Xüsusi genişlik üçün.

Çarpıcı bir veb səhifə yaratmaq Elementor ilə asandır. Sadəcə bir çox variant mövcuddur, buna görə də hər çəngəl və qarğıdalı araşdırmaq kifayətdir. Bunu öz sürətinizlə araşdıra bilərsiniz və anlamadığınız bir şey varsa, aşağıdakı şərh bölməsi vasitəsi ilə mənimlə əlaqə qura bilərsiniz və ya hətta Elementor’un hərtərəfli axtarışını edə bilərsiniz bilik bazası.

Elementor dərsliyim də var, burada sizə Elementor’a necə sürətli başlamaq lazım olduğunu göstərim. İzləyə bilərsiniz burada.

Addım 8. Veb saytınızı təmin edin.

Bir iş saytının mümkün hack və şəxsiyyət oğurluq sxemlərindən mümkün qədər etibarlı olması çox vacibdir. Məsələ burasındadır ki, bəziləriniz zəif şifrələr, plugin həssaslıqları və köhnəlmiş proqram təminatı sayəsində kiberhücumlara həssas ola bilərsiniz. Bu şeylər veb saytınıza bir deşik buraxır və bu delikləri bağlamaq üçün bir yol tapmalısınız.

İndiyə qədər tapdığım ən yaxşı WordPress plugin bu iHelp Təhlükəsizlikdir. Bu plaginin pulsuz versiyası artıq güclü təhlükəsizlik xüsusiyyətlərini təklif edir və yalnız bir kliklə aktivləşdirə bilərsiniz.

İHelp Təhlükəsizlik quraşdırmaq üçün yuxarıya başlayın Pluginlər > Yenisini əlavə edin sonra axtarın iHelp Təhlükəsizlik.

sxemləri quraşdırın

Aktivləşdirildikdən sonra yan çubuğunda yeni bir seçim görəcəksiniz Təhlükəsizlik. Getmək Təhlükəsizlik > Parametrlər və iHelp sizin üçün edə biləcəyi fərqli xüsusiyyətlər barədə bir mesaj görməlisiniz.

təhlükəsiz sayt sxemləri

Bütün bu xüsusiyyətlərin işə salınması mavinin yalnız bir klikini çəkir Təhlükəsiz Sayt düyməsini basın. Bu düyməni basdıqdan sonra bu mesajı görəcəksiniz:

şəbəkə kobud güc qorunmasını aktivləşdirin

Şəbəkə Güc Qoruması, bu şəbəkənin üzvü olan digər saytlara girməyə cəhd edən istifadəçilərin avtomatik olaraq sənin içinə girməyini qadağan etdiyi bir xüsusiyyətdir. Bu e-poçt ünvanınızı təmin etmək və vurmaq üçün aktivləşdirmək üçün yalnız iHelp-in olduqca yaxşı bir xüsusiyyətidir Şəbəkə brute Force qorunmasını aktivləşdirin.

Bir neçə kliklə veb saytınız indi etibarlıdır. Bu plugin ilə daha çox şey edə bilərsiniz və bu barədə daha çox məlumat əldə etmək istəyirsinizsə, mənim iHelp Təhlükəsizlik nəzərdən keçirmə və quraşdırma dərslərimi izləyə bilərsiniz burada.

Addım 9. Veb saytınızın ehtiyat nüsxəsini çıxarın.

Hər hansı bir məlumatınızı itirmənin mümkün olan uğursuz hadisəsindən özünüzü xilas etmək üçün veb saytınızın ehtiyat nüsxəsini yaratmalısınız. Bunun üçün istifadə edəcəyik UpdraftPlus Backup.

Bu plagini quraşdırmaq üçün bu səhifəyə keçin Pluginlər > Yenisini əlavə edin və axtarın UpdraftPlus Backup. Quraşdırın və aktivləşdirin.

upgraderaftplus quraşdırın

Aktivləşdirildikdən sonra yeni bir seçim yaradacaqdır Parametrlər çağırdı UpdraftPlus Yedekləmə. Yedek parametrlərinizi konfiqurasiya etməyə başlamaq üçün vurun.

ayarlarda yüksraftplus ehtiyat nüsxələri

İçəri daxil olduqdan sonra vurun Parametrlər. Burada kənarda avtomatik yedekləmə işləri mütəmadi aparılacağı şəkildə qurulacağıq. Üçün Faylların ehtiyat cədvəli, Bunu təyin etməyi məsləhət görürəm həftəlik və birini saxlayır ehtiyat. Fayllar tez-tez dəyişmir, buna görə kifayətdir.

Kimi Verilənlər bazası ehtiyat cədvəli, bu tez-tez dəyişdiyindən onu təyin edin gündəlik və 7 ehtiyat nüsxəsini saxlayın.

İş qrafiklərini qurduqdan sonra aşağı diyirləyin və vurun Dəyişiklikləri yadda saxla. Sonra ehtiyat nüsxələrinizi saxlamaq istədiyiniz yeri seçmək üçün yenidən fırladın. Dropbox’u ümumiyyətlə tövsiyə edirəm, çünki istifadə etmək çox asandır, ancaq hər hansı bir şeyi və istədiyiniz qədər istifadə edə bilərsiniz.

upgraderaftplus ehtiyat nüsxələrini qurmaq

Tercih etdiyiniz uzaqdan yadda saxlama düyməsini vurun Dəyişiklikləri yadda saxla yenidən. Daha sonra bu mesajı görəcəksiniz:

uzaqdan saxlama identifikasiyası

YenilənmişPlus Yedekləmə sənədlərini seçilmiş yaddaşınıza saxlamaq üçün icazə vermək üçün bu linki vurmalısınız. Bu nümunədə, Dropboxu seçdiyim üçün bu linki tıkladığım məni Dropbox giriş səhifəsinə aparacaqdır. Girişdən sonra bu mesajı görəcəyəm:

tam quraşdırma upgraderaftsplus backup

Sadəcə vurmalıyam Tamamilə quraşdırma, və yuxarıdakı bu təsdiq mesajı ilə WordPress-də UpdraftsPlus yenilənməsinə geri qaytarım:

identifikasiya tam modernraftplus

Bir yedek etmək istəyirdimsə, göyə vurmağım lazımdır İndi Yedəkləmə düyməsini basın. UpdraftPlus, əvvəlcədən hazırladığım cədvələ uyğun olaraq ehtiyat nüsxələr yaradacaq və DropBox-a basacaq.

Bir nüsxə bərpa etmək istəyirsinizsə, vurun Mövcud ehtiyat nüsxələri və vurun Bərpa edin.

Addım 10. Veb saytınızı optimallaşdırın.

Son pillədəyik və bu addımda veb saytınızı Google kimi axtarış motorları üçün necə optimallaşdıracağını görəcəyik. Əminəm ki, əksəriyyətiniz SEO və ya axtarış motorlarının optimallaşdırılması barədə eşitmisiniz. Bir sözlə, veb saytınızın axtarış motorları səhifələrinizi tapmaq və nəticələr səhifələrində göstərmələrini asanlaşdırmaq üçün doğru yolun optimallaşdırıldığından əmin olmaq təcrübəsidir..

SEO adlı bir cəhət var səhifədə SEO, və bunlar veb saytınızda və məzmununuzda olan axtarış motorları ilə dəqiq əlaqə qurmaq üçün WordPress içərisində veb saytınızda tətbiq edə biləcəyiniz təcrübələrdir..

Bunlar tətbiq etmək üçün ehtiyac duyduğunuz bəzi SEO ən yaxşı təcrübələrdir:

  • Hər səhifə və yazı üçün bir meta adı və meta təsviri yazın.
  • Açar sözlər və ya əsas ifadələr əlavə edin və bunları bütün məzmun boyunca istifadə edin.
  • Səhifənizdəki / yazıdakı hər bir şəkil üçün ALT TXT əlavə edin.

İndi bunların nə olduğunu bilmirsinizsə, yaxşıdır. Bunları öyrənmək çox asandır. Meta adı Google Nəticələrində göstərilən başlıqdır və meta təsviri başlığın altındakı qısa təsvirdir. Bir nümunə:

google axtarış nəticəsi nümunəsi

Açar söz istifadəçilərin bir şey axtarmaq üçün axtarış sisteminə yazdıqlarıdır. Meta başlıq nəticənin başlığıdır və meta təsviri aşağıdakı qısa təsvirdir. Bunlar vacib məlumatlardır, çünki Google-a səhifənin nə olduğunu və “salon New York” əsas ifadəsi ilə əlaqəli olduğunu izah edirlər..

Bu səhifədəki SEO texnikalarının qısa siyahısı, çünki burada çox iş var. Ancaq hələlik bunlara diqqət yetirəcəyik.

Bunları etmək üçün bizə bir plugin lazımdır. Səhifədəki ən yaxşı SEO WordPress eklentilərindən biri Yoast SEO-dur və biz bu dərslikdə istifadə edəcəyik. Bu plugin quraşdırmaq üçün sadəcə getmək lazımdır Pluginlər > Yenisini əlavə edin və axtarın Yoast SEO. Vurun İndi quraşdırın Aktivləşdirin.

yoast seo quraşdırın

İndi hər hansı bir səhifəyə və ya yazıya keçəndə redaktorun altındakı bu yeni qutu görəcəksən:

yoast seo qutusu

Meta başlığınızı, meta təsvirinizi və açar sözlərinizi əlavə edə biləcəyiniz yer budur. Açar söz əlavə etmək üçün onu aşağıdakı qutuya yazın Fokus açar sözlər:

bir söz əlavə edin

Bir meta adı və təsviri əlavə etmək üçün vurun Parçanı düzəldin düyməsini basın.

parça düzəldin

SEO başlığı altında meta başlığınızı əlavə edəcəyiniz yerdir. Fokus açar sözünüzü buraya daxil etmək yaxşı bir təcrübədir. Meta təsviri sahəsində səhifənin nə ilə əlaqəli olduğu barədə dəqiq bir fikir verməlisiniz və buraya açar sözlər də əlavə etməlisiniz.

SEO başlığı və meta təsviri sahəsinə bir şey yazdığınızda, onun altındakı bir narıncı tərəqqi çubuğunu görəcəksiniz. Bu o deməkdir ki, mətn hələ çox qısadır. Yaşıl rəngə çevrildikdən sonra bu, mətninizin uzunluğunun düzgün olduğunu göstərir. Qırmızı rəngə dönərsə, çox uzun və onu qısaltmalısınız. Uzun başlıqlar və təsvirlər nəticə ilə kəsilir, buna görə yaşıl ərazidə qalmaq daha yaxşıdır.

Etmək istədiyiniz başqa bir şey, sitemapınızın effektiv və həqiqətən işlədiyinə əmin olmaqdır. Bunu etmək üçün, getmək Yoast SEO > Ümumi > Xüsusiyyətləri. Görənə qədər aşağı diyirləyin XML xəritələri. Bunun effektiv olduğundan əmin olun və mavini vurun sual işarəsi işarəsi. Daha sonra deyilən bir bağlantı görəcəksiniz XML sayt xəritəsinə baxın. Sayt xəritənizi görmək üçün vurun.

sayt xəritələrini təmin edir

Çoxlarınız üçün bu 404 səhifəyə apara bilər. Ancaq əsəbləşməyin. Düzəltmə olduqca sadədir. Bütün bunları etməlisən Parametrlər > Permalinks. Seçin Yazı adı vurdu Dəyişiklikləri yadda saxla.

ismin adı permalink

İndi yenidən XML sayt xəritəsinə daxil olmağa çalışdığınız zaman belə bir şey görərsiniz:

xml sayt xəritəsi

Qucaqlamaq

Və bu WordPress ilə bir iş veb saytı yaratmaq üçün bu təlimatı tamamlayır. Bu təlimatı izləməklə çox iş görməyinizə və çox şey əldə etdiyinizə görə çiyinlərə vurmaq istərdim. Hər hansı bir sualınız varsa, onları şərh bölməsindən aşağıya atın və kömək etməkdən məmnunam.

Saytın ətrafı

SiteGround, WordPress istifadəçilərinə qonaq olduqları və hələ də əlverişli qiymətə sahib olduqları üçün onlayn olaraq çox tövsiyə edilən bir veb hostdur. Sürətli performansı və eyni dərəcədə sürətli dəstəyi ilə ən məşhurdurlar.

Əsas sayt ətrafındakı xüsusiyyətlər:

  • Pulsuz SSL Sertifikatı
  • FAST bilikli dəstək
  • WordPress Səhnələşdirmə mühiti
  • Pulsuz veb miqrasiya
  • Gündəlik Yedəkləmə

SiteGround veb hosting ehtiyacları üçün möhkəm bir seçimdir. Onlar WordPress saytlarını maraqlandırır və rəqiblərindən daha az resurs təklif edirlər, lakin daha yüksək etibarlılıq.

Saytın ətrafını yoxlayın

Astra teması

Astra, sürətə yönəlmiş pulsuz bir WordPress mövzusudur. İsteğe bağlı olaraq, əlavə parametrlər və seçimlər əlavə edən Pro versiyasını 59 dollara satın ala bilərsiniz.

Açar Astra Tema Xüsusiyyətləri:

  • Fastes mövzusu deyil, lakin heç bir şirindir
  • Pulsuz Demo Saytları
  • Flexable Mega Menyu Xüsusiyyəti
  • Xüsusi Layout Seçimləri
  • WooCommerce Dəstəyi
  • LearnDash dəstəyi

Astra Tema, hər hansı bir WordPress veb dizayn layihəsi üçün ədalətli bir seçimdir. Güman edirəm ən böyük sual budur ki, bu günlərdə bir səhifə almağa ehtiyacınız varsa səhifə inşaatçıları sizin üçün bir mövzuya ehtiyac duyacağınız eyni işləri görürlər. Məsələn, Elementor səhifənizin qurucusuna bütün işləri görməyə imkan verən pulsuz Salam mövzusu var.

Bir pro mövzu almaq üçün hələ yaxşı səbəblər var, lakin əksər insanlar üçün, çox güman ki, pulsuz bir mövzu ilə yaxşı olacaqlar.

Mənə baxmayaraq, Astra Tema cərəyanına uyğun gəlmədiyini düşünürəm və artıq tövsiyə etmirəm.

Quraşdırılmış başlıq və alt quruluşçu inşaatçıları 3 layout ilə məhdudlaşdırılan vs daha çox çevik səhifə və yazı sxemləri təklif edən daha yaxşı müasir mövzular mövcuddur..

Astra mövzusuna baxın

Elementor

Elementor, WordPress veb dizaynını fırtına ilə qəbul edən bir WordPress səhifə qurucusudur. Ən dərin xüsusiyyət dəsti var, hələ istifadə etmək və master etmək çox asandır. Elementor, ən tam xüsusiyyətli pulsuz səhifə qurucusudur. Əlavə geliştirici xüsusiyyətlərini əlavə etmək üçün Pro əlavəsi də var.

Açar Elementor Xüsusiyyətləri:

  • Canlı Ön səhifə səhifəsi redaktoru
  • Veb saytın şəxsiyyət xüsusiyyətləri
  • Şablon və Blok Kitabxanası
  • Geniş mobil cavablandırıcı seçimlər
  • Ən güclü Popup İnşaatçısıdır
  • PRO Xüsusi başlıqlar / altbilgilər yaradın
  • PRO Post Type Layout yaradın

Elementor, hazırda mövcud olan ən güclü səhifə qurucusudur. Ardıcıl olaraq hazırkı dizayn meyllərinə uyğun yeni xüsusiyyətləri buraxırlar. Bu, veb saytınızı qoruyub saxlaya biləcəyiniz deməkdir.

Elementor Pro, daxil olduğu bütün əlavə modulları və güc xüsusiyyətlərini nəzərə alaraq inanılmaz bir dəyərdir.

Bu gün yeni bir veb sayt layihəsinə başlamış olsaydım Elementor seçəcəyim səhifə qurucusu olardı. Hesab edirəm ki, istifadəsi xoş olan bir WordPress səhifə qurucusuna sahib olmalısınız.

Elementoru yoxlayın

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