Уроки вордпресс с нуля: WordPress уроки — как создать сайт на Вордпресс

Настройка постоянных ссылок (ЧПУ) в WordPress

Приветствую Вас друзья! В этом уроке давайте поговорим о настройке постоянных ссылок. Давайте для начала выясним что такое ЧПУ и зачем вообще нужна настройка постоянных ссылок на сайте.

Итак, ЧПУ — ссылки (веб-адреса) понятные для человека.

Аббревиатура ЧПУ означает  «человекопонятные урлы», т.е URL понятный человеку. Настраивать ссылки ЧПУ необходимо сразу после создания блога пока поисковики не успели проиндексировать Ваши первые статьи.

Основные преимущества ЧПУ для посетителей вашего веб-ресурса

• На такие «красивые» ссылки намного приятней смотреть (думаю вы согласитесь, что ссылка http://site.ru/foto приятней для глаза чем http://site.ru/?page_id=40)
• По ссылке можно понять, в каком разделе сайта ты находишься
• Такие URL-адреса страниц легко запомнить

Основные преимущества ЧПУ для SEO-оптимизации сайта

• Все ссылки находятся в транслите
• Полное отображение структуры сайта в ссылке
• Присутствие красивого url влияет на ранжирование в поисковой выдаче

Как видите преимущества правильно настроенных ссылок на сайте достаточно серьезные, поэтому давайте перейдем к их непосредственной настройке.

Настройка постоянных ссылок в WordPress

1)  Итак, для начала заходим в административную панель и переходим в Настройки -> Постоянные ссылки.

2) Выбираем пункт «Произвольно» и записываем туда конструкцию такого вида /%category%/%postname%/

Многие веб-мастера рекомендуют в конце добавлять еще .html, но точных и достоверных данных о пользе данного улучшения я не нашел у других и сам не заметил, поэтому и вам не буду его рекомендовать.

После этого шага у вас уже будут отображаться нормальные ссылки, но это еще не все. Для окончательной настройки ЧПУ нужно перевести ссылки в транслит. В этом нам поможет плагин Cyr-To-Lat.

3)  Для установки плагина переходим в Плагины -> Добавить новый.

4) В строку поиска вводим Cyr-To-Lat и нажимаем Enter для поиска.

5) Находим нужный нам плагин и нажимаем Установить.

Интерфейс после обновления на WordPress 4.0

После установки плагина не забудьте его активировать.

Вот и все! Вы успешно настроили постоянные ссылки (ЧПУ) на вашем сайте.

В конце хочу добавит еще несколько слов о самом плагине Cyr-To-Lat. После его установки и активации он автоматически переведет в транслит все ссылки на ваших ранее созданных страницах и записях, так что не беспокойтесь что вам придется вручную менять ссылки на созданных ранее страницах.

Приветствую Вас друзья! В этом уроке давайте поговорим о настройке постоянных ссылок. Давайте для начала выясним что такое ЧПУ и зачем вообще нужна настройка постоянных ссылок на сайте. Итак, ЧПУ — ссылки (веб-адреса) понятные для человека. Аббревиатура ЧПУ означает  «человекопонятные урлы», т.е URL понятный человеку. Настраивать ссылки ЧПУ необходимо сразу после создания блога пока поисковики не успели проиндексировать Ваши первые статьи. Основные преимущества ЧПУ для посетителей вашего веб-ресурса На такие «красивые» ссылки намного приятней смотреть (думаю вы согласитесь, что ссылка http://site.ru/foto приятней для глаза чем http://site.ru/?page_id=40) По ссылке можно понять, в каком разделе сайта ты находишься Такие URL-адреса страниц легко запомнить Основные преимущества ЧПУ для SEO-оптимизации сайта Все…

Проголосуйте за урок

100

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.32 ( 73 голосов )
100

Установка Денвер (Denwer) на компьютер

Приветствую, друзья! В этом уроке я пошагово покажу вам как установить локальный сервер Денвер (Denwer) на компьютер.

Для начала необходимо скачать Денвер на сайте http://www.denwer.ru. Заходим на сайт, и нажимаем кнопку:

После нажатия выбираем версию php, по умолчанию предлагают для скачки PHP 5.3:

Оставляем все как есть и нажимаем «скачать».

После этого мы переходим на страницу где необходимо указать имя, фамилию и обязательно рабочий email и нажимаем по кнопке «Получить ссылку на скачивание».

После нажатия на кнопку нас перекидает на страничку с оповещением о том, что нам необходимо проверить почту. Заходим на почтовый ящик и открываем письмо которое пришло:

Переходим по ссылке для скачивания и скачиваем установщик Денвера. После того как файл установщика скачан запускаем его. В появившемся сообщении с вопросом «Вы действительно хотите установить базовый пакет?» нажимаем «Да»:

После нажатия «Да» открывается браузер с страницей приветствия Денвера. Для продолжения установки эту страницу необходимо закрыть.

Страница приветствия

После закрытия страницы браузера переходим в установщик, и нажимаем кнопку  «Enter».

Установщик Денвер

После этого переходим на следующий шаг, на котором нам необходимо указать имя директории или флэш-накопителя для установки Денвера. По умолчанию установку предлагает провести на диск С. Если вы не хотите менять имя директории нажимаем «Enter».

После нажатия появляется вопрос о том, желаем ли мы установить программу в указанную директорию. Необходимо ввести «y» (анг. алфавита и без кавычек) и нажать «Enter».

Выбор директории для установки Денвер

После этого установщик сообщает о том что будет создан отдельный виртуальный диск. Нажимаем «Enter».

Сообщения о создании отдельного виртуального диска

После нажатия «Enter» установщик просит ввести букву для виртуального диска, если у вас нету диска Z тогда нажимаем «Enter». Если такой диск у вас уже существует до вводим другую букву и нажимаем «Enter», после чего установщик сообщит о создании виртуального диска. Нажимаем «Enter».

Сообщение о создании виртуального диска Z

После того как скопируются файлы необходимо указать 1 из 2 конфигураций запуска Денвера. В этом примере я рекомендую выбрать 1 вариант, при котором виртуальный диск будет создаваться каждый раз при загрузке операционной системы. Вводим цифру 1 и нажимаем «Enter». После этого установщик спросит нужны ли нам ярлыки на рабочем столе. Вводим «y» (yes, для создания ярлыков) и нажимаем «Enter».

Выбор конфигурации запуска Денвер и подтверждение о создании ярлыков на рабочем столе

Денвер успешно установлен! Открывается окно браузера с рекомендациями.

Денвер успешно установлен!

На рабочем столе появились ярлыки для перезагрузки, запуска и остановки локального сервера Денвер:

Ярлыки для перезагрузки, запуска и остановки локального сервера Денвер

Более подробная установка показана в видео уроке:

Если у вас остались вопросы по установке локального сервера Денвер — задавайте в комментариях! Постараюсь помочь и ответить каждому. В следующем уроке я покажу как установить cистему управления содержимым WordPress на уже установленный локальный сервер Денвер.

Приветствую, друзья! В этом уроке я пошагово покажу вам как установить локальный сервер Денвер (Denwer) на компьютер. Для начала необходимо скачать Денвер на сайте http://www.denwer.ru. Заходим на сайт, и нажимаем кнопку: После нажатия выбираем версию php, по умолчанию предлагают для скачки PHP 5.3: Оставляем все как есть и нажимаем «скачать». После этого мы переходим на страницу где необходимо указать имя, фамилию и обязательно рабочий email и нажимаем по кнопке «Получить ссылку на скачивание». После нажатия на кнопку нас перекидает на страничку с оповещением о том, что нам необходимо проверить почту. Заходим на почтовый ящик и открываем письмо которое пришло: Переходим по…

Проголосуйте за урок

100

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.49 ( 34 голосов )
100

Как добавить новую запись в WordPress. Добавление новых записей (постов) в WordPress

Здравствуйте, друзья! В этом уроке мы подробно разберем с вами как можно создать новую запись (пост) в WordPress. После успешной установки WordPress и настройки постоянных ссылок (ЧПУ) давайте перейдем к следующему шагу — добавление записей. Напоминаю, что для добавления нового поста в WordPress необходимо сперва войти в административную панель сайта, вход в которую по адресу http://ваш-сайт/wp-admin

Как добавить новую запись в WordPress?

1) Наводим мышкой на пункт меню Записи.

2) Нажимаем Добавить новую.

Наводим мышкой на пункт меню Записи и нажимаем Добавить новую.

3. Вводим название нашей записи.

4. В поле пишем текст записи.

5. Нажимаем кнопку Опубликовать.

Вводим название нашей записи и в поле пишем текст, после чего нажимаем кнопку Опубликовать.

Готово! Запись создана и опубликована.

В случае, если вы не хотите публиковать запись сразу, нажмите кнопку «Сохранить», после нажатия которой ваша запись сохранится в черновиках.

Если нужно, укажите рубрику в которую будет публиковаться пост, или добавьте метки (теги) для новой записи. Также на правой панели администратора вы можете задать миниатюру для записи.

Запланированная (отложенная) публикация в WordPress

В WordPress можно указать время публикации вашей записи. Это значит что запись автоматически сама опубликуется в указанное вами время.

Для того, чтобы создать отложенную публикацию записи в WordPress нужно:

1. Напротив строки Опубликовать нажмите «Изменить».

2. Выберите дату и время и нажмите ОК.

3. Вместо кнопки «Опубликовать» появиться кнопка «Запланировать», по которой нам и нужно нажать.

Если вы сделали все правильно, то запись опубликуется в указанный вами день и время.

Как видите, создание новых записей в WordPress — дело нескольких минут. В случае, если у вас возникли трудности или остались какие-то вопросы, пишите их в комментариях.

Здравствуйте, друзья! В этом уроке мы подробно разберем с вами как можно создать новую запись (пост) в WordPress. После успешной установки WordPress и настройки постоянных ссылок (ЧПУ) давайте перейдем к следующему шагу — добавление записей. Напоминаю, что для добавления нового поста в WordPress необходимо сперва войти в административную панель сайта, вход в которую по адресу http://ваш-сайт/wp-admin Как добавить новую запись в WordPress? 1) Наводим мышкой на пункт меню Записи. 2) Нажимаем Добавить новую. 3. Вводим название нашей записи. 4. В поле пишем текст записи. 5. Нажимаем кнопку…

Проголосуйте за урок

100

Оценка

Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.3 ( 21 голосов )
100

Уроки WordPress для чайников. Начинающим пользователям WordPress

Уроки WordPress для начинающих помогут вам разобраться в установках и настройках. Мы вместе разберем административную панель WordPress и нужные внедрения для любого сайта или блога. Также научимся как обезопасить наш сайт, изучим некоторые тонкости WordPress и формирование контента сайта в целом.

Руководства “WordPress для чайников” делятся на несколько блоков, первые 4 обязательные для изучения тем, кто хочет создать качественный и надежный сайт (так сказать, для самых новеньких). Остальные главы научат тому, как можно настроить под себя ваш сайт, как его наполнять, изменять дизайн и многое другое.

К некоторым важным урокам добавлены видео, которые вы можете просмотреть непосредственно в статье. Буду рад помочь вам в ваших начинаниях, отвечу на все ваши вопросы абсолютно бесплатно. Написать мне можете на странице контактов.

Вы наверное даже не представляете сколько сайтов используют WordPress, по разным данным это от 20 до 35 процентов всех сайтов размещенных в интернете. Приведу пример 4-х брендов, всем известных — Microsoft, PlayStation, Faceboock. Эти мировые компании используют WordPress для ведения своих блогов и новостных сайтов. Таких примеров можно приводить тысячи, но не буду сейчас на этом задерживаться, вы можете посмотреть скриншоты этих сайтов (картинки откроются в полном размере после нажатия).

Теперь приступим непосредственно к изучению движка, первых два блока, так сказать, для чайников, они разбиты следующим образом:

• Офтопик статьи, которые помогут вам определить некоторые важные моменты перед тем как приступать к разработке сайта.
• Первые шаги в изучении WordPress.

Варианты изучения WordPress

Как известно люди изучают материалы по разному, одним даются пошаговые уроки, другие любят перескакивать и читать между строк, другим же проще учиться блочными группировками тем. С этой страницы вы можете выбрать путь по которому пойдете для изучения WordPress, на этом сайте их сразу 3 варианта.

1. Последовать по пошаговым урокам по созданию сайта с видео и графическим материалом.
2. Воспользоваться бесплатными курсами по созданию сайта на WordPress, и изучать все в конкретном порядке.
3. Пролистать страницу ниже и самостоятельно выбрать себе темы для изучения.

Если вы выбрали 3-й вариант тогда читаем дальше и наполняемся знаниями изучая WordPress уроки.

Первые шаги в изучении WordPress

В этом небольшом, но очень важном, цикле уроков мы установим WordPress на наш компьютер, выберем себе подходящий хостинг, а так же перенесем наши “домашние разработки” в интернет. Обзор всей административной панели можно посмотреть в следующем видео уроке:

Детально ознакомимся со всеми мелочами связанными с административной панелью, установим свою первую тему оформления, познакомимся с плагинами, виджетами и многое другое.

Необходимые знания и настройки

Следующие уроки, помогут сделать лучше и удобнее WordPress, дополнит наш “движок” необходимыми плагинами и виджетами.

Настроем поиск по сайту и страницу контактов, добавим несколько плюшек для улучшения внешнего вида. Также начнем строить дружественные отношения с поисковыми роботами и создадим соответствующие файлы для этого.

Настройки безопасности и оптимизация сайта

Последняя базовая сборка инструкций для начинающих разработчиков сайтов на WordPress. Хоть она стоит и последней, является основой нашей дальнейшей работы в сфере безопасности и сохранности наших трудов.

От оптимизации сайта зависит его дальнейшее развитие, что бы не допускать ошибок, за которые потом придется расплачиваться. Немного отойдем от статуса “начинающий” и копнем поглубже в настройках сайта.

Обзор популярных плагинов

Подборка уроков и описаний самых популярных и функциональных плагинах, позволяющих усовершенствовать ваш движок WordPress, добиваться нужных результатов с наименьшей потерей производительности.

1. Обзор Jetpack.
2. Модули Jetpack. Часть 1.
3. Модули Jetpack. Часть 2.
4. Похожие записи — модуль Jetpack.
5. Photon — модуль Jetpack.
6. Дополнительные виджеты — модуль Jetpack.
7. Плагин Google XML Sitemaps — обзор.
8. Как сделать тему для адаптации сайта под мобильные устройства.
9. Подписка на блог и комментарии — модуль Jetpack.
10. Contact Form 7 — описание и настройка.
11. Публикация с помощью электронной почты.
12. Альтернатива Contact Form 7.
13. Статистика посещений WordPress.
14. Login LockDown настройка и описание.
15. Пользовательские CSS в WordPress.
16. WP Super Cache плагин для кэширования WordPress сайтов.
17. Сontact form 7 настройка внешнего вида. Изменяем дизайн форм.
18. Плагин Duplicate Post описание и настройка. Создание дубликатов страниц в WordPress
19. Прелоадер для сайта WordPress, плагин The Preloader
20. Плагин Autoptimize — оптимизация CSS, JS, HTML

Работа с поисковыми системами

Первые шаги по взаимодействию сайта на WordPress с поисковыми системами. Руководства представленные ниже помогут вам решить ряд задач по развитию и продвижению вашего сайта.

1. Как добавить сайт в Яндекс?
2. Как добавить сайт в Google?
3. Критерии оценки сайта поисковыми системами.
4. Как написать оптимизированную статью?
5. Как писать SEO тексты, правильно оптимизированная статья.
6. Автоматическая публикация новых статей блога в социальных сетях.
7. Правильные названия URL как метод продвижения сайта.
8. Атрибуты title и alt. Оптимизация картинок и ссылок.
9. Где получить бесплатные индексируемые ссылки.
10. Какие бывают метрики для сайтов?
11. Как запретить индексацию url с определенным параметром через Google Webmaster Tools?
12. Как установить Яндекс метрику. Ручная вставка кода и при помощи плагина.
13. Устанавливаем счетчик посещений Google Analitics.
14. Где можно разместить ссылку на свой сайт бесплатно. Анализ ссылочной массы конкурентов.
15. Как искать тематические форумы, для общения и продвижения своего сайта.

Разработка с WordPress

Пришло время залезть в код шаблонов, плагинов и движка в целом. Подборка этих материалов навряд осилят новички, но изучив статьи, руководствуясь описанными в них инструкциями можно добиться отличных результатов.

1. Основы шаблонов WordPress темы.
2. Описание и применение тегов шаблонов.
3. Тег шаблона WordPress — bloginfo ().
4. Как быстро находить нужный участок кода в файлах шаблонов и плагинов.
5. Как выводить посты рубрики, название и описание?
6. Как уменьшить количество запросов к базе данных в WordPress?
7. Что нужно знать перед созданием темы WordPress
8. Как создать тему WordPress. Урок 1. Создание и наполнение Index.php и style.css
9. Создание шаблона WordPress. Урок 2. Header.php — создание шапки и навигационного меню
10. Как убрать дату публикации и автора в WordPress. (+ видео)
11. Создание дочерней темы.
12. Внесения изменений в тему с использованием дочерней темы.
13. Как изменить вывод даты записи?
14. Сайдбар в WordPress. Как добавить, убрать сайдбар в WordPress.
15. Добавление кнопки поделиться Вконтакте в модуль Jetpack “Поделиться”

Материалы по WordPress для чайников и более опытных пользователей постоянно обновляются, по этому подписывайтесь на обновления блога.

Курс WordPress — создание сайта для начинающих — Онлайн уроки WordPress с нуля

Практический онлайн курс WordPress по созданию сайтов разной степени сложности за несколько часов, а не дней!

WordPress – cамая популярная в мире CMS для создания своего веб сайта, блога, лендинга или даже интернет-магазина. И позволяет создавать сайты быстро, без знаний программирования или привлечения веб разработчиков на заказ. Для этого движка созданы тысячи плагинов, которые вы можете использовать в реализации своих проектов.

Чему вы научитесь

• Научитесь работать в самой популярной и интуитивно понятной CMS WordPress
• Использовать готовые шаблоны и темы под любую задачу
• Как выбирать, устанавливать и настраивать плагины, виджеты под свои задачи
• Пользоваться специальными конструкторами для создания уникального дизайна
• Создавать сайты на локальном компьютере, а затем переносить их на онлайн-хостинг
• Администрировать и создавать резервные копии ваших сайтов
• Переносить сайт с одного домена на другой или с одного хостинга на другой
• Узнаете, что такое CMS и какие они бывают. Чем этот метод создания сайта отличается от создания сайта на языках HTML и CSS
• Создадите свой первый сайт всего за несколько часов!

Курс WordPress не требует знаний верстки и программирования. Если вы уже обладаете навыками создания сайта на HTML/CSS вы увидите, как вы сможете значительно ускорить свою работу c WordPress.

Для общего развития и лучшего понимания технологий создания и функционирования веб-сайтов рекомендуем изучить наши базовые курсы:
Основы HTML/CSS — верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих

Если вы хотите освоить WordPress на профессиональном уровне для создания сайтов на заказ и получить фриланс-профессию WordPress-разработчика — рекомендуем сразу рассмотреть наш продвинутый курс
WordPress — с нуля до Профи!

Программа обучения включает видео уроки по изучению создания сайтов на WordPress с нуля. Благодаря практическим заданиям, Вы сможете закрепить полученные знания на практике.

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса WordPress — Быстрый старт!

Михаил Непомнящий

О преподавателе курса

• Профессиональный практик-преподаватель
• По образованию — прикладной информатик
• Работал и сотрудничал с крупными международными и российскими образовательными проектами

«Преподаю людям разных возрастов — от 8-ми лет до 60-ти. Любимая дисциплина — создание web-сайтов.

При создании обучающих видео стараюсь дать максимум полезной информации, при этом руководствуюсь принципом эффективности — без «воды» и «растеканию по дереву». Каждая минута видео уроков пройдет для Вас с пользой!»

Курс WordPress с нуля до Профи — Полное обучение созданию сайтов на WordPress для начинающих

Сделайте сайт себе самостоятельно или получите профессию фрилансера, создающего сайты на WordPress на заказ.

WordPress – одна из самых популярных CMS для создания веб сайтов. С помощью Вордпресс вы можете создавать сайты с нуля разной сложности и функционала — простые одностраничные сайты-лендинги, сайт-визитку, личный блог, сайты услуг или сложные многостраничные онлайн магазины.

Курс для тех, кто хочет быстро научиться делать крутые сайты, управлять ими и продвигать их. Научившись использовать возможности самой популярной в мире CMS, вы сможете не только создавать сайты с нуля для себя и/или на заказ, но и зарабатывать на поддержке уже существующих проектов. Веб-мастера умеющие работать на WordPress востребованы на рынке труда.

Чему вы научитесь

Курс WordPress — с нуля до профи содержит полное руководство по созданию сайтов разных видов и основам продвижения.

• Вы научитесь работать в CMS WordPress — установка и настройка, создание страниц, использование плагинов, виджетов, тем и шаблонов под любые задачи
• Научитесь создавать сайты-визитки, одностраничные лендинги, сайты портфолио, блоги
• Изучите как сделать адаптивную верстку, чтобы сайт одинаково корректно отображался на разных устройствах
• Создадите полноценный интернет-магазин с каталогами товаров, платежной системой, вариантами доставки, купонами
• Научитесь основам SEO-продвижения, принципам юзабилити, настройке индексации поисковыми роботами и зарегистрируете свой готовый сайт в поисковых системах
• Узнаете как проверить свободен ли домен, как купить домен и привязать к хостингу
• Как осуществить безопасность сайта и резервное копирование

Выполняя домашние задания вы создадите свои готовые онлайн проекты, которые можно показывать потенциальным клиентам. Поэтому в процессе курса у вас отличный шанс не просто попрактиковаться, но и создать личное портфолио из 5-ти готовых сайтов!

Вы сможете выполнять первые заказы на создание сайта уже в процессе обучения!

Пройдя онлайн обучение WordPress с нуля до профи вы сможете начать зарабатывать следующими способами:

• Создавать сайты любой сложности на популярной платформе на заказ (сайт-визитка, корпоративный сайт, сайт услуг, информационный сайт, блог, интернет-магазин)
• Обеспечивать техническую поддержку сайтов
• Обеспечивать информационную поддержку сайтов (контент-менеджмент)
• Предоставлять базовые услуги по продвижению сайта в Интернете

Курс WordPress не требует знаний верстки и программирования. Если вы уже обладаете навыками создания сайта на HTML/CSS — вы сможете значительно ускорить свою работу c WordPress.

Для общего развития и лучшего понимания технологий создания и функционирования веб-сайтов рекомендуем изучить наши базовые курсы:
Основы HTML/CSS — верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих
PHP/MySQL для начинающих

Программа обучения включает видео уроки по обучению созданию и продвижению сайтов на WordPress с нуля. Благодаря практическим заданиям, Вы сможете закрепить полученные знания и создать собственные сайты на практике.

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса WordPress с нуля до Профи!

Уроки WordPress для чайников — Как создать сайт с нуля

В этом разделе вы сможете найти полный пронумерованный список всех уроков от самого начала, по которым нужно пройти новичку для создания своего сайта на WordPress с нуля. Более того, тут вы найдете уроки и советы для чайников и не только —  как улучшать, чем наполнять, как продвигать и оптимизировать свой сайт на WordPress.

Постепенно поднимаясь от самых основ все выше и выше,вы будете получать новые знания и навыки, о том как развивать и совершенствовать свой сайт. Не бойтесь трудностей, поначалу может быть не просто, но затем вы втянетесь в процесс и очень скоро сами создадите свой первый сайт на Вордпресс!

[sc:Ads336 ]

1. Предыстория.Решил создать свой сайт. О том как я пришел к созданию сайта, и немного о том с чем предстоит столкнутся новичку.
2. Выбор хостинга. Это важный этап, советую отнестись к нему очень серьезно. Рекомендую лучшего хостера.
3. Выбор CMS для сайта. Разумеется в формате этого блога WordPress — наш выбор)
4. Покупка домена. Опять же очень важный момент. Адрес сайта как имя, оно может влиять на дальнейшую его судьбу.
5. Установка локального сервера Denwer. Нужен для того, что бы отточить навыки на своем компьютере, прежде чем приступать к работе на сервере в интернете.
6. Установка Вордпресс на локальный сервер. Устанавливаем движок сайта на свой компьютер.
7. Создание базы данных MySQL — в БД хранятся важные данные о вашем сайте, включая все статьи, комментарии и т.д.
8. Установка WordPress на хостинге — устанавливаем движок на свой новый сайт.
9. Как зайти в панель инструментов блога на WordPress первые шаги после установки.
10. Настройка WordPress после установки. Настройка ЧПУ — обязательно настройке ЧПУ и плагин Cyr-to-lat сразу же после установки.
11. Настройка ревизий WordPress — заботимся о том, что бы база данных сильно не разрасталась.
12. О чем вести блог? — выбираем тематику для своего блога.
13. Выбор темы оформления WordPress — подбор шаблона, важный момент. выбирайте качественные проверенные шаблоны.
14. Что такое корень сайта. Настройка FTP-клиента. как работать с сайтом через FTP
15. Установка темы оформления на блог — устанавливаем шаблон на блог.
16. Проверка шаблона плагином TAC — проверяем на наличие вредоносного кода в шаблоне.
17. Настройка темы оформления WordPress (структура php) знакомимся со структурой файлов шаблона.
18. Меняем дизайн шаблона WordPress (работаем с CSS) изменяем элементы дизайна шаблона, знакомство с CSS.
19. Установка плагинов на WordPress — как устанавливать плагины на блог.
20. Мой список рекомендуемых плагинов — моя подборка плагинов.
21. Плагин Yoast WordPress SEO. Настройка. — настраиваем сео плагин
22. Внутренняя оптимизация записей . Используем Yoast WordPress SEO для оптимизации постов под поисковики.
23. Бэкап(резервная копия) сайта\блога на WordPress — обязательно делаем бэкапы!
24. Как создать карту сайта для поисковиков. Google XML Sitemaps — создаем карту сайта с помощью плагина для ПС.
25. Как создать правильный robots.txt для WordPress. — настраиваем роботс, закрываем от индексации ненужные страницы.
26. Как создать html карту сайта для WordPress. делаем карту сайта для посетителей.
27. Устанавливаем счетчик посещений на сайт. Выбираем счетчик для сайта, лучше для начала ограничиться LI.
28. Как создать глобальный аватар для блога. Создаем аватарку, которая будет отображаться на всех блогах.
29. Как создать иконку favicon для сайта. Делаем иконку для сайта.
30. Как сделать хлебные крошки в WordPress. Создаем дополнительную навигацию на сайте.
31. Перелинковка страниц сайта на WordPress. Обязательно займитесь перелинковке записей, чем раньше тем лучше.
32. Внутренняя оптимизация сайта на WordPress. Советы, как улучшить позиции сайта в поисковой выдаче своими руками.
33. Как правильно писать статьи поговорим об элементах хорошо написанной статьи.
34. Как раскрутить блог на начальном этапе. Бесплатные способы раскрутки для молодых блогов.
35. Исправляем ошибки на блоге, часть 1. Избавляемся от недочетов на сайте.
36. Как заработать в интернете на оплату хостинга и домена и даже больше. Знакомися с основными способами.
37. Соблюдаем структуру статей на блоге.  не забывайте что не SEO единым живет блог, пишем вирусные статьи.
38. Знакомимся с понятием релевантности и от чего она зависит.
39. Повышаем релевантность страниц сайта  — улучшаем позиции сайта в поисковой выдаче.
40. Учим WordPress открывать сайт комментатора в новом окне — затыкаем утечки трафика на блоге.
41. Что такое рерайт. Как проверить уникальность текста и научиться писать хорошие статьи самому.
42. Ищем вдохновение для написания статей. О чем писать и где находить интересные темы.
43. Нужно ли читать чужие блоги? разбираемся в приоритетах
44. Расширять тематику блога или сужать? Ищем золотую середину.
45. Как собирать трафик на свой сайт? Работаем со статистикой.
46. Статейное продвижение сайта в поисковых системах.
47. Как создать самостоятельно шаблон для Вордпресса? С помощью специального сервиса.
48. Какой размер текста должен быть в статьях?
49. Постоянная аудитория сайта. Работаем над созданием целевой аудитории ресурса
50. Как увеличить поисковый трафик? Перестать совершать одни и те же ошибки.
51. Хостинг для вебмастеров Gigahost. Как создать много сайтов и платить одну цену за хостинг?
52. Кто такой блогер для тех кто не в теме блогинга?
53. Что хорошего в монетизации вашего сайта? Помимо самого дохода конечно =)
54. Страница с 404 ошибкой. Как настроить и для чего она нужна на вашем сайте?
55. Как быстро увеличить посещаемость своего сайта? Несколько советов, которые помогли мне добиться хорошей посещаемости.
56. Страницы входа или точки входа на сайт. Что это и как их использовать, что бы повысить продажи и увеличить трафик?
57. Как сделать адаптивную верстку для сайта, если ее изначально не было. Оптимизируем шаблон под мобильные экраны.

Список будет регулярно обновляться.Что бы не пропустить выход следующего урока по созданию и раскрутке сайта , подписывайтесь в форме подписки справа в сайдбаре, а так же на RSS ленту и добавляйтесь в твиттер.

Как создать веб-сайт на WordPress: пошаговое руководство для начинающих

Хотите верьте, хотите нет, но знание того, как создать веб-сайт с нуля, является одним из наиболее важных навыков, которые вы должны освоить как владелец малого бизнеса в наши дни. и возраст.

Пожалуйста, потерпите меня! Вот почему:

• Если вы знаете, как создать свой собственный веб-сайт, вы сэкономите кучу денег на веб-разработчиках и дизайнерах.
• Это также позволит вам следить за тенденциями рынка и размещать на своем веб-сайте что-то новое, не прибегая к помощи программиста.
• Вы будете эффективно опережать своих конкурентов, потому что, хотя их проекты замедляются из-за необходимости консультироваться с разработчиками, вы сможете построить большинство вещей самостоятельно (в пределах разумного, конечно).

С учетом сказанного, самая важная часть головоломки заключается в том, что вы можете научиться создавать веб-сайт на WordPress, а затем создать что-то потрясающее для своего бизнеса или проекта самостоятельно. .

И последнее, но не менее важное: подход «Сделай сам» (без навыков программирования), который мы здесь представляем, невероятно экономичен.Фактически, вы можете создать и запустить свой веб-сайт всего за ~ 35 долларов в год.

Вот как сделать сайт самостоятельно, шаг за шагом:

Спешите? Вот ваши ярлыки действий, чтобы создать сайт менее чем за час:

1. Найдите доменное имя для своего сайта.
2. Зарегистрируйтесь на веб-хостинге (мы рекомендуем Bluehost).
3. Установите WordPress через интерфейс Bluehost.
4. Выберите бесплатную тему WordPress на сайте Bluehost.
5. Получите несколько обязательных плагинов WordPress, которые помогут в росте вашего сайта.
6. Начните создавать свои страницы и сообщения в блогах.

Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Их прохождение приведет к двум вещам: (1) — это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) он разблокирует по цене 2,75 доллара против 3,95 доллара со скидкой с бесплатный домен для вас .Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.

Как сделать сайт — с высоты птичьего полета

Хорошо, вот план того, что мы собираемся делать на следующих этапах. Важно отметить, что все это можно сделать своими руками (если это так), и что мы минимизируем затраты везде, где это возможно.

Короче говоря, в конце этого руководства вы получите функциональный и красивый веб-сайт, который не заставит вас влезть в долги. Вот что мы пройдем:

Хорошо, этот последний шаг в основном зависит от вас, и мы не будем уделять много внимания элементу прибыли в этом руководстве.Но у нас есть для этого другие ресурсы. Посмотрите их:

Шаг 1. Выберите WordPress в качестве платформы вашего веб-сайта

По правде говоря, существует множество платформ веб-сайтов, которые вы можете использовать при создании нового сайта. Обычно их называют системами управления контентом (CMS).

Идея CMS состоит в том, чтобы предоставить вам несколько простых в использовании инструментов, позволяющих редактировать содержание своего сайта без каких-либо знаний в области программирования. По большей части — с точки зрения пользователя — эти CMS очень похожи на знакомые интерфейсы в Facebook или Google Docs.Вы в основном создаете новые страницы или документы, а затем публикуете их в Интернете.

Но хватит технических подробностей! Как я уже сказал, существует множество CMS — на самом деле, более 100, как указано в Википедии.

К счастью, выбрать лучший очень просто. На вершине горы есть только один король — WordPress.

WordPress используется более чем на 34% всех веб-сайтов (по данным). Опять же, это всех сайтов!

(Графики визуализатором.)

Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

Вот основные сведения о WordPress:

• это открытый исходный код
• бесплатно
• это идеальное решение для создания веб-сайтов своими руками
• очень универсален — может работать с любым типом веб-сайтов
• это быстро, оптимизировано и безопасно
• SEO-совместим — упрощает продвижение

Теперь одно важное различие; «WordPress», о котором мы здесь говорим, — это «WordPress, программное обеспечение.«Вы можете найти его, если зайдете на WordPress.org.

Существует также другая разновидность WordPress — «WordPress, коммерческая служба», которую вы можете найти, перейдя на сайт WordPress.com. Мы описываем различия между ними здесь.

А пока давайте просто вспомним, что нам нужен WordPress.org , поскольку это более универсальная и дешевая версия платформы. Все это станет ясно на следующих этапах.

🎯 Действие примечания.На данный момент вам не нужно выполнять никаких действий. Шаг 1 — это просто ознакомление с инструментом, который вы собираетесь использовать для создания своего сайта на следующих этапах.

Шаг 2. Выберите имя для своего веб-сайта, купите домен и хостинг

Когда вы учитесь создавать веб-сайт, выбор имени, вероятно, является самым увлекательным аспектом всего процесса.

В конце концов, у вас здесь полная свобода. Вы можете выбрать буквально любое название для своего сайта.

Однако! Есть еще кое-что, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.

Это действительно хорошая идея создать имя вашего веб-сайта (и, следовательно, ваше доменное имя) либо вокруг имени вашей организации (наиболее очевидный подход), либо вокруг фразы, связанной с вашей нишей, но с некоторыми добавленными словами для лучшая торговая марка.

Короче говоря, хорошее доменное имя должно быть:

• brandable — уникальное звучание, не похожее ни на что другое на рынке
• легко запомнить
• короткие — их тоже легче запомнить
• легко набирать и сложно перепутать — вы же не хотите, чтобы люди задавались вопросом, как написать название вашего сайта
• , включая ключевые слова, относящиеся к нише — например, если вы делаете что-нибудь с пиццей, было бы здорово иметь слово «пицца» где-нибудь в названии сайта; То же самое работает и в отраслях, не связанных с пиццей.🍕

Вот быстрый инструмент, который вы можете использовать, чтобы узнать, доступно ли интересующее вас доменное имя:

Если вы не знаете, какой домен вы хотите получить, перейдите прямо к нашему генератору №1 — Domain Wheel и посмотрите, как он может вам помочь.

Начните с ввода ключевого слова, которое хорошо определяет ваш веб-сайт.

Domain Wheel вернется с некоторыми предложениями. Вы можете сузить круг поиска, чтобы найти свое идеальное доменное имя.

Следующий шаг, когда вы знаете, какое доменное имя вы хотите, — это зарегистрировать его, а также купить пакет хостинга за один раз.Давайте позаботимся об этом дальше:

а) Покупка вашего доменного имени и хостинг

💡 Примечание. Хотя такие вещи, как покупка пакета хостинга, поначалу могут показаться пугающими, на самом деле беспокоиться не о чем. Процесс, который мы представляем здесь, упрощен и не требует от вас сложной технической работы.

🧙 Примечание для новичков: что вообще такое хостинг?

Проще говоря, веб-хостинг (он же веб-сервер) — это то, без чего не может жить ни один веб-сайт.Это место, где ваш веб-сайт находится в ожидании посещения посетителей.

Вопреки распространенному мнению, веб-сайты находятся не «только в Интернете» или «в Google». Вместо этого они размещаются на веб-серверах — настройках веб-хостинга — а затем получают , обслуживаемые для всех посетителей оттуда.

Чтобы ваш сайт оставался в сети, вам необходимо арендовать место на сервере у хостинговой компании.

На практике все намного проще, чем кажется, что вы увидите через минуту.

Существуют десятки, если не сотни различных компаний, которые могут зарегистрировать для вас новое доменное имя. Кроме того, есть масса компаний, которые могут продать вам пакет хостинга…

Но давайте не будем усложнять себе задачу и вместо этого получим все от одной компании — и за один раз.

Мы собираемся использовать Bluehost. Вот почему:

• Bluehost — это авторитетный веб-хостинг, который оптимизирован для WordPress и будет следить за тем, чтобы ваш веб-сайт работал без сбоев.
• — это одна из немногих компаний, рекомендованных на официальном сайте WordPress.сайт организации
• дешево (от 2,75 $ в месяц)
• прост в использовании и удобен для новичков
• вы получаете доменное имя бесплатно

Вот что теперь будет:

1. Мы собираемся перейти на Bluehost и выбрать тарифный план для нашего веб-сайта.
2. Мы также собираемся зарегистрировать доменное имя в Bluehost (домен бесплатный).
3. Мы скажем Bluehost установить и настроить чистую версию WordPress на нашем новом хостинге.
4. Мы выйдем со 100% работающим веб-сайтом WordPress!

Приступим — вот как сделать сайт:

Сначала нажмите здесь, чтобы перейти в Bluehost. Оказавшись на странице, нажмите кнопку «Выбрать план».

В большинстве случаев, если вы запускаете новый сайт, достаточно самого дешевого тарифного плана — Базового. Это всего лишь 2,75 доллара в месяц:

.

На следующем шаге введите доменное имя, которое вы решили получить для своего сайта:

Далее укажите свои личные данные:

Прежде чем продолжить, хорошо бы проверить и подтвердить параметры настройки хостинга, которые вы выбрали.Его можно найти в разделе информация о пакете :

Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ОТПРАВИТЬ» и завершить покупку.

б) Указание Bluehost установить для вас WordPress

Поскольку теперь вы зарегистрировались в Bluehost и подготовили настройку хостинга, единственный элемент, который отсутствует, — это WordPress.

Хотя технически вы можете установить WordPress вручную , зачем вам это делать, если вы можете заставить других делать это за вас, причем бесплатно! Вот как это сделать:

Как только вы завершили процесс регистрации в Bluehost, вы должны были получить электронное письмо от команды Bluehost с некоторыми подробностями о том, как войти в свой профиль клиента и начать работу над своим сайтом.

После того, как вы войдете в систему, Bluehost покажет вам простой в использовании мастер, который проведет вас через процесс установки WordPress на вашем хостинге.

Кроме того, вы также можете установить WordPress, перейдя в раздел Мои сайты и нажав кнопку Create Site :

Все, что нужно Bluehost для установки WordPress, — это имя вашего нового сайта и имя пользователя / пароль, которые вы хотите использовать при управлении WordPress.После того, как вы закончите работу с мастером, ваш сайт будет установлен и готов к работе!

Шаг 3. Ознакомьтесь с пользовательским интерфейсом WordPress

Вы можете войти в свою пользовательскую панель WordPress, если зайдете по адресу www.YOURDOMAIN.com/wp-admin/

Вот что вы увидите:

Используйте учетные данные для доступа, которые вы установили в Bluehost на предыдущем шаге («скриншот установки WordPress» выше).

После успешного входа в систему вы увидите основной интерфейс WordPress во всей красе:

• (1) Приветственное сообщение — Некоторые из наиболее важных областей панели администратора перечислены как быстрые ссылки — обычно это ваши ярлыки для создания веб-сайта.
• (2) Текущее состояние вашего сайта и что с ним происходит.
• (3) сообщений — перейдите сюда, чтобы создать сообщения в блоге.
• (4) Медиа — здесь можно загружать изображения и другие медиафайлы и управлять ими.
• (5) Страницы — перейдите сюда для создания дополнительных страниц.
• (6) Комментарии — здесь вы можете модерировать комментарии.
• (7) Внешний вид — измените здесь дизайн своего сайта и / или настройте способ отображения определенных элементов в текущем дизайне.
• (8) Плагины — здесь устанавливайте новые плагины.
• (9) Пользователи — управление учетными записями пользователей, которые могут получить доступ к панели администратора сайта.
• (10) Настройки — основные настройки.

На этом этапе хорошо позаботиться об основных настройках WordPress для начала работы, которые улучшат ваш опыт в будущем.

a) Установить постоянные ссылки

Постоянные ссылки определяют, как отдельные адреса веб-страниц, также известные как URL-адреса, структурированы на вашем сайте.

Наиболее оптимизированная структура — это наличие заголовка страницы в URL-адресе. Например, ваша страница «о себе» (подробнее на этой странице позже) должна быть доступна под чем-нибудь таким простым, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.

Чтобы установить постоянные ссылки, перейдите в Настройки → Постоянные ссылки на главной боковой панели на панели инструментов WP.

Оказавшись там, выберите этот параметр:

б) Сделайте свой сайт общедоступным

Думаю, вы хотите, чтобы Google мог найти и проиндексировать ваш сайт.Чтобы убедиться в этом, перейдите в «Настройки » → «Чтение » и убедитесь, что в поле «Не рекомендовать поисковым системам…» стоит , не отмечен .

c) Установите заголовок и слоган веб-сайта

Перейдите в Настройки → Общие и установите для полей Заголовок сайта и Слоган то, что вам нужно.

Название и слоган вашего сайта могут появляться в разных местах на сайте. Некоторые темы WordPress отображают их на главной странице и в описании SEO, которое Google использует при размещении вашего сайта на страницах результатов.

Слоган необязателен — вы можете оставить его пустым, если у вас нет слогана для сайта.

г) Разрешить или запретить комментарии

Хотите ли вы принимать комментарии на своем веб-сайте, решать вам.

С одной стороны, позволяя читателям оставлять свои мнения и вопросы под вашими статьями / страницами, может быть очень полезно для создания сообщества вокруг веб-сайта. Но, с другой стороны, вы также будете заниматься спамом и следить за тем, чтобы не было троллинга.

Разрешите вы или отключите комментарии, это можно сделать в Настройки → Обсуждение .

e) Отключить пингбеки и трекбэки

Я не знаю, почему этот параметр все еще присутствует в WordPress. В основном это пережиток тех времен, когда пингбэки и трекбэки были обычным делом.

Тем не менее, если вы хотите научиться создавать веб-сайты в наши дни, вы можете просто деактивировать их, отменив выбор следующего параметра в настройках → Обсуждение .

f) Установите часовой пояс

Правильная установка часового пояса сделает публикацию новых страниц и сообщений более предсказуемой.

Как правило, вы хотите установить часовой пояс либо там, где вы находитесь, либо где находится ваша целевая аудитория. Что имеет больше смысла.

Вы можете установить часовой пояс в Настройки → Общие .

Убрав основные настройки, мы можем перейти к интересным вещам:

Шаг 4. Выберите тему / дизайн для своего веб-сайта

Самое замечательное в WordPress то, что он работает со сменными дизайнами — так называемыми темами .

Это означает, что вы можете переключить внешний вид вашего веб-сайта WordPress одним щелчком мыши.

Например, так выглядит веб-сайт WordPress по умолчанию сразу после установки:

Всего за пару кликов и, например, с помощью популярной бесплатной темы под названием Hestia, мы можем сделать так, чтобы она выглядела так:

Вот как:

a) Выберите тему, которая вам нравится

Как я уже упоминал, темы WordPress — это готовые дизайнерские пакеты, которые определяют внешний вид вашего веб-сайта.Вы можете быстро установить их, а затем при необходимости изменить в будущем.

Важным моментом здесь является то, что темы не изменяют содержимое вашего сайта, а только изменяют его представление.

Существует огромное количество тем WordPress. Просто заглянув в официальный каталог на WordPress.org, там сотни тем.

Но это только верхушка айсберга. В Интернете на сторонних сайтах гораздо больше бесплатных тем, а также есть целый другой мир платных тем, которые распространяются независимыми магазинами тем (например, ThemeIsle или aThemes) и даже торговыми площадками (например, ThemeForest).

Несмотря на то, что существует множество платных тем, для большинства пользователей бесплатные темы — отличный вариант для начала. Самое удивительное в некоторых из лучших бесплатных тем — это то, сколько впечатляющих функций они предлагают, не требуя ничего взамен.

Итак, как выбрать тему, которая подходит именно вам? Вот несколько советов, если вы хотите более подробно рассмотреть этот вопрос. Как правило, вам не нужно тратить на это слишком много времени и вместо этого нужно идти простым маршрутом.

Мы можем это сделать, потому что тема, которую вы выберете сегодня, не обязательно будет вашим окончательным решением. Вы всегда можете вернуться к нему позже и изменить его за считанные минуты.

Таким образом, мы сделаем беспроигрышную ставку и воспользуемся одной из самых популярных бесплатных тем на рынке сегодня, чтобы продемонстрировать, как работают темы WordPress. Эта тема — вышеупомянутая Гестия.

🎨 Примечание. Хотя мы будем использовать Hestia в качестве примера в следующем разделе, это не единственная бесплатная тема, которую вы можете использовать.Вот подборка тематических обзоров для разных целей: от бизнес-сайтов до блогов, путешествий, продуктов питания, личных сайтов и т. Д. Вы можете использовать любую из этих тем. Порядок такой же.

б) Установите свою тему

Если выбранная вами тема доступна в официальном каталоге на WordPress.org, единственное, что вам нужно для ее установки, — это название темы. Ага. Это оно.

Вот как выполняется установка темы:

Перейдите в Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить».”

Оттуда введите имя темы, которую вы хотите установить, например:

Вы увидите его в списке под полем поиска. Просто нажмите кнопку «Установить» под желаемой темой:

Через секунду тема будет установлена. Чтобы полностью включить его на вашем сайте, нажмите кнопку «Активировать», которая появится вместо кнопки «Установить».

Hestia — одна из тех тем, которые предлагают отличную адаптацию для новых пользователей.Чтобы узнать, что тема приготовила для вас, нажмите кнопку в приглашении.

Вы увидите свою главную панель Hestia, на которой вы сможете узнать о теме и расширить ее готовые функции с помощью некоторых дополнительных функций. Давай сделаем это сейчас.

Сначала нажмите ссылку «Рекомендуемые действия», чтобы узнать, что доступно.

Из предложенных здесь вариантов давайте пока остановимся только на Orbit Fox Companion. Просто нажмите кнопку «Установить и активировать».

💡 Примечание. Orbit Fox Companion — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.

Orbit Fox — хорошее дополнение к Hestia, так как предлагает несколько интересных функций для улучшения внешнего вида вашего сайта. Например, вы получаете несколько полезных новых модулей для домашней страницы, каталог шаблонов, который будет полезен при создании ваших подстраниц (например, «о себе» или «контакт»), и пользовательские значки меню.

На этом этапе ваша новая тема активна на вашем сайте.Вы можете увидеть это в действии, просто перейдя на сайт YOURDOMAIN.com .

Хотя то, что вы там видите, далеко от потенциала темы. Прямо сейчас мы позаботимся о том, чтобы адаптировать дизайн, меню и другие элементы, чтобы сайт выглядел именно так, как вы этого хотите. Вот как это сделать:

в) Настроить тему

Хотя внешний вид вашей темы уже может быть довольно приятным, вам все же следует сделать некоторые базовые настройки, чтобы она соответствовала вашим потребностям.

Для начала перейдите в Внешний вид → Настройка . Вы увидите основной интерфейс настройщика WordPress.

Оттуда вы можете настроить множество вещей. Начнем с главной страницы, поскольку она наиболее репрезентативна.

Настройка домашней страницы.

Сделайте следующее:

1. На боковой панели перейдите в «Настройки домашней страницы».
2. Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
3. Нажмите «Добавить», чтобы создать новую страницу в качестве домашней.
4. Введите имя страницы — «HOME» кажется хорошей идеей — и нажмите «Добавить».

При этом список последних статей вашего сайта по умолчанию будет заменен полностью настраиваемой главной страницей. По умолчанию вы увидите несколько интересных элементов на своей новой домашней странице.

См. Здесь:

Для начала изменим основной заголовок на странице. Рекомендуется указать либо название вашей компании, либо что-нибудь еще, что служит заголовком для всего сайта.

Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.

После этого слева появится панель настройки.

Через него можно:

• Измените фоновое изображение — сделайте его чем-то связанным с вашим бизнесом
• изменить название
• измените текст под заголовком — вы можете полностью удалить его, если хотите
• изменить текст кнопки — обычно ведет к вашим продуктам или наиболее важным страницам (подробнее об этом через минуту)

Под ним вы можете настроить любые другие доступные блоки домашней страницы.По умолчанию вы получаете все это (см. Этот список, перейдя в «Разделы главной страницы» на боковой панели настройщика):

• Раздел «Возможности » — отличное место для объяснения того, что ваша компания может предложить или какова цель веб-сайта — эта «цель», вероятно, является самой важной вещью, которую следует иметь в виду, когда вы узнаете, как сделать Веб-сайт.

• Раздел « О » — отличное место, чтобы рассказать о своей истории.
• Раздел Team , который можно использовать, если в вашем бизнесе работает больше людей, и вы хотите их выделить.

• Лента — еще одно место, где вы можете упомянуть свой основной призыв к действию.
• Раздел Отзывы отлично подходит, когда вы хотите продемонстрировать, что ваши предыдущие клиенты говорили о вашем бизнесе.

• В разделе Контакты вы можете отобразить свою контактную информацию и сообщить людям, как с вами связаться.

Также доступно несколько дополнительных разделов.Лучше всего просмотреть их и выбрать те, которые имеют смысл использовать для вашего бизнеса и в вашей конкретной ситуации.

Когда вы закончите настройку главной страницы, не забудьте нажать на главную кнопку «Опубликовать», которая находится вверху.

Корректировка типографики.

Следующее, что нужно сделать, — это позаботиться о типографике вашего сайта — шрифтах, используемых по всему сайту.

Вы можете сделать это, перейдя в Настройки внешнего вида → Типографика на боковой панели настройщика WordPress.Там вы сможете выбрать шрифт и сразу же увидеть его на своем сайте.

Цвета.

По умолчанию ваша новая тема будет использовать пару основных цветов, которые определяют цветовую схему по умолчанию. Вы можете изменить этот параметр в настройщике WordPress. Просто щелкните цветов на главной боковой панели.

Акцентный цвет обычно используется для кнопок, ссылок и всего остального, что должно выделяться на фоне остального дизайна сайта.

…

После того, как вы проделаете все вышесказанное, ваш веб-сайт начнет казаться, что действительно ваш . Вы сделаете все необходимые настройки и настройки, чтобы он соответствовал вашему бренду.

💡 Примечание. В настройщике WordPress есть еще много настроек, с которыми можно поэкспериментировать. Например, вы можете:

• выберите макет вашего веб-сайта по умолчанию — хотите ли вы, чтобы боковая панель была слева, справа или нигде,
• , как вы хотите, чтобы список блога отображался,
• , хотите ли вы использовать основное фоновое изображение для всего сайта,
• форма кнопок и многое другое.

Шаг 5. Получите плагины для расширения возможностей вашего сайта

Плагины для вашего сайта WordPress такие же, как приложения для вашего iPhone. 📱

Другими словами, они расширяют стандартную функциональность вашего сайта, добавляя некоторые столь необходимые функции. По сути, пока вы разбираетесь в том, как создать сайт самостоятельно, плагины — это то, как вы можете получить некоторые замечательные функции, не зная кода.

Вот плагины, которые вам следует рассмотреть — лучше всего то, что все они бесплатны:

• Yoast SEO — помогает настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
• Google Analytics для WordPress — интегрирует ваш веб-сайт с самым популярным решением для анализа трафика в Интернете.
• Wordfence Security — повышает безопасность вашего сайта WordPress.
• UpdraftPlus — автоматическое резервное копирование вашего сайта.
• Optimole — оптимизирует ваши изображения.
• WPForms — позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые посетители могут использовать для прямой связи с вами — это намного лучше, чем отображение вашей электронной почты в виде обычного текста на вашем сайте.
• Также просмотрите этот список самых популярных плагинов WordPress всех времен. Вы тоже можете найти там что-нибудь интересное.

Установка плагинов проста. Если мы имеем дело с бесплатным плагином, все, что вам нужно, — это его название.

Перейдите в панель управления WordPress, а затем в Плагины → Добавить новый . Оттуда введите имя плагина, который вы хотите, в поле поиска, а затем нажмите «Установить» и «Активировать».

Шаг 6: Создайте базовые страницы

Есть некоторые страницы, которые должны быть у всех веб-сайтов, независимо от их назначения или цели.

Но сначала как вообще создать страницу :

Для этого просто перейдите на панель управления WordPress, а затем выберите Pages → Add New . Вы увидите этот экран:

• (1) Место для заголовка страницы.
• (2) Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому краю / центру, создание списков и т. Д.).
• (3) Вы можете добавить изображения, нажав эту кнопку.
• (4) Переключение между редакторами Text и Visual . Используйте первое только в том случае, если вы хотя бы смутно знакомы с кодом HTML.
• (5) Раздел Publish . Здесь находится основная кнопка Опубликовать .
• (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «трекбэки и пингбэки» можно не устанавливать.
• (7) Главное изображение . Большинство тем WordPress берут это изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.

Когда вы закончите редактировать содержимое страницы, нажмите «Опубликовать».

Теперь, когда мы разобрались с практическими рекомендациями, вот страницы, которые вам следует подумать о создании:

• Примерно — я уже упоминал об этом несколько раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать историю вашего веб-сайта и почему люди должны обращать на него внимание.Эта страница просто необходима всем, кто хочет научиться создавать веб-сайт.
• Контакт — здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую ​​форму через вышеупомянутый плагин WPForms).
• Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
• Портфолио — место, где вы можете продемонстрировать свои прошлые работы.
• Магазин — незаменимая вещь, если вы хотите продать что-либо со своего сайта. Чтобы это работало, вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.

Когда вы закончите с ними, вы также можете проверить этот список из 12 ценных страниц, которые стоит разместить на своем сайте.

Шаг 7. Рассмотрите возможность создания блога

Блог (а также маркетинг через контент — он же «контент-маркетинг» в целом) — один из наиболее эффективных способов продвижения не только вашего веб-сайта, но и любых продуктов, которые вы, возможно, захотите продавать через этот веб-сайт.

И это говорю не только я; есть необработанные данные, подтверждающие, что блоги — превосходный инструмент для интернет-маркетинга: 55% маркетологов считают ведение блогов своим главным приоритетом входящего маркетинга.

Ведение блога — простая концепция. Что вы делаете, так это регулярно публикуете статьи, связанные с темой вашего веб-сайта.

С технической точки зрения, WordPress с самого начала имеет встроенные инструменты для ведения блогов. Фактически, WordPress начинался как платформа для ведения блогов.

Чтобы создать новую запись в блоге, все, что вам нужно сделать, это перейти в « сообщений» → «Добавить новый » (с панели инструментов WordPress).

Сам процесс создания сообщения в блоге работает почти так же, как создание новой страницы. Панель редактирования выглядит почти так же (снимок экрана ниже), и параметры в основном такие же.

Одно из немногих отличий заключается в том, что вы также можете назначать свои сообщения категориям и тегам.

Вот как выглядит добавление нового сообщения в блог:

Когда вы закончите работу над сообщением в блоге, нажмите «Опубликовать.”

Чтобы ваши сообщения были легкодоступными, вы должны назначить одну из своих страниц в качестве основного листинга блога для этих сообщений.

• Для этого сначала перейдите в Pages → Add New и создайте пустую страницу. Назовите это «БЛОГ» — просто чтобы прояснить ситуацию.
• Затем перейдите в «Настройки » → «Чтение » и выберите вновь созданную страницу блога в качестве «Страницы сообщений», например:

На этом этапе вы можете перейти на эту новую страницу и просмотреть все свои последние сообщения в блоге.

Конечно, сложная часть создания блога — это регулярно писать сообщения в блог и делать их привлекательными для чтения. Узнайте больше о том, как создать потрясающий блог на WordPress!

Шаг 8. Настройте навигацию по сайту

Поскольку все ваши ключевые страницы в сети (и, возможно, ваш блог также запущен), сейчас хороший момент, чтобы настроить навигацию вашего сайта и упростить его использование для посетителей.

Здесь мы сосредоточимся на двух элементах:

a) Меню

Меню — это основной инструмент, с помощью которого посетители перемещаются по вашему сайту, поэтому они имеют решающее значение при понимании того, как создать сайт.

В зависимости от вашей темы у вас будет несколько вариантов на выбор, касающихся настроек меню. Вот что обычно можно сделать (на примере Гестии):

Сначала перейдите в Внешний вид → Меню на панели инструментов WordPress.

Вы увидите панель по умолчанию:

Слева находятся все страницы, которые вы можете добавить в меню. Справа видна сама структура меню и все его настройки.

Начнем с выбора пары ключевых страниц и добавления их в меню.Хорошая идея — выбрать «О себе», «Контакты», а также одну или две другие страницы, которые вы считаете важными, и добавить их в меню.

Самое замечательное во всей этой панели то, что вы можете перетаскивать элементы меню, чтобы изменить их порядок.

Когда вы закончите, выберите меню внизу. Обычно при выборе места с пометкой «Основное меню» меню отображается в верхнем разделе веб-сайта. Вероятно, это то, что вы хотите для своего главного меню. Нажмите «Сохранить меню», чтобы сохранить настройки.

💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите на ссылку «создать новое меню», которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в другом месте. Итак, для этого нового вы можете назначить его как «Меню нижнего колонтитула».

Когда вы перейдете на свой сайт сейчас, вы увидите меню на месте.

б) Виджеты

Виджеты — это устаревшая функция WordPress. Проще говоря, виджет — это небольшой блок контента, который может отображаться в различных местах веб-сайта.

Обычно такие блоки размещаются на боковой панели или в нижнем колонтитуле сайта.

Чтобы увидеть, как это может выглядеть, и настроить виджеты, перейдите в Внешний вид → Виджеты на панели инструментов WordPress. Вы получите этот экран:

Тема Hestia предлагает несколько областей виджетов, помимо боковой панели или нижнего колонтитула, но давайте пока не будем заострять внимание на этих дополнительных местах размещения.

Чтобы добавить любой виджет в область виджетов, просто возьмите его с левой стороны и перетащите в выбранную область виджетов справа.

Например, как вы можете видеть, на моем сайте у меня есть поиск, последние сообщения, архивы и категории на боковой панели (снимок экрана выше). Вот как выглядят эти виджеты, когда я перехожу на страницу «О нас», например:

…

После того, как вы закончите работу с виджетами и навигацией, ваш сайт в основном готов для всеобщего обозрения!

Видеоверсия этого руководства

Вот видео-обзор шагов, необходимых для создания веб-сайта на WordPress.Вы можете рассматривать это как обобщение того, что было сказано выше.

Заключение

Вот и все! Вы только что узнали, как создать сайт! 🍾🎊

Самое замечательное в представленном здесь процессе состоит в том, что вы можете сделать все самостоятельно и не должны никого нанимать. Создание веб-сайта на WordPress в качестве платформы — наиболее экономичное из доступных решений.

Если вы хотите узнать больше о том, что делать со своим веб-сайтом после его запуска — e.грамм. как продвигать свой веб-сайт или как его монетизировать — прочтите любые другие наши руководства в блоге.

Если у вас есть какие-либо вопросы о том, как создать веб-сайт с нуля, задавайте их в комментариях ниже!

Бесплатный гид

5 основных советов по ускорению работы вашего сайта на WordPress

Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

* Этот пост содержит партнерские ссылки. Это означает, что если вы нажмете на одну из ссылок на продукт, а затем купите продукт, мы получим небольшую комиссию.Не беспокойтесь, вы все равно будете платить стандартную сумму, так что с вашей стороны никаких затрат не будет.

Как создать тему WordPress с нуля: основы

В этом руководстве мы подробно рассмотрим файловую структуру темы WordPress и узнаем, как создать базовую тему WordPress с нуля.

В первой части этой серии мы представили темы WordPress и фундаментальную терминологию, относящуюся к разработке тем WordPress. Мы рассмотрели шаблон , частичный , иерархию шаблонов , WordPress типы сообщений , стиль .css , CSS filter и action hooks, WordPress loop , conditional tags , и мы вкратце рассмотрели типичную простую файловую структуру темы WordPress.

Создание темы Bare Minimum

Первое, что мы сделаем, это установим плагин, который позволит нам пакетно создавать записи WordPress и другой контент. Таким образом, мы сможем быстро заполнить наш веб-сайт разработки, не теряя слишком много времени. Для этой цели служит плагин FakerPress от Gustavo Bordoni, доступный в репозитории плагинов WordPress.

Быстро устанавливаем и активируем плагин через WP-CLI.

Теперь, когда мы войдем в панель управления администратора, мы увидим, что FakerPress установлен, и мы можем создавать все виды контента в пакетном режиме, включая любые пользовательские типы сообщений, которые у нас есть.

Теперь, используя этот плагин, мы создадим поддельный контент. Это результат с использованием темы WordPress TwentySeventeen по умолчанию:

Теперь мы быстро погрузимся в тему и настроим минимальную тему, которая состоит из всеобъемлющего индекса .php и style.css , которые нам нужны для системы шаблонов WordPress для распознавания темы:

Это style.css , который пока состоит только из мета-комментариев CSS. Эти комментарии обязательны.

Это файл index.php . Он будет ловить все запросы на данный момент:

  


>

    <название>  
    ">
    



      <заголовок>
         
 
 
         
 
 
      

         
  

Теперь мы загружаем и активируем имеющуюся минимальную тему.Активирую с помощью WP-CLI:

Тема теперь видна WordPress и активна:

Мы не предоставили снимок экрана, поэтому отображение в серверной части является основным.

Если мы сейчас зайдем на наш сайт в браузере, то увидим:

Очевидно, у нас есть над чем работать.

Если мы посмотрим на исходный код домашней страницы, мы увидим, что функция wp_head () вывела множество тегов WordPress по умолчанию в , таких как CSS, JavaScript, link и . мета теги .

Функция bloginfo () используется для вывода информации о веб-сайтах.

Наша домашняя страница пуста, потому что мы ничего не выводим внутри цикла — шаблон, который WordPress использует во всех своих шаблонах для вывода контента.

На странице Кодекса о Лупе подробно рассказывается об этом. Типичная структура цикла, основанная на управляющей структуре PHP и , выглядит так:

Нам нужно заполнить этот цикл и содержимым или тегами WordPress для вывода содержимого.

Если мы изменим наш цикл, добавив the_title () , the_excerpt () , и мы добавим разметку HTML и the_ID () , чтобы выглядеть так:

Теперь мы получим список сообщений на нашей домашней странице без примененного стиля:

WordPress по умолчанию показывает страницу блога — страницу архива для всех сообщений блога.

Если теперь мы посетим URL-адрес отдельного сообщения — что-то вроде http://my-website.com/2018/11/14/sapiente-ad-facilis-quo-repellat-quos/ — мы увидим что-то вроде этого:

Наша петля , хотя и очень грубая, на самом деле работает.

Структурирование нашей темы в файлы и применение разметки начальной загрузки

Теперь мы реализуем партиалы, такие как header.php и footer.php и различные специализированные шаблоны, все с использованием разметки Twitter Bootstrap, чтобы упростить стилизацию.

Начиная с index.php , мы заменяем все содержимое до и после цикла функциями get_header () и get_footer () :

Это означает, что нам нужно предоставить весь этот контент в упомянутых частичных файлах.

В соответствии с тем, что мы сказали — что мы будем использовать тему Twitter Bootstrap — наш файл header.php будет выглядеть так:

  









<тело >

  

  

      

  

Наш нижний колонтитул .php будет выглядеть так: