Веб-сайтты қалай құруға болады (Қадамдық нұсқаулық): 4 қадам

2024 Автор: John Day | [email protected]. Соңғы өзгертілген: 2024-01-30 10:24

Бұл нұсқаулықта мен сізге көптеген веб -әзірлеушілер өз сайттарын қалай құратынын және үлкен сайт үшін тым шектеулі қымбат веб -сайт жасаушылардан қалай аулақ болуға болатынын көрсетемін.

Мен сізге жаңа бастаған кезде жасаған қателіктерімді болдырмауға көмектесемін.

1 -қадам: Веб -хостинг алыңыз және домен атауын тіркеңіз

WordPress (немесе кез келген басқа веб -сайтты) орнату үшін сізге екі нәрсе қажет:

• Домен атауы (YourSiteName.com сияқты веб -адрес)
• Веб -хостинг (сіздің сайтыңызды интернетке қосатын қызмет)

Суреттерді, мазмұнды және веб -сайт файлдарын сақтау үшін сізге веб -хостинг қажет болады. Веб -хостингсіз сіздің веб -сайтыңыз Интернетте көрінбейді.

Өзіңіздің домен атыңызға ие болу сіздің сайтыңызды басқа біреудің доменінде ұстауға қарағанда әлдеқайда кәсіби болып көрінеді (мысалы, yourbusiness.my-free-website.com) және бұл өте қолжетімді. Көптеген хостинг провайдерлері домендерді бір жылға ТЕГІН ұсынады (әдетте ~ 15 доллар/жыл).

Қысқаша айтқанда - веб -хостинг пен домендік атау болмаса, сіздің веб -сайтыңыз болмайды.

Домен атауын қайда тіркеймін және веб -хостингті аламын?

Толық ақпарат: егер сіз Bluehost -ты осы нұсқаулықтағы сілтеме сілтемелері арқылы сатып алсаңыз, мен комиссия аламын. Бұл маған WebsiteSetup-ті жаңартуға және жаңартуға көмектеседі. Қолдау көрсеткеніңе рахмет.

Мен көбінесе Bluehost -ты веб -хостинг және тегін домен тіркеуші ретінде қолдандым.

Олардың бастапқы бағасы айына $ 2.75 -тен басталады және олар қазіргі уақытта тегін домен атауын береді (бірінші жыл) - сондықтан оларды тексерген жөн.

Олар сонымен қатар нарықтағы ең танымал хостинг-провайдерлердің бірі болып табылады, сондықтан олар сіздің веб-сайтыңызды орналастыруға жеткілікті сенімді және қауіпсіз.

Олардың серверлерінің көпшілігі АҚШ -та орналасқанына қарамастан, олар бүкіл әлемнен көптеген трафикті басқара алады. Және бұл сіздің жергілікті хосттан арзан болуы мүмкін.

Еуропада тұратын адам ретінде мен оларды әлі де қолдануды жөн көремін. Домен атауы мен хостинг бар ма?

Жалғастырыңыз және 2 -қадамға өтіңіз, онда мен сіздің веб -сайтыңызды қалай құруға болатынын түсіндіремін.

Төменде веб -хостинг провайдеріне қалай тіркелу керектігін (және егер сізде әлі жоқ болса, домендік атауды) жүктеңіз:

2 -қадам: веб -сайтыңызды орнатыңыз

Сіз өзіңіздің домен атыңызды сатып алып, хостингті орнатқаннан кейін, сіздің жолыңыз жақсы!

Енді сіздің веб -сайтыңызды іске қосатын уақыт келді. Сізге қажет бірінші нәрсе - доменге WordPress орнату.

WordPress орнату

WordPress -ті орнатудың екі әдісі бар, біреуі екіншісінен әлдеқайда жеңіл.

1. WordPress (немесе Joomla мен Drupal) көмегімен веб-сайт құру үшін «бір рет басу арқылы орнатуды» қолданыңыз:

Кез келген дерлік сенімді және сенімді хостингтік компания WordPress үшін бір рет басу арқылы орнатуды біріктірді, бұл тез арада жұмыс жасауға мүмкіндік береді.

Егер сіз Bluehost-пен немесе басқа ұқсас хостинг компаниясымен тіркелген болсаңыз, есептік жазбаңыздың басқару тақтасында «1 шерту арқылы орнатуды» табуыңыз керек.

Міне, сіз орындауға болатын қадамдар (барлық ірі веб -хостинг компанияларында ұқсас/бірдей болуы керек):

1. Хостинг (Bluehost) есептік жазбасына кіріңіз.
2. Басқару тақтасына өтіңіз.
3. «WordPress» немесе «Веб -сайт» белгісін іздеңіз.
4. Жаңа веб -сайтты орнатқыңыз келетін доменді таңдаңыз.
5. «Қазір орнату» түймесін басыңыз, сонда сіз жаңа WordPress веб -сайтына кіре аласыз.

(2 -суретті тексеріңіз)

2. НЕМЕСЕ ҚОЛМЕН ОРНАТУ (Bluehost немесе ұқсас хостты қолданбайтындар үшін):

Егер қандай да бір себептермен (кейбір хостингтік компаниялар WordPress үшін бір рет нұқуды қамтамасыз етпесе), сізде WordPress-ті автоматты түрде орнату мүмкіндігі болмаса, төмендегі нұсқаулықты қараңыз:

1) WordPress -ті мына жерден жүктеңіз:

2) Жұмыс үстелінде жаңа қалта жасаңыз және оған WordPress -ті ашыңыз

3) wp-config-sample.php деп аталатын файлды іздеңіз және оның атын келесіге өзгертіңіз: wp-config.php

4) Енді wp-config.php файлын ашыңыз (мысалы, блокнотпен) және келесі жолдарды толтырыңыз:

• анықтау ('DB_NAME', 'database_name_here'); - Деректер базасының атауы (егер сіз оны білмесеңіз, хостинг қолдауынан сұраңыз)
• анықтау ('DB_USER', 'username_here'); - Сіздің хостинг атыңыз
• анықтау ('DB_PASSWORD', 'password_here'); - Сіздің хостинг пароліңіз

Бос орындарды толтырғаннан кейін файлды сақтаңыз.

5) Енді ftp хостингіне кіріңіз (ол үшін FileZilla жүктеңіз). FTP мекенжайы әдетте ftp.yourdomain.com болып табылады, пайдаланушы аты мен құпия сөз сіздің хостқа тіркелген кездегідей

6) «index» деп аталатын файл болса - оны жойыңыз. Осыдан кейін барлық файлдарды WordPress қалтасынан FTP серверіне жүктеңіз. FileZilla -де «drag n drop» функциясын қолдануға болады деп ойлаймын

7) Алдыңғы қадамдарды аяқтағаннан кейін URL мекен-жайына өтіңіз: yourdomain.com/wp-admin/install.php Бұл сіз көретін бет: (Жоғарыдағы 3 суретті тексеріңіз)

Тек формаларды толтырыңыз және сіз дайынсыз!

Pssst-егер оларда бір рет басу болмаса, мүмкін сіз жаман хостпен жұмыс жасайсыз!

3 -қадам: Сіздің веб -сайтыңызды жасаңыз

WordPress доменіңізге сәтті орнатылғаннан кейін сіз өте қарапайым, бірақ таза сайтты көресіз.

Бірақ сіз басқаларға ұқсағыңыз келмейді, солай ма?

Сондықтан сізге WordPress қажет - бұл сіздің веб -сайтыңыздың қалай көрінетінін көрсететін дизайн шаблоны. Орнатуға болатын WordPress ақысыз тақырыбының мысалын қараңыз:

(2 -суретті қараңыз)

Мұнда қызықты болады: 1500+ таңғажайып, кәсіби түрде жобаланған тақырыптар бар, оларды таңдауға және жеке отыруға бейімдеуге болады.

WordPress тақырыптарының көпшілігін пайдалану тегін және өте ыңғайлы.

Сізге ұнайтын тақырыпты қалай табуға болады

1. WordPress бақылау тақтасына кіріңіз: Егер сіз мұны білмесеңіз, мына жерге теріңіз: https://yoursite.com/wp-admin («сіздің сайтыңызды» доменмен ауыстырыңыз). WordPress бақылау тақтасы келесідей көрінеді:

(3 -суретті тексеріңіз)

2. ТЕГІН тақырыптарға қол жеткізіңіз: Сіз бақылау тақтасында болсаңыз, 1500 -ден астам тегін тақырыпқа қол жеткізе аласыз! Бүйірлік тақтадан «Сыртқы түрі» іздеңіз, содан кейін «Тақырыптар» түймесін басыңыз.

Егер сіз мұнда тапқаннан гөрі кәсіби немесе талғампаз нәрсе алғыңыз келсе, сіз ThemeForest.net сайтына кіре аласыз, онда әр түрлі бағамен таңдауға болатын тақырыптардың үлкен кітапханасы бар.

Бірақ мұны жасамас бұрын, мен сізге ақысыз тақырыптарды қарап шығуға уақыт бөлуге кеңес беремін. Олардың көпшілігі шын мәнінде кәсіби және жақсы жасалған; сондықтан оларды есептен шығармаңыз.

Жоғарыда көріп тұрғаныңыздай, сіздің веб -сайтыңызға жаңа тақырыпты орнату өте оңай.

Сіз өзіңіздің стиліңізге сәйкес тақырыптарды табу үшін арнайы кілт сөздерді іздей аласыз және/немесе сүзгілерді қолдана аласыз. Жақсы тақырыпты табу біраз уақытты алуы мүмкін, бірақ бұл тұрарлық.

Сіз сондай -ақ «жауап беретін» тақырыптарды іздеуіңіз керек, себебі олар кез келген мобильді құрылғыда жақсы көрінеді. Оны кілт сөздердің бірі ретінде енгізіңіз, сонда бәрі дайын болады!

3. Жаңа тақырыпты орнатыңыз

Сізге ұнайтын тақырыпты тапқаннан кейін, оны орнату «Орнату» түймесін басу, содан кейін «Іске қосу» сияқты қарапайым.

МАҢЫЗДЫ: Тақырыптарды өзгерту алдыңғы жазбаларды, беттер мен мазмұнды жоймайды. Сіз жасаған тақырыптарды жоғалтып алудан қорықпай тақырыптарды қалағаныңызша жиі өзгерте аласыз.

4 -қадам: Веб -сайтқа мазмұн қосыңыз

Тақырып орнатылған кезде сіз мазмұн құруға кірісуге дайынсыз. Кейбір негіздерді тез арада қарастырайық:

Беттерді қосу және өңдеу:

«Қызметтер» бетін немесе «Мен туралы» бетін алғыңыз келе ме (мендегі сайттың жоғарғы жағындағы мәзірде сияқты)?

1. WordPress бақылау тақтасындағы «Беттер» -> «Жаңасын қосу» үшін бүйірлік тақтаны қараңыз.

2. Сіз Microsoft Word -те көрген нәрсеге ұқсас экранды таба аласыз. Қажетті бетті құру үшін мәтінді, суреттерді және басқаларын қосыңыз, содан кейін оны аяқтағаннан кейін сақтаңыз. (Жоғарыдағы суретті қараңыз)

Мәзірге беттерді қосу: Егер сіз жаңа бетіңіздің шарлау жолағына байланыстырылғанын қаласаңыз, 1. «Жаңарту» түймесін басу арқылы бетке енгізілген өзгерістерді сақтаңыз.

2. WordPress бақылау тақтасының бүйірлік тақтасындағы «Сыртқы түрі» -> «Мәзірлер» түймесін басыңыз.

3. Өзіңіз жасаған бетті тауып, қасындағы құсбелгіні, содан кейін «Мәзірге қосу» түймесін басу арқылы тізімге қосыңыз.

(Жоғарыдағы суретті қараңыз)

Хабарламаларды қосу және өңдеу:

Егер сіздің веб -сайтыңызда блогыңыз болса, «Хабарламалар» келесіге жүгінетін болады. Ұқсас жазбаларды топтау үшін әр түрлі категорияларды қолдануға болады.

Егер сіз өзіңіздің веб -сайтыңызға блог қосқыңыз келсе, сіз әртүрлі санаттар мен хабарламаларды пайдалана аласыз. Сіз «Блог» деп аталатын категория құрғыңыз келеді делік. Оны жай ғана мәзірге қосып, посттар жасай бастаңыз.

Міне, сізге не істеу керек:

«Хабарламалар -> Категориялар» бөліміне өтіп, жаңа санатты жасаңыз

НЕМЕСЕ

Блог жазбасын «Хабарламалар -> Жаңасын қосу» бөліміне өтіңіз. Блог жазбаңызды жазуды аяқтағаннан кейін оған сәйкес санатты қосу қажет

Сіз өзіңіздің санатыңызды жасағаннан кейін, оны мәзірге қосыңыз, сонда сіз бизнес жасайсыз!

Теңшеу және шексіз твиттер…

Бұл бөлімде мен сіздің веб -сайтыңызды өзгертуге көмектесетін мен туралы үнемі сұрайтын негізгі нәрселерді қарастырамын.

Тақырып пен тақырыпты өзгерту

Бет атаулары іздеушілерге сіздің веб -сайтыңыздың не екенін түсіндіреді. Бұл сонымен қатар іздеу жүйелері сіздің рейтингіңізді қалай анықтайтынының маңызды бөлігі. Сіз олардың мақсатты кілт сөздері бар екеніне сенімді болғыңыз келеді (бірақ табиғи түрде нақты адамдар үшін жазылған).

Сіз сайттың әр бетінде бірегей тақырыпты пайдалануыңыз керек. Мысалы, менің сайтымның атауы - «Веб -сайтты қалай құру керек».

(Табылмады ма? Тінтуірді веб -шолғыштың жоғарғы жағындағы қойындыда ұстап тұрыңыз).

Тақырыптар әр беттегі тақырыптардың соңына қосылады. Менің сайтымның тақырыбы - «Қадамдық нұсқаулық»

Веб -сайттағы тақырып пен тақырыпты өзгерту үшін «Параметрлер -> Жалпы» бөліміне өтіп, төмендегі форманы толтырыңыз: (3 -ші суретті тексеріңіз)

Посттар мен беттерге түсініктемелерді өшіру

Кейбір веб -сайттар (көбінесе бизнес/ұйым сайттары) келушілердің өз беттеріне түсініктеме беруін қаламайды.

WordPress беттеріндегі пікірлерді қалай өшіру керек:

• 1. Жаңа бетті жазып жатқанда, жоғарғы оң жақ бұрыштағы «Экран параметрлері» түймесін басыңыз.
• 2. «Талқылау» ұяшығына басыңыз. Төменгі жағында «Пікірлерге рұқсат беру» өрісі пайда болады.
• 3. «Түсініктемелерге рұқсат ету» белгісін алып тастаңыз.

Әр жаңа беттегі пікірлерді әдепкі бойынша өшіру керек пе?

1. «Параметрлер -> Талқылау» тармағына өтіп, «Адамдарға жаңа мақалаларға түсініктеме жазуға рұқсат беру» белгісін алып тастаңыз (4 -ші суретті тексеріңіз)

Статикалық алдыңғы бетті орнату:

Кейбір адамдар менімен хабарласады, олар өздерінің басты беті блог жазбасына ұқсайтынына наразы. Сіз оны бастапқы бетті «тұрақты» етіп түзете аласыз.

Тұрақты бет - бұл өзгермейтін бет. Блогтан айырмашылығы, бірінші жаңа мақала әр уақытта жоғарғы жағында пайда болады, «статикалық» бет сайтқа біреу кірген сайын сол мазмұнды көрсетеді - мысалы, сіз жасаған бет.

Статикалық алдыңғы бетті орнату үшін:

1. «Параметрлер -> Оқу» тармағына өтіңіз 2. Өзіңіз жасаған статикалық бетті таңдаңыз. «Алдыңғы бет» сіздің басты бетіңізді білдіреді. «Хабарламалар беті» - бұл сіздің блогыңыздың бірінші беті (егер сіздің сайтыңыздың бәрі блог болмаса).

Егер сіз өз бетіңізше статикалық бетті таңдамасаңыз, WordPress сіздің соңғы жазбаларыңызды қабылдап, оларды сіздің басты бетіңізде көрсете бастайды. (5 -тен жоғары суретті қараңыз)

Бүйірлік тақтаны өңдеу:

WordPress тақырыптарының көпшілігінің оң жағында бүйірлік тақтасы бар (кейбір жағдайларда сол жақта).

Егер сіз бүйірлік тақтадан құтылғыңыз келсе немесе әдетте қажет емес «Санаттар», «Мета» және «Мұрағаттар» сияқты қажет емес элементтерді өңдегіңіз келсе, мына жерде:

1. WordPress бақылау тақтасындағы «Сыртқы түрі -> виджеттер» тармағына өтіңіз.

2. Осы жерден сіз бүйірлік тақтаға әр түрлі «жәшіктерді» қосу немесе қажет емес элементтерді алып тастау үшін апарып тастауды қолдана аласыз.

Сондай -ақ, «HTML қорабы» бар - HTML кодын қолдануға болатын мәтіндік терезе. Жаңадан бастаушылар үшін бұл туралы алаңдамаңыз - өзіңіз қалаған элементтерді бүйірлік тақтаға сүйреп апарыңыз.

WordPress -тен көбірек пайда алу үшін плагиндерді орнату

Плагин дегеніміз не? «Плагиндер»-бұл WordPress мүмкіндіктерін кеңейту үшін жасалған, сіздің сайтыңызға кіріктірілмеген функциялар мен функцияларды қосатын кеңейтімдер.

Бұл сіздің сайтыңызды мүмкіндіктерді нөлден құрмай -ақ, өзіңіз қалаған нәрсені жасауға мәжбүрлейтін тіркесімдер.

Сіз плагиндерді фотогалереялар мен жіберу формаларын қосудан веб -сайтыңызды оңтайландыруға және интернет -дүкен құруға дейін жасай аласыз.

Жаңа плагинді қалай орнатуға болады?

Плагиндерді орнатуды бастау үшін «Плагиндер -> Жаңасын қосу» бөліміне өтіп, іздеуді бастаңыз.

Есіңізде болсын, 25000 -нан астам әр түрлі плагиндер бар, сондықтан сізде көп таңдау бар!

Орнату оңай - сізге ұнайтын плагинді тапқаннан кейін «Орнату» түймесін басыңыз.

Уақытты үнемдеу үшін мен веб -шеберлер пайдалы деп санайтын ең танымал плагиндердің тізімін жасадым:

№ 1 Байланыс нысаны 7: Менің веб -сайтымда «Мен туралы» бетінде байланыс формасы бар. Бұл керемет мүмкіндік, өйткені адамдар (сіз сияқты!) Форманы толтырып, электрондық пошта провайдеріне кірместен маған электрондық хат жібере алады. Егер сіз ұқсас нәрсені жасағыңыз келсе, міндетті түрде осы плагинді алыңыз.

#2 WordPress үшін Yoast SEO: Егер сіз өзіңіздің WordPress сайтыңызды одан әрі SEO-ға айналдырғыңыз келсе, бұл плагин міндетті түрде болуы керек. Бұл тегін, және бұл керемет. Сіз өзіңіздің тақырып тегтеріңізді, мета сипаттамаларды және басқаларын өңдей аласыз, барлығы беттің ішінен - енді WordPress параметрлерімен әуре болмайсыз.

#3 Google Analytics: келушілерді/трафикті және олардың мінез -құлқын бақылағыңыз келе ме? Плагинді орнатыңыз, оны Google есептік жазбасына қосыңыз, сонда сіз дайынсыз.

Әрине, бұл айсбергтің шыңы ғана! Міне, мен ұсынған плагиндердің тізімі:

1. Yoast SEO

2. Ақисмет спамға қарсы

3. WooCommerce

4. TinyMCE Advanced

5. WordFence қауіпсіздігі

6. Google XML сайт карталары

7. WP Super Cache

8. ExactMetrics бойынша WP үшін Google Analytics бақылау тақтасы

9. UpdraftPlus WordPress резервтік плагині

10. Elementor Page Builder

11. Smush Image қысу және оңтайландыру

Және тізім жалғаса береді.