Как создать сайт wordpress с нуля бесплатно [пошаговая инструкция] для новичка (4 простых способа)

Содержание
  1. Устанавливаем нужные плагины WordPress
  2. Шаг 1. Выбор хостинга и регистрация домена
  3. Установка Вордпресс
  4. Дешево и сердито или Зачем разрабатывать сайт с нуля, если есть WordPress? / Habr
  5. Почему именно WordPress?
  6. Среди основных достоинств WordPress платформы можно выделить:
  7. Маркетплейсы
  8. Способ 1
  9. Шаг № 6: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров
  10. Как выбрать хостинг
  11. Что такое хостинг?
  12. WordPress с чего начать?
  13. Хостинг
  14. Плагины
  15. Сайт wordpress: чем отличается блог, лендинг, магазин…
  16. О чем еще следует знать
  17. Выбор и установка темы / шаблона WordPress
  18. Установка темы
  19. Настройка виджетов
  20. Виджет HTML-код
  21. Виджет Текст
  22. Шаг 2. Установка WordPress
  23. Как сделать сайт на WordPress
  24. С чего начать создание сайта
  25. Шаг № : Добавляем изображения в пост
  26. Почему лучше писать сайт на движке Вордпресс
  27. Как добавить карту и другие функциональные элементы на сайт WordPress
  28. Заключение

Устанавливаем нужные плагины WordPress

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

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

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

Добавить плагины WordPress

Если вы просто хотите получить представление, можно просматривать избранные и популярные плагины, используя ссылки над списком. Эти разделы регулярно обновляются.

Если вы хотите установить плагин нужно нажать кнопку Установить, а потом Активировать. Например, нам нужно установить обязательный плагин Cyr-To-Lat.

WordPress плагин Cyr-To-Lat преобразует не-латинские символы в ярлыках записей, страниц и рубрик в латинские. Полезно для создания человекопонятных URL (ЧПУ).

Для этого, введите его название в поле поиска по плагинам:

Поиск нужного плагина

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

Установить Cyr-To-Lat плагин WordPress

Нажмите кнопку Установить, а через несколько секунд кликнете Активировать.

Активировать плагин ВордПресс

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

Настройка плагинов WordPress

Страница Настройки плагина Яндекс.Турбо:

Страница настроек плагина

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

При выборе расширений для сайта WP обращайте внимание на обновления модуля. Если плагин постоянно обновляется разработчиком, то смело устанавливайте его, а если модуль заброшен — не загружайте

Плагины устанавливайте только самые необходимые, без которых обойтись ни как нельзя. Например, для любого сайта на WP нужно установить SEO плагин (смотрите лучшие), плагин от спама, модуль для безопасности сайта, плагин для оптимизации WordPress, плагины для размещения рекламы (монетизация сайта с помощью Google Adsense, РСЯ) и некоторые другие.

Плагины для интернет магазина

Теперь поговорим как создавать страницы и сообщения /записи в WordPress.

Шаг 1. Выбор хостинга и регистрация домена

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

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

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

Зайдите на главную страницу SpaceWeb и выберите тариф «Виртуальный хостинг»:

Выберите количество сайтов и нажмите Заказать — для одного блога потребуется один сайт, поэтому подойдет тариф «Лучшедома-2»:

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

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

После этого SpaceWeb покажет окно об успешной регистрации. Нажмите войти в Панель управления:

По умолчанию SpaceWeb дает 14 дней тестового периода — этого достаточно, чтобы настроить WordPress и протестировать все функции хостинга.

Установка Вордпресс

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

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

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

В распакованном дистрибутиве вы найдете файл wp-config-sample.php. Вам необходимо переименовать его, оставив только wp-config.php. Именно на этом этапе вы и воспользуетесь помощью предустановленного ранее текстового редактора. Чтобы сайт на движке заработал, необходимо правильно указать информацию о базе данных, созданной на хостинге. Вам предстоит кое-что добавить в файле wp-config.php (писать много не придется):

  • напротив DB_NAME впишите имя БД (базы данных);
  • возле DB_USER укажите имя пользователя;
  • там где DB_PASSWORD пропишите пароль;
  • около DB_HOST обычно нужно указывать localhost, но не всегда (воспользуйтесь помощью поддержки сервера, чтобы это узнать);
  • DB_CHARSET (также выясняйте в службе поддержки);
  • DB_COLLATE (если не требуется, то не меняйте эту строку).

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

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

Дешево и сердито или Зачем разрабатывать сайт с нуля, если есть WordPress? / Habr

Но сегодня для того, чтобы начать свой бизнес в интернете не нужно заказывать услуги таких дорогостоящих специалистов, как разработчики и UI/UX дизайнеры. Отличная альтернатива разработке индивидуального сайта – это адаптация шаблонного сайта. Это значительно дешевле, проще и быстрее. Но как определиться, с какой системой работать и какой шаблон выбрать?

Существует масса шаблонов написанных для различных систем управления контентом CMS (англ. Content management system), таких как WordPress, Drupal, Joomla, Magenta и прочие. По данным ресурса builtwith половина сайтов в интернете сделаны на базе WordPress.

Почему именно WordPress?

  • простота использования
  • бесплатное использование
  • удобство и масштабируемость системы
  • обширная документация
  • большое сообщество поддержки
  • постоянное обновление системы
  • множество разнообразных плагинов и шаблонов
  • разноплановость применения
  • адаптивность под мобильные платформы

дружелюбность к SEO
и множество других преимуществ

Среди основных достоинств WordPress платформы можно выделить:

Огромное сообщество поддержки
  1. wordpress.org/support
  2. wordpress.com
  3. wordpress.co.ua
  4. wpcafe.org
  5. www.siteground.com/tutorials/wordpress
  6. www.wp-info.ru
  7. wordpressinside.ru
  8. oddstyle.ru
  9. www.wpbeginner.com
  10. ithemes.com
  11. forums.envato.com/tags/wordpress
  12. www.wp101.com
Платные и бесплатные шаблоны

Маркетплейсы

А постоянное повышение требований к шаблонам позволяет удержать планку на весьма высоком уровне. Модераторы themeforest ориентированы на визуальную составляющую шаблона, важен визуальный wow-эффект. Некоторые шаблоны имеют награды престижных дизайн конкурсов, таких как:

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

Способ 1

  1. Для начала нужно скачать и распаковать архив с шаблоном на компьютер
  2. С помощью файлового менеджера (например Total Commander или Finder), загрузить папку с темой в директорию wp-content/themes.
  3. Зайти в Панель управления сайта и в меню WordPress выбрать опцию «ВНЕШНИЙ ВИД» –> «ТЕМЫ». В списке должен появиться новый шаблон
  4. Далее необходимо выбрать новую тему и активировать её

 2. Далее под появившимся вверху меню нужно следовать в «Загрузка»

 3. И там уже загрузить нужную тему

Примечание! Тема должна быть в архиве zip.

Шаг № 6: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров

Обозначенная в подзаголовке задача решается разными способами. Например, при установке плагина All in One SEO Pack вы уже подключили ресурс к кабинету для вебмастеров Google. Подключить сайт к «Вебмастеру», «Метрике» и Google Analytics поможет установленный ранее плагин Head, Footer and Post Injections.

Зарегистрируйте сайт в указанных сервисах. Инструкции по регистрации можно найти в гайдах:

  • По «Вебмастеру».
  • По «Метрике».
  • По Google Analytics.

После регистрации в сервисах скопируйте коды отслеживания или теги верификации и вставьте их на сайт. Нужна вкладка Head and footer на странице настроек плагина Head, Footer and Post Injections.

Подключить любой внешний сервис можно с помощью диспетчера тегов Google. Контейнер Tag manager нужно установить в разделы head и body каждой страницы сайта с помощью Head, Footer and Post Injections. А о работе с диспетчером тегов можно прочитать в нашем руководстве.

Как выбрать хостинг

Что такое хостинг?

Хостинг – место на серверах, где находится любой сайт. Компаний, предлагающих эту услугу, очень много.

Выбирайте хостинг в зависимости от:

И, конечно, вам следует обращать внимание на:

  • Цены
    Низкие цены – не показатель. Хороший хостинг не может стоить дешево.
  • Обслуживание
    Оперативная помощь и поддержка
  • Подарки при подключении
    Компании активно предлагают бонусы: 2+ домена, сертификат SSL, реклама в Google AdWords..
  • Стаж работы
  • Отзывы
  • Бесплатный тестовый период
    Да, такая услуга распространена.

Основные тех. требования к хостингу сайта WordPress.

  • версия PHP 7
  • версия MySQL от 5.6 и выше
  • модуль Apache mod_rewrite
  • HTTPS (желательно)

Если у сайта нет SSL сертификата (т.е. адрес сайта начинается с http://), Google также понижает его в выдаче.

Yandex тоже в теме.

WordPress с чего начать?

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

Пошаговая инструкция

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

  • Регистрируемся на сайте http://wordpress.com/ …и все, по сути, вы уже создали сайт! С доменным именем: вашлогин.wordpress.com. Элементарно, Ватсон! Однако теперь нужно его оформить и наполнить данными.
  • Заходим в панель управления (Dashboard).
  • Создаем нужные страницы (Pages). Для этого находим слева в меню «Pages» – «Add New». В появившемся экране нужно ввести заголовок страницы, потом чуть ниже в поле текст для самой страницы. Следует отметить, что на странице есть возможность быстрого форматирования текста, вставки изображения, видео, аудио, медиа, голосования и стандартной формы. После того, как вы ввели данные для страницы, нажимаем на кнопку справа «Publish». Страницы – это статичная информация, которая может меняться на сайте очень редко. Например, «О нас», «Контакты», «Услуги».
  • Создаем записи (Posts). Для этого в меню слева кликаем на «Posts» – «Add New». Записи отличаются от страниц тем, что они динамичны. Такой формат подходит для новостей, статей, анонсов, товаров и пр. Иными словами, та информация, которую вы планируете часто обновлять на сайте. Записям присваиваются определенные рубрики (Categories), которые на сайте располагаются обычно справа. Например, «Автомобили», «Здоровье», «Психология». Если вы не выбрали рубрику, то система поместит запись в рубрику по умолчанию. Чтобы создать новую рубрику, необходимо в меню справа «Posts» – «Catogories». При этом справа вы увидите список имеющихся категорий, а слева – форму добавления новой категории. Можно также делать подкатегории.
  • Комментарии (Comments). Т.к. WordPress изначально создавался для создания блогов, в нем есть возможность комментариев к записям. Их можно модерировать, отключать на определенных страницах, разделах, конкретных постах и т.д.. («Posts» – «Comments»).
  • Теперь выбираем тему (Themes) дизайна вашего сайта. При создании сайта непосредственно на сервере http://wordpress.com есть возможность выбрать одну из 80 бесплатных тем. Для этого в меню слева выбираем «Appearance» – «Themes». Следует отметить, что в темах можно вставить свой логотип (название), главную картинку и фон. Все остальные правки стилей (CSS) темы платные – 14,97 у.е. в год. Но, как правило, бесплатного варианта вполне хватает.
  • Кроме того, на сайт можно добавить виджеты (Widgets). В зависимости от выбранной вами темы оформления, некоторые уже будут подключены, а некоторые будет возможность подключить. Для этого слева в меню находим «Appearance» – «Widgets». Примеры виджетов: RSS-лента, подписка на новости сайта, поиск, календарь, ваши линки, рекламные тексты, twitter-лента и пр.
  • Если вы хотите сделать сайт со своим доменом, например, www.yourname.com, то это можно сделать с помощью платной услуги парковки (Mapping) вашего купленного домена на сервере http://wordpress.com, и стоит это 12 у.е. в год. Для этого в меню слева находим «Dashboard» – «Upgrades» – «Domains».

Хостинг

Хостинг — это место в интернете, на котором будет хранится сайт. К выбору хостинга нужно относиться ответственно. Вот каким критериям он должно отвевать:

  • Нельзя использовать для создания серьёзного проекта, на который возложены большие надежды, бесплатный хостинг. Ничего хорошего из этого не выйдет, только зря потраченное время и усилия. Нормальный хостинг стоит не дорого, в районе 100 рублей в месяц.
  • Желательно, чтобы сервера хостинга находились в той же стране, в которой вы продвигаете сайт.
  • Перед покупкой хостинга, почитайте отзывы о нём. Не пугайтесь, если будет много отрицательных отзывов. О любом продукте есть негативные мнения. Но если плохих отзывов больше хороших, то надо уже задуматься.
  • Внимательно ознакомьтесь с объёмом и качеством предоставляемых услуг хостинга перед покупкой.

Ознакомьтесь со всеми рекомендациями по выбору хостинга.

Плагины

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

  • Плагин для транслитерации URL – необходим всем русскоязычным проектам. Он переводит кириллические URL, которые сложны для индексации, в латиницу, транслитирует их. Например, подойдёт Cyr-to-lat.
  • SEO плагин должен выполнять как минимум одну важную функцию – создание мета-тегов заголовка и описания у страниц и записей. Эти мета-теги будут формировать сниппет страницы в поисковой выдаче, а также позволят поисковику понять смысл контента на ней. Также большинство SEO плагинов могут генерировать XML карту, которая важна для продвижения. Подойдут плагины All in one SEO или Yoast SEO.

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

  • Для защиты от взлома.
  • Для защиты от спама.
  • Для защиты от копирования.
  • Для создания HTML-карты сайта.
  • Для создания кнопок социальных сетей.

Сайт wordpress: чем отличается блог, лендинг, магазин…

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

САЙТ— общее название любого ресурса — место в паутине интернета, занятое веб-страницами

Неважно какого вида. Главное — уникальный адрес, домен, единственный и неповторимый

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

БЛОГ — вебсайт, который ведет один человек — блогер. Пишет сам, делится опытом, навыками. Например, таков мой по структуре. Куховарю, объединяя в одном лице — блогера, вебмастера, администратора, копирайтера, дизайнера, сеошника, технаря…, не в смысле — крутой специалист, просто работаю самостоятельно.

ВЕБ-ПОРТАЛ — ресурс, представляющий из себя интернет-сервис. Может включать несколько сайтов. Например, Гугл, Яндекс, Госуслуги, большой проект с публикацией Законов, оформления документов и т. п. Такие привлекают много пользователей. Часто занимают первые позиции в поиске.

ОДНОСТРАНИЧНИК — вебсайт, состоящий из одной страницы. Это какое-либо предложение услуг, товара, коуча. Часто носит рекламный характер, давая пользователю краткую информацию о событии, которое скоро наступит. Например, пока учитесь, можно сделать вывеску в сети, что скоро заработаете.

Чтобы проект работал как надо, перед установкой Темы, прочитайте о правильном выборе. Где скачать, как настроить, что проверить прежде. Не говоря уже о предварительной проработке структуры вебресурса. В данный момент это не нужно, но вот-вот понадобится.

О чем еще следует знать

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

Насчет сайта в интернете. Можно использовать бесплатный хостинг, но продвигать ресурс не получится. Подойдет для тренировки. Но опять: локалка удобнее — все файлы на ПК, а чтобы до них добраться в интернете, придется использовать Ftp -клиент.

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

Предупреждаю заранее: Читала комментарий на одном блоге. Там парень был сильно возмущен, что и за плагины плати, и за Тему плати, и за сертификат плати, и за остальное… Так вот, все, кроме хостинга и домена, можно сделать бесплатно! Не покупайте ничего, пока не будете уверены, что бесплатной альтернативы нет, а вам это позарез нужно.

Выбор и установка темы / шаблона WordPress

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

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

Установленные темы WordPress

На этом экране вы можете:

  • Навести курсор на тему, чтобы увидеть кнопки Активировать и Просмотреть.
  • Нажать на тему, чтобы увидеть её название, версию, автора, описание, метки и ссылку Удалить.
  • Нажать кнопку Настроить для текущей темы или Просмотреть для любой другой, чтобы открыть окно предварительного просмотра.

Текущая тема выделена цветом и отображается первой.

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

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

Новые темы WordPress

Далее, вы можете отфильтровать результаты на основе:

  • Популярные
  • Свежие
  • Любимые

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

Подробные критерии для поиска с помощью фильтра характеристик

 Если вы нашли тему, которая вам понравилась, её можно просмотреть или установить.

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

Просмотр темы и установка

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

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

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

Установка темы

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

Тема для WordPress должна отвечать таким требованиям:

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

Настройка виджетов

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

Виджеты в WordPress

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

Каждый элемент содержат собственные настройки. Разберем часто используемые.

В данном виджете указываем Заголовок рубрики и выбираем  “В виде выпадающего меню”.

Виджет Рубрики в WordPress

Виджет HTML-код

Позволяет вставлять html-код, но к сожалению встроенными средствами WordPress нельзя добавить код PHP.

Виджет HTML-код

Виджет Текст

Позволяет добавлять оформленный текст с заголовком.

Виджет Текст

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

Добавление виджетов

Так виджеты расположены на сайте.

Расположение виджетов на сайте

Шаг 2. Установка WordPress

Большинство хостингом позволяют установить WordPress автоматически — достаточно найти в панели управления хостингом пункт «Установка CMS» и выбрать там WordPress.

В панели управления хостингом SpaceWeb установить WordPress можно прямо с главной страницы

Если ваш хостер не предоставляет такой возможности, WordPress можно установить вручную.

Понадобится примерно 20 минут.

  1. Зайдите на страницу WordPress и нажмите «Получить WordPress» в правом верхнем углу.

  2. Скачайте архив WordPress.

  3. В файловом менеджере на хостинге перейдите в папку public_html и загрузите туда архив с WordPress.

  4. Распакуйте архив в папку public_html.

  5. Зайдите в папку wordpress и переместите все содержимое в папку public_html.

  6. Создайте базу данных mySQL на хостинге.

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

  7. Откройте ваш сайт в браузере.

    Вы увидите приглашение установить WordPress.

  8. Введите данные вашей базы данных.

    Понадобится название, логин, пароль (от БД — не путать с хостингом) и сервер базы данных. Это можно найти в панели управления хостингом.Если все в порядке — появится уведомление, что WordPress смог подключиться к базе данных.

  9. Введите логин и пароль для админки WordPress.

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

  10. Готово! WordPress установлен и готов к работе.

    Осталось только войти в панель управления с логином и паролем с предыдущего шага.

Как сделать сайт на WordPress

Темы, которые мы разберем в нашем руководстве.

Важно: Мы сделали на сайте новый раздел с бесплатными плюшками: мокапы, логотипы, иконки, шрифты, клипарты, паттерны, шаблоны для инстаграм. Если вам что-то из этого нужно — пользуйтесь:). Прежде чем мы начнем, давайте рассмотрим некоторые частые вопросы

Прежде чем мы начнем, давайте рассмотрим некоторые частые вопросы.

Что нужно подготовить для сайта?

Вам нужно выбрать домен и хостинг.

Сколько стоит сделать сайт на WordPress?

Зависит от того, какой сайт вы хотите.

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

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

Какая платформа для сайта лучше?

WordPress — самая популярная платформа в мире. На ней работает 33% всех сайтов в интернете.

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

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

С чего начать создание сайта

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

Почему?

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

WordPress же является бесплатным.

Посмотрите видео, где я сравниваю WordPress с конструктором Wix по 5 главным пунктам.

httpv://www.youtube.com/watch?v=embed/9vFuMD8Xa5U

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

Вы платите за домен и хостинг.

Имя домена — адрес вашего сайта в Интернете. Это то, что ваши пользователи будут вводить в браузере для доступа к сайту (например, azbuka-wp.ru или google.com).

Затем вам понадобится хостинг для сайта.

Стоимость домена начинается от 151₽/месяц, а хостинга — от 175₽/месяц.

Шаг № : Добавляем изображения в пост

Как добавляется картинка в Гутенберг — редакторе мы рассмотрели выше. Сейчас будем говорить о правильном добавлении картинки в классическом редакторе.

Итак, над текстом есть панель управления и кнопка «Добавить медиафайл» Жмем на нее — чтобы загрузить картинку, ее можно просто перетащить из папки в открывшееся поле. Или же через выбор файла, используя проводник.

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

Нужно заполнить поле alt — это альтернативное описание картинки для поисковиков (должно быть по теме поста), далее при необходимости добавить подпись (ее видно) и описание (необязательно, невидимо читателю).

Сделать настройки отображения картинки в посте — по центру, слева или справа (по умолчанию стоит без выравнивания)

Ссылка — выбираете «нет» или «медиафайл», но если надо чтобы картинка ссылалась на другой пост или другой сайт — то вставьте нужный урл (так же устроена работа простых баннеров)

И выбираете размер — полный, большой, миниатюра или средний.

Все картинка в пост загружена. Стоит сделать предпросмотр поста и если что — отредактировать картинку.  Для этого в визуальном классическом редакторе просто кликните на картинке и нажмите на карандаш.

Откроется редактор параметров и вы сможете изменить атрибут alt, подпись и варианты отображения.

Вместо заключения

Почему лучше писать сайт на движке Вордпресс

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

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

  • поддерживать PHP (уточняйте версию в зависимости от обновления движка);
  • MySQL (аналогично проверьте соответствие версии);
  • содержать модуль mod_rewrite для человекопонятных ссылок (по желанию);
  • хостинг должен принимать удаленные соединения.

Как добавить карту и другие функциональные элементы на сайт WordPress

Следующий пример, которые мы обещали рассмотреть, — это как добавить карту при помощи плагина

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

Вы сможете внести на страницу карту при помощи плагина MapifyPro, причем как управляемую, так и в виде графического скрина.

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

Заключение

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

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

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

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Знай и умей
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: