Как сделать сайт на вордпресс: Как сделать сайт на «Вордпресс» с нуля: пошаговое руководство

Содержание

Как создать сайт на WordPress. Пошаговый видеокурс

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

На этой странице вы найдете курс по созданию сайта на WordPress. В курсе нет теории. Я постарался показать и объяснить простыми словами, как создаются сайты на WordPress. Почему мы будем делать сайт именно на WordPress? Все дело в том, что данная CMS система (система управления содержимым) одна из самых популярных. И это не просто так. На момент написания статьи 39% всех сайтов работают на WordPress. А это серьезный показатель. Посмотрите на официальном сайте. Более 60 миллионов человек создали сайты на WordPress. Ну да ладно, а то я как будто его продаю. Кстати, о продаже. WordPress бесплатная CMS. Другими словами, вы можете пользоваться данной системой и многими ее приложениями (плагинами и т. д.) абсолютно бесплатно.

От себя могу добавить, что главная прелесть данной CMS то, что она понятна новичкам. Например, если я вам скажу, что WordPress работает как обычная программа. У вас есть кнопки: «добавить статью на сайт», изменить вид сайта и т. п. Нажав на эти кнопки вы добавляете статью на сайт или меняете внешний вид сайта. Это же просто и понятно? Так вот, самое приятное то, что WordPress так и работает. Нужно только увидеть, как и что делается, и вы уже будете иметь представление о работе с WordPress. Конечно, попрактиковаться придется, но без практики никуда не деться.

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


Домен

На первом видео вы узнаете, как зарегистрировать домен и хостинг. Зачем они нужны?

Домен – это имя вашего сайта, а также его адрес. Когда вы входите на любой сайт, вы видите в адресной строке ссылку. В основном, ссылки начинаются с доменного имени. Иногда с поддомена. Поддомены мы рассматривать не будем. Для понимания, рассмотрим ссылку на этом сайте: «https://vsemu-nauchim.ru/computer/novaja-funkcija-jekrannoj-lupy-windows-10.html»

  • «https://» — протокол передачи гипертекста (Википедия). Нас особо не интересует, просто для справки
  • «vsemu-nauchim.ru» — домен. Вот это и есть доменное имя
  •  «/computer/» — это рубрика сайта
  • «novaja-funkcija-jekrannoj-lupy-windows-10» — название конкретной статьи
  • «.html» — стандартизированный язык разметки веб-страниц во всемирной паутине (Википедия). Этот пункт мы рассматривать не будем.

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

Хостинг

Так как на видео мы сразу регистрируем домен и хостинг, то стоит сказать пару слов о хостинге.

Хостинг — услуга по предоставлению ресурсов для размещения информации на сервере, постоянно имеющем доступ к сети (Википедия). Другими словами – это то место, где хранятся все данные вашего сайта: файлы, изображения, тексты, сам WordPress и прочее. Чтобы ваш сайт работал круглые сутки в интернете, должен быть компьютер (сервер), который работает постоянно. Вот именно этот компьютер нам и предоставляет хостинг-провайдер.

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

В общем, хостинг — это дом нашего сайта. На видео мы сразу зарегистрируем домен и хостинг для сайта.

Ссылки:
Ссылка — Хостинг Макхост
Если нужен промокод писать на этот адрес — [email protected]


Установка WordPress

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


Админ панель WordPress

На этом видео мы рассмотрим административную панель CMS WordPress. Это именно то место, в котором вы будете управлять своим сайтом. Здесь находятся те самые «волшебные кнопки», с помощью которых вы будете изменять ваш сайт, а также наполнять его контентом.


Создание рубрик и записей

Здесь вы узнаете, как создаются рубрики и записи на сайте. Рубрики нужны, чтобы отделять (структурировать) контент. Записи – это ваши статьи, описания и др. Это та информация, которой вы делитесь на своем сайте. Мы будем рассматривать создание записей во встроенном текстовым редакторе, там есть о чем рассказать.

Статья о редакторе WordPress — https://wordpress.com/ru/support/wordpress-editor/


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

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

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

Авторские темы Гудвина — https://www.goodwinpress.ru/


Настройка темы WordPress

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


Меню сайта

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


Инструменты для веб мастера

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

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

Ссылка на хостинг — Макхост
Яндекс вебмастер — https://webmaster.yandex.ru/welcome/
Яндекс метрика — https://metrika.yandex.ru/welcome
Google Аналитика — https://marketingplatform.google.com/about/analytics/
Google Search Console — https://search.google.com/search-console/about
Google AdSense (реклама на вашем сайте) — https://www.google.ru/intl/ru_ru/adsense/start/
Официальный сайт WordPress — https://wordpress.com/ru/
Поддержать канал (блог) — https://vsemu-nauchim.ru/pomoshh-proektu
Telegram канал — https://t.me/instructor_pc


Сжатие изображений

Это уже дополнительное видео о том, как сжимать изображения для сайта. Сжатие нужно для того, чтобы изображения занимали меньший объем на накопителях (меньше «весили»). Зачем уменьшать? Это связано с разными факторами.

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

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

Ссылка на сервис — https://imagecompressor.com/ru/


Резервное копирование сайта (Backup)

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


Перенос домена (DNS)

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


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

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

Как сделать сайт с WordPress и Elementor

Не у всех есть технические навыки, чтобы создать рабочий веб-сайт. Ведь для этого нужно знать как минимум HTML, CSS и хотя бы основы PHP. Однако программирование — не единственный способ справиться с задачей. Нет ничего проще, чем сделать веб-сайт с WordPress и Elementor.

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

Настройка WordPress и хостинга

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

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

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

Создание первой страницы с помощью Elementar

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

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

Под заголовком нажмите кнопку «Редактировать с помощью Elementor», чтобы открыть редактор плагина.

Создайте свою домашнюю страницу с Elementor, используя предварительно сделанный шаблон

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

Нажмите иконку в виде папки, расположенную в центре экрана — Добавить Шаблон.

Elementor имеет широкий спектр шаблонов, можно выбрать любой на свой вкус. Некоторые из них бесплатны, а другие доступны только в Pro версии плагина. Выберите понравившийся макет и нажмите кнопку «Вставить».

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

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

Изменить текст главной страницы

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

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

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

Изменение фоновых изображений

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

У вас есть много вариантов, когда дело доходит до изменения фона. Градиенты, фото и даже видеоконтент YouTube можно использовать в Elementor.

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

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

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

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

Установить страницу в качестве домашней страницы Вашего сайта

Теперь, когда страница создана и опубликована, пришло время установить ее в качестве домашней. Перейдите в админ-панель — Настройки и нажмите «Чтение».

В разделе «отображение главной страницы» вы увидите переключатель для отображения статической страницы. Это говорит WordPress, что вы хотите использовать определенную страницу для главного экрана Вашего сайта. Нажмите переключатель рядом с «Статическую страницу (выберите ниже)»

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

Создание остальных страниц сайта

Домашняя страница-не единственный раздел, который вы можете настроить. У вас также есть такие страницы, как «о нас» или «контакты», которые вы можете настроить. В этом случае просто выполните шаги описанные выше, изменяя каждый заголовок страницы, которую вы хотите создать.

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

Настройте Свой Сайт Сегодня

Elementor дает вам контроль над настройкой WordPress без изучения кода. Система делает всю фоновую работу за вас. Единственное, что вам нужно добавить, это немного вашего собственного воображения.

Заказать создание сайтов на WordPress по лучшим ценам в Москве — 6763 фрилансера,

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


Как заказать разработку сайта

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

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


Услуги нашего сервиса

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


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

что может убить ваш бизнес? (видео) — Маркетинг на vc.ru

Какой вариант для вас выгодней: сайт на Тильда или сайт на WordPress? По каким критериям выбирать движок для сайта и какие последствия выбора? Какие подводные камни ждут вас в процессе создания и продвижения вашего проекта?

{«id»:156898,»type»:»num»,»link»:»https:\/\/vc.ru\/marketing\/156898-sayt-na-tilda-ili-sayt-na-wordpress-chto-mozhet-ubit-vash-biznes-video»,»gtm»:»»,»prevCount»:null,»count»:109}

{«id»:156898,»type»:1,»typeStr»:»content»,»showTitle»:false,»initialState»:{«isActive»:false},»gtm»:»»}

{«id»:156898,»gtm»:null}

18 616 просмотров

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

Я покажу плюсы и минусы Тильды и Вордпресс. Отдельно выделю для чего хороша каждая из платформ и для чего она катастрофически не подходит. Покажу все подводные камни, которые написаны мелким шрифтом внизу страницы)

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

{ «osnovaUnitId»: null, «url»: «https://booster.osnova.io/a/relevant?site=vc&v=2», «place»: «between_entry_blocks», «site»: «vc», «settings»: {«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}} }

Сильная сторона: хороша для лендингов и в целом простая в использовании. Круто подходит для быстрых проектов и для теста гипотез.

Слабая сторона: сайт не ваш, изначально много ограничений, не для блога Вордпресс — это самая популярная система управления контентом (Content Management System) в мире.

WordPress лежит в основе более 30% сайтов по всему миру, и эта цифра постоянно растёт!

Сильная сторона: сайт полностью ваш, нет ограничений, удобен для блога и для игры в долгую)

Слабая сторона: не сильно гибкая в плане дизайна и ряда функционала для новичков.

Подведем итоги! Оба движка хороши, но у каждого есть свои сильные стороны:

— Тильда — идеальное решение для лендингов и небольших проектов.

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

Напишите в комментариях, какой движок вам нравится больше? Ваше мнение о Тильде и о Вордпресс!

Как создать сайт фотографии в WordPress (шаг за шагом)

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

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

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

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

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

Шаг 1. Настройка домена и хостинга

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

Доменное имя — это идентификатор вашего веб-сайта в Интернете.Например, домен Google — Google.com. Доменное имя Envira Gallery — EnviraGallery.com. Веб-хостинг — это компьютер, на который вы загружаете свой веб-сайт, изображения и т. д., чтобы другие могли их увидеть. Каждому сайту нужен веб-хостинг.

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

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

HostGator предлагает пользователям Envira Gallery эксклюзивную скидку 57%, которую вы просто не можете превзойти! Чтобы получить эту специальную цену, просто нажмите здесь, чтобы перейти к HostGator.

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

Просто введите свое доменное имя, чтобы зарегистрировать его. Если нужный домен недоступен, HostGator предложит несколько вариантов на выбор. Обычно мы рекомендуем использовать домены .com, потому что их легко запомнить.

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

Хотя вы получаете лучшую цену при предварительной покупке хостинга на 36 месяцев, вы можете начать с меньшего 12-месячного плана.Конечно, начиная с меньших временных затрат, требуются меньшие предварительные капитальные вложения. А затем, когда ваш веб-сайт вырастет до тысяч посетителей в день, вам будет проще перейти на более крупный план или на управляемый хостинг WordPress, такой как WPEngine.

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

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

Обязательно введите код купона ENVIRA в поле купона, чтобы получить лучшую цену на новый веб-хостинг!

Шаг 2. Установите WordPress с помощью QuickInstall

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

Просто войдите в свою учетную запись cPanel на своем веб-сайте, используя данные в своем электронном письме.

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

В QuickInstall выберите WordPress в верхней строке меню.

Теперь просто нажмите кнопку Install WordPress .

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

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

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

Теперь войдите в админ-панель WordPress, используя указанную выше информацию.

После того, как вы вошли в систему, вы готовы создать свой сайт фотографии на WordPress!

Шаг 3. Выбор лучшей темы для фотографий

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

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

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

Для этого урока мы используем тему патио № 5 из нашего списка выше.

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

Чтобы просмотреть темы для веб-сайтов с фотографиями, просто введите «фотография» в строке поиска и нажмите кнопку «Ввод».

Как я упоминал ранее, мы используем тему фотографий WordPress Patio . Это красивая тема WordPress для фотографов.

Вам нужно нажать на кнопку Установить из темы Патио , а затем нажать на ссылку Активировать на следующем экране.

Теперь ваша тема с фотографиями установлена ​​и активирована в WordPress.

Шаг 4. Добавьте страницы и сообщения на свой веб-сайт

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

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

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

Вам нужно будет назвать свое меню, затем нажать кнопку Создать меню .

Он добавит все ваши страницы в новое меню по умолчанию. Вы можете удалить любые ненужные страницы, развернув пункт меню и нажав Удалить .

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

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

Вы можете увидеть, как меню будет отображаться на главной странице вашего веб-сайта с фотографиями в следующем примере:

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

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

Шаг 5. Добавление изображений в медиатеку WordPress

Вы можете добавлять фотографии в медиабиблиотеку WordPress по умолчанию ( Media » Add New ).

По умолчанию размер загружаемого файла в WordPress составляет 2 МБ. Однако вы можете увеличить его, отправив запрос своему хостинг-провайдеру, или ознакомьтесь с нашим руководством о том, как загружать большие изображения в WordPress.

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

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

Шаг 6. Установите лучший плагин галереи изображений в WordPress

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

Чтобы создать красивую галерею изображений для своего веб-сайта, установите плагин Envira Gallery.

Вы можете сделать это, перейдя в раздел Плагины »Добавить новый из панели администратора WordPress и выполнить поиск « Envira Gallery ». Он покажет вам возможность установить плагин Envira Gallery.

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

После активации плагина перейдите в Галерея Envira » Добавить новый , чтобы создать свою первую галерею изображений.

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

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

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

Эти настройки включают количество столбцов, тему галереи и многое другое.

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

Вы увидите диалоговое окно с шорткодом и некоторой другой информацией. Скопируйте шорткод отсюда:

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

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

Теперь ваша галерея изображений появится на вашей Галерее странице!

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

Вы можете просто перейти на страницу цен Envira Gallery и выбрать план.

Как только вы получите подробную информацию по электронной почте, войдите в свою учетную запись Envira Gallery. Затем перейдите к Downloads для загрузки последней версии Envira Gallery.

ZIP-файл плагина Envira Gallery будет загружен на ваш компьютер.

Далее вам нужно вернуться в панель администратора WordPress и перейти к Плагины » Добавить новый . Просто нажмите кнопку Upload Plugin .

Выберите zip-файл подключаемого модуля Envira Gallery, который вы только что загрузили, и нажмите кнопку Установить сейчас .

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

После активации плагина вернитесь в свою учетную запись Envira Gallery и скопируйте лицензионный ключ из раздела Обзор .

Перейдите к Envira Gallery » Settings и вставьте свой лицензионный ключ .Нажмите кнопку Verify Key .

После проверки вашего лицензионного ключа вы готовы использовать все функции Envira Gallery, которые входят в ваш план Envira Pro.

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

Шаг 7. Настройка SEO для веб-сайта с фотографиями в WordPress

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

Мы рекомендуем вам использовать плагин Yoast SEO. Это лучший SEO-плагин для WordPress.

Чтобы установить Yoast SEO, перейдите в раздел Плагины »Добавить новый и найдите «yoast seo» . Нажмите на кнопку Установить .

На следующем шаге нажмите Активировать плагин , чтобы активировать плагин Yoast SEO.

После активации плагина вы найдете новую вкладку в меню боковой панели администратора WordPress под названием «SEO» .

По умолчанию настройки Yoast SEO отлично подходят для повышения рейтинга вашего веб-сайта и фотографий в поисковых системах.Однако вам нужно будет добавить некоторые поля, перейдя на вкладку Your Info из SEO » General .

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

Затем перейдите в раздел SEO » Social и добавьте свои учетные записи в социальных сетях.

Остальные настройки изменять не нужно. Вы можете перейти к своим сообщениям или страницам , а затем отредактировать их, чтобы найти раздел Yoast SEO.

В этом разделе Yoast покажет вам, как ваш пост будет отображаться в поисковых системах.Идите вперед и добавьте ключевое слово Focus Keyword для публикации или страницы (это поисковый запрос, для которого вы хотите, чтобы Google отображал вашу публикацию или страницу).

Ниже ключевого слова Focus Keyword вы увидите несколько маркеров. Эта информация Content Analysis даст вам полезные советы по улучшению вашего рейтинга.

Вы также можете ознакомиться с нашим руководством: SEO для фотографов — 31 шаг для ранжирования ваших фотографий в Google инструмент.

Чтобы повысить производительность вашего веб-сайта с фотографиями, вам понадобится плагин W3 Total Cache. Перейдите к Плагины »Добавьте новый и найдите «Общий кэш W3» .

Нажмите кнопку Install для продолжения работы WP Total Cache.

Затем нажмите Активировать плагин , чтобы активировать плагин W3 Total Cache.

После активации плагина новая вкладка под названием «Производительность» будет добавлена ​​на боковую панель администратора WordPress.

Просто перейдите в Performance » General Settings , чтобы включить Page Cache и Browser Cache соответственно. Вы можете найти обе эти ссылки в верхнем меню в разделе Общие настройки .

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

На следующем шаге перейдите в Performance » Browser Cache и включите все настройки, кроме ошибки 404 .

Установив галочки, обязательно сохраните все настройки. Теперь снова запустите тест Pingdom, чтобы увидеть, насколько улучшилась ваша производительность.

Мы провели тест и поделились результатами ниже.

Шаг 9. Рекомендуемые плагины для вашего веб-сайта

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

Такие вещи, как добавление контактной формы, создание списка адресов электронной почты, добавление ползунка и многое другое.

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

Заключение

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

В этом посте мы подробно поделились с вами следующим:

  • Настройка домена и хостинга
  • Установка WordPress
  • Как добавлять страницы и записи
  • Как создавать меню
  • Загрузка фотографий в WordPress
  • 6 Создание галерей изображений
  • Как использовать SEO для ранжирования в поисковых системах
  • Как ускорить работу вашего веб-сайта
  • Плагины, которые мы рекомендуем
  • Ошибки, которых следует избегать при создании веб-сайта

Создавая веб-сайт с фотографиями, убедитесь, что вы избегаете этих 12 ошибок.

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

Если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter, чтобы получать больше бесплатных руководств по WordPress.

Что такое тема WordPress и как с ее помощью создать свой веб-сайт?

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

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

Что такое WordPress?

WordPress — это очень популярное бесплатное программное обеспечение для управления контентом (также называемое CMS), которое вы можете использовать для создания веб-сайта. В настоящее время он используется более чем на 30% веб-сайтов в Интернете (источник) и поддерживает такие различные сайты, как New York Times, сайты малого бизнеса, блоги, магазины электронной коммерции или институциональные сайты.

Как я могу создать свой веб-сайт с помощью WordPress?

  1. Вам не нужны технические знания, чтобы сделать это . Все, что вам нужно сделать, это подписаться на план хостинга. Большинство хостинговых компаний предустановят WordPress для вас, когда вы подпишетесь на тарифный план. Например, с Blue Host вы получите предустановленные WordPress и тему Customizr. (см. здесь)
  2. После установки на свой веб-хостинг вы просто выбираете тему WordPress (также называемую шаблоном), например Customizr Pro, и начинаете разрабатывать свой веб-сайт.

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

Сколько это стоит?

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

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

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

Нужно ли мне быть разработчиком, чтобы использовать WordPress?

Нет. WordPress не требует особых технических навыков, чтобы создать свой веб-сайт. Он прост в использовании, но, конечно, вам потребуется несколько часов, чтобы на 100% ознакомиться с интерфейсом и различными возможностями, предлагаемыми программным обеспечением.

Где найти нужную информацию?

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

После многих лет работы с этой CMS я пришел к очевидному выводу, что лучшей отправной точкой для работы с WordPress является чтение предоставленной документации… WordPress.org ! 🙂

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

Документация для начинающих WordPress.org, которую вы должны прочитать

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

Если вы новичок в WordPress, мы рекомендуем вам начать со следующего:

Руководство по использованию WordPress [2022]

Как дела!

Больше типа чтения?

Хотите создать веб-сайт?

Почта:

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

Теперь вам нужно понять, как использовать WordPress…

Хорошие новости: как всегда, у нас есть твоя семья!

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

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

Хорошо, давайте за ним!

Примечание: вам понадобится дешевый хостинг WordPress, чтобы следовать этому «un», возьмите его здесь, чтобы получить до 60% от наших друзей на HostGator!

Что такое WordPress и как он работает?

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

Благодаря помощи и поддержке огромного сообщества веб-разработчиков и дизайнеров со всего мира, это одна из самых популярных платформ для публикации веб-сайтов в мире (по оценкам, 30% Интернета работает на WordPress, и это чертовски впечатляющее достижение). в нашей книге).

Подробный ответ: посмотрите видео выше и наше полное письменное руководство по вопросу о том, что такое WordPress!

Теперь перейдем к сегодняшнему уроку как создать веб-сайт WordPress туториалу…

Шаг 1: Как получить доменное имя и веб-хостинг

Итак, шаг номер один в нашем руководстве «WordPress для чайников» — это получение доменного имени и веб-хостинга.

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

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

Теперь в этом руководстве мы используем HostGator для получения доменного имени и хостинга.

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

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

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

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

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

Но все будет одинаково независимо от того, работаете ли вы с нашими друзьями в большом HG или не начинаете с шага 3 (как войти в WordPress).

Хорошо, поэтому с HostGator мы рекомендуем план Hatchling, потому что он самый дешевый и его более чем достаточно, когда вы начинаете свой первый сайт.

При этом вы получите один веб-сайт/доменное имя, установку WordPress в один клик, неограниченную пропускную способность и бесплатный SSL-сертификат.

Пресловутый «полный пакет».

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

Теперь, если вы уже получили свое доменное имя, просто нажмите на вкладку «Мне уже принадлежит этот домен» и введите его, позже вы сможете подключить свой сайт к этому доменному имени.

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

Просто введите один в строку поиска, в этом примере мы выбираем «beginnerwptutorials.com».

Нажмите Enter и…

Бум, этот был в наличии, так что мы его купим!

Если выбранное вами доменное имя №1 было выбрано (а, к сожалению, это происходит часто), вы увидите красное предупреждение и вам придется попробовать другое доменное имя.

Вероятно, вы увидите другие варианты выбранного вами доменного имени, такие как «[вашдомен].club» или «[вашдомен].site», но мы настоятельно рекомендуем придерживаться «.com» или «.co» — это самый профессиональный для большинства сайтов (хотя есть случаи, когда «.org» или «.io» также являются хорошим выбором).

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

«Добавить конфиденциальность доменного имени» должен быть отмечен автоматически, убедитесь, что вы оставили его таким.

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

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

Прокрутив вниз, вы увидите несколько вариантов плана:

План Hatchling да, 36-месячный платежный цикл, вероятно, нет.

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

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

Далее введите имя пользователя и PIN-код:

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

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

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

Затем вы можете просто установить флажок, чтобы согласиться с условиями обслуживания, а затем нажать кнопку «Оформить сейчас»:

Затем вы будете перенаправлены на страницу благодарности/«настройки вашей учетной записи» (что займет всего пару минут).

И теперь мы готовы к…

Шаг 2: Как установить WordPress

Итак, после этих нескольких минут вы попадете на страницу, на которой может быть всплывающее окно «Расскажите нам о себе», просто перейдите и щелкните его (вы можете ответить на него, если хотите, но это не поможет вам с установка WordPress, лол).

Затем перейдите на вкладку Marketplace.

Оттуда просто прокрутите вниз, пока не увидите большую синюю кнопку «Установка одним щелчком» и… нажмите на этого плохого мальчика!

Затем просто нажмите «WordPress», очень удобно расположенную в верхней части страницы.

Затем просто выберите свой домен и нажмите кнопку «Далее».

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

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

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

Почему? Ну, потому что ваше доменное имя должно «распространяться» — в основном, HostGator должен рассказать миру о вашем новом доменном имени, чтобы люди во всем мире (включая вас) могли получить к нему доступ из Интернета.

HG сообщит вам, что процесс может занять до 24 часов, что технически так и есть…

Но, по нашему опыту, это никогда не занимало больше 20-30 минут, так что сделайте перерыв, а затем вернитесь через некоторое время, чтобы продолжить работу с шагом 3.

Шаг 3: Как войти в WordPress

Итак, когда вы вернетесь после 20-30 перерыва (надеюсь, время перекуса было потрясающим), самое время проверить свой сайт и найти страницу входа в панель управления WordPress.

Чтобы начать, просто введите свое доменное имя еще раз/обновите страницу (если вы ждали на краю своего места #beentherelol), и вы должны увидеть страницу, которая выглядит следующим образом:

Это означает, что распространение завершено!

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

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

Для этого просто добавьте «/wp-admin» в конец URL-адреса.

В будущем, если вы уже вошли в систему, это автоматически приведет вас прямо к панели инструментов WordPress!

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

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

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

Давайте просто нажмем «x» на всех этих элементах, которые есть у нас в этом уроке.

Шаг 4. Навигация по панели управления WordPress

Теперь, когда мы на приборной панели, давайте исследовать!

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

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

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

Существуют также некоторые параметры «настройки», когда вы просматриваете свой основной сайт (и вошли в систему), мы рассмотрим их ниже.

Во-первых, давайте рассмотрим наиболее важные части панели инструментов WordPress.

Эти иголки в пресловутом стоге сена с кнопками, страницами и опциями, которые WordPress только что вывалил на вас.

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

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

Любой веб-сайт WordPress будет включать следующие инструменты:

  • Обновления — здесь вы сможете найти и установить обновления для платформы WordPress, а также любые установленные вами плагины и темы.
  • Сообщения — это место, где вы будете создавать новые сообщения в блоге или обновлять существующие — такие вещи, как «10 главных секретов WordPress» или «Как использовать учебник по WordPress». Здесь вы также можете просматривать и создавать категории и теги, которые помогут упорядочить ваши публикации.
  • Медиа , где вы можете добавлять или обновлять все изображения, изображения или другие файлы на вашем сайте.
  • Страницы — это место, где вы можете создавать или обновлять страницы, которые не являются частью вашего блога, такие как важные разделы «О нас» и «Свяжитесь с нами».
  • Комментарии — здесь вы можете прочитать, одобрить, удалить или ответить на все комментарии, которые люди оставляют к вашим сообщениям и страницам.
  • Внешний вид имеет множество опций, для наших целей главное, что вы можете здесь сделать, это установить темы.НО вы также можете управлять виджетами, меню, редактировать заголовок своего блога и кое-что еще в зависимости от темы, которую вы устанавливаете.
  • Плагины — это место, где вы можете установить различные фрагменты кода, которые добавляют приложения и функциональные возможности на ваш веб-сайт.
  • Пользователи — здесь вы можете создавать или обновлять учетные записи для других людей на вашем сайте, а также изменять свой профиль WordPress (имя, пароль и т. д.)
  • Инструменты по умолчанию, здесь вы сможете импортировать и экспортировать содержимое блога; плагины могут добавлять сюда другие параметры.
  • Настройки имеет… настройки для целого ряда вещей, таких как ваш блог, редактор страниц/сообщений WordPress, комментарии, мультимедиа и постоянные ссылки.

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

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

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

  • WP Forms на самом деле из плагина; если вы устанавливаете WordPress через HostGator, они автоматически добавят этот плагин для вас, если вы использовали другой хост, который не включал его, вы можете добавить его позже — это в основном упрощает создание контактных форм для вашего сайта (проверьте из этого учебника здесь).
  • Marketplace также специально установлен HostGator, это место для получения премиальных тем. Мы используем другие сайты, поэтому это обычно игнорируется.

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

Если вы хотите просто следовать краткому руководству, вы можете перейти к шагу 5 — как установить темы WordPress.

Панель инструментов WordPress: более глубокое погружение

Обновления

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

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

Тем не менее, вам придется обновлять плагины и темы самостоятельно, что можно сделать на этой странице или на страницах плагинов/тем.

сообщений

Меню «Сообщения» позволяет вам управлять контентом, который вы добавляете в свой блог, здесь есть несколько опций:

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

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

Здесь вы найдете несколько вариантов:

  • Библиотека позволяет просматривать и редактировать все медиафайлы, которые вы загрузили на свой сайт.
  • Добавить Новый звучит так, как кажется… быстрый способ загрузить новые медиафайлы на ваш сайт!
Страниц

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

Обычные подозреваемые по параметрам:

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

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

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

Внешний вид

В этом пункте меню находится множество вариантов изменения дизайна вашего сайта (правда, не все – см. ниже!).

Здесь множество вариантов (это то, что есть на любом сайте WordPress, если вы установите определенные темы и плагины, вы найдете больше):

  • Темы — это место, где вы можете искать и устанавливать новые темы из каталога тем WordPress или загружать и устанавливать темы, которые вы нашли где-то еще в Интернете.
  • Настроить этот вариант сильно меняется в зависимости от выбранной вами темы. Основные параметры — это заголовок и слоган вашего сайта, цвет, фоновое изображение, а также наличие статической домашней страницы (или страницы, на которой отображаются ваши последние сообщения в блоге). Темы/плагины добавят в этот список массу других опций.
  • Виджеты — это коробки со специальным кодом, которые вы можете добавить в различные места на своем сайте, например на главную страницу, в верхний/нижний колонтитул или боковую панель. Что означает «специальный код»? Все, от календарей, ссылок в социальных сетях и последних сообщений до видео, аудиоплееров и контактных форм.
  • Меню — это списки ссылок на страницы/записи на вашем сайте; любой веб-сайт WordPress будет иметь меню верхнего и нижнего колонтитула, в некоторых темах их будет больше.
  • Заголовок предоставит параметры для настройки меню заголовка; эти параметры зависят от установленной вами темы, но обычно включают изменение цвета фона и загрузку вашего логотипа.
  • Редактор тем предназначен для опытных пользователей, так как вам нужно хотя бы немного разбираться в программировании, чтобы использовать его.По сути, это дает вам доступ к файлам внутреннего кода, которые WordPress использует для создания вашего сайта, поэтому вы можете добавлять CSS, HTML, JavaScript и PHP для изменения внешнего вида и функциональности вашего сайта.
Плагины

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

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

Опции здесь:

  • Установленные плагины — это версия плагина «Все страницы/записи» — позволяет вам управлять уже установленными плагинами и обновлять их.
  • Добавить новый позволяет найти и установить новые плагины.
  • Редактор плагинов похож на редактор тем — только для опытных пользователей, определенно требует навыков программирования.
Пользователи

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

Варианты, которые вы найдете:

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

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

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

Tools — это своего рода универсальное ведро для серверных функций.

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

  • Доступные инструменты открывает страницу со списком инструментов из определенных плагинов.
  • Импорт позволяет импортировать данные с других платформ веб-сайтов (либо другой CMS, либо конструктора веб-сайтов) в WordPress.
  • Экспорт Позволяет экспортировать содержимое, чтобы его можно было импортировать в другую установку WordPress.
  • Site Health показывает статистику, советы и информацию о вашем сайте, чтобы вы могли убедиться, что он работает оптимально.
  • Экспорт личных данных позволяет экспортировать любую личную информацию о пользователях с учетными записями на вашем сайте.
  • Стереть личные данные позволяет стереть любую личную информацию о пользователях с учетными записями на вашем сайте.
Настройки

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

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

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

Шаг 5: Как установить темы WordPress

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

Тема WordPress — это, по сути, просто шаблон, который вы можете установить за пару кликов, чтобы радикально изменить (или улучшить) внешний вид и стиль вашего сайта.

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

Итак, на главной панели управления наведите курсор на «Внешний вид» и нажмите «Темы».

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

Но мы можем сделать fam намного лучше, поэтому прокрутите немного вниз и нажмите на гигантское поле «Добавить новую тему».

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

На сегодняшний день нашей любимой темой «WordPress для начинающих» является Hestia, которую вы можете найти, просто введя ее в строку поиска темы рядом с параметрами, упомянутыми выше.

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

Если вам нужна самая супер-пупер-самая настраиваемая, но при этом очень простая в использовании тема WordPress с перетаскиванием — Divi вам точно подойдет.

Astra + Elementor также является для нас постоянным выбором.

Если ни одна из этих тем вам не по душе, ознакомьтесь с нашими публикациями «5 лучших бесплатных тем WordPress для начинающих» и «10 лучших и адаптивных тем WordPress»!

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

Затем вы вернетесь на страницу «Темы», вверху появится сообщение с поздравлением, и вы увидите Гестию в списке тем.

Boom, готово, получилось, отличная работа, тема установлена!

Шаг 6: Как добавить плагины в WordPress

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

плагина WordPress позволяют расширить функционал сайта.

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

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

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

Здесь вы увидите все рекомендуемые плагины и сможете сортировать их так же, как и в темах.

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

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

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

Нажмите «Установить сейчас»:

Затем еще раз, Активируйте, как только кнопка установки изменится:

После этого вы сможете найти его в списке установленных плагинов, а также в меню «Плагин» на панели управления WordPress.

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

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

Перейдите в раскрывающийся список «Массовые параметры», затем нажмите «Деактивировать»:

Затем нажмите кнопку применения.

Затем, чтобы удалить их, просто выполните тот же процесс установки флажка, просто нажмите «Удалить» в раскрывающемся списке вместо «Деактивировать».

Ааа, теперь стало намного чище!

Плагины

WordPress: несколько лучших

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

Существует более 100 000 плагинов, так что не пытайтесь найти и изучить их все.Пожалуйста. Ради всех нас.

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

У нас есть для вас большой старый пост о лучших плагинах WordPress.

Если вы не хотите углубляться, вот небольшой начальный список:

Плагины функций
Плагины для оптимизации веб-сайтов
  • Yoast SEO — плагин поисковой оптимизации для WordPress.
  • WP Rocket — помогает ускорить время загрузки вашего сайта (хорошо как для SEO, так и для ваших посетителей).
  • Автооптимизация — ускоряет работу вашего сайта за счет оптимизации CSS, JavaScript, изображений, шрифтов и многого другого.
Плагины безопасности

Шаг 7. Как настроить тему WordPress

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

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

Если вы выбрали другую тему, такую ​​как Divi (которая является лучшей, просто премиальной), или другой плагин настройки, такой как Elementor (также победитель, когда дело доходит до настройки WordPress), у вас будет много похожих вариантов, но некоторые могут быть отличается/отсутствует.

Итак, чтобы приступить к настройке темы, вернитесь на свой фактический сайт WordPress, щелкнув имя своего веб-сайта и ссылку «Посетить сайт» в верхней части панели инструментов.

Оказавшись там, начните настройку, нажав кнопку «Настроить» в верхней части страницы.

Бам, веб-сайт меняется, чтобы показать все классные вещи, которые Гестия включает в себя по умолчанию.

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

И мы сделаем все это еще круче!

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

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

Итак, если мы хотим изменить заголовок или изображение заголовка, все, что вам нужно сделать, это щелкнуть этот маленький синий значок:

С левой стороны откроются опции для внесения этих изменений.

Так что, если мы изменим наш заголовок здесь на «Учебники WordPress для начинающих», он мгновенно обновится на странице!

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

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

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

Нажмите «Сохранить черновик»

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

Итак, теперь, когда мы в безопасности и защищены от демонов «интернет не работает», давайте заменим изображение в нашем заголовке (это раздел за заголовком страницы, который мы изменили ранее).

Найдите это изображение на боковой панели.

Нажмите «Удалить», затем «Выбрать изображение», когда оно появится после удаления изображения.

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

Загрузите изображение, нажмите «Выбрать изображение», как только оно будет загружено, и бум

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

И вы получите несколько вариантов макета, чтобы переместить это влево, вправо или посередине.

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

Затем перейдите в «Настройки внешнего вида», затем «Цвета».

И вы можете изменить этот розовый акцентный цвет на любой, какой захотите. Мы любим синий цвет!

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

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

А также ваши размеры шрифта, когда вы нажимаете, как вы уже догадались, вкладку «Размер шрифта».

Шаг 8: Как добавить страницы в WordPress

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

Вернитесь в старую верную панель инструментов WordPress, перейдите на страницы, а затем нажмите «Добавить новый».

Откроется новая страница для редактирования/создания.

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

Теперь вы можете изменить текст заголовка, нажав на него и набрав что-то новое.

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

Мы начнем с выбора заголовка из списка здесь.

Затем введите заголовок, нажмите Enter, и вы можете начать вводить основной текст для своей страницы.

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

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

Сделайте это, дважды нажав кнопку «Опубликовать» рядом с кнопкой предварительного просмотра (WP хочет, чтобы вы были уверены, спасибо, что поддерживаете WordPress!).

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

Угадай, что мы будем делать?

Ага.Нажмите на этого плохого мальчика.

На левой боковой панели появятся пункты меню.

Это наше «Основное меню», поэтому мы собираемся щелкнуть ссылку «Редактировать меню» под ним.

Затем «Добавить элементы».

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

Донцо.

Несколько ключевых страниц, которые вы, возможно, захотите иметь

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

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

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

Шаг 9: Как создать запись в блоге в WordPress

сообщения в блоге. Это то, для чего был создан WordPress.

Практические руководства.

10 лучших советов.

Ниже мы покажем вам, как добавить их на свой сайт.

Во-первых, краткое объяснение…

сообщений в блоге WordPress против

страниц

Ну и посты и страницы будут:

Посты, страницы, какая разница?!

  • Иметь название/заголовок (например, «Как пользоваться учебником по WordPress» или «5-дневный бесплатный электронный курс»)
  • Иметь основной контент (например, все слова и изображения в этом сообщении)
  • Иметь метаинформацию (автор, публикация дата и т. д.
  • Можно добавлять, редактировать и удалять.
  • Могут быть видны всем или защищены паролем, чтобы их могли видеть только определенные люди.
  • Может содержать текст, видео, авто, ссылки и изображения.
  • Можно визуально и функционально улучшить с помощью плагинов и тем.

Разница вот в чем:

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

У вас может быть страница «О нас», страница контактов и домашняя страница, и все (в дополнение к вашим сообщениям в блоге).

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

Если вы помогаете людям с учебным пособием (например, этим «un ‘ere»), делитесь историей о путешествии, рецептом или своими мыслями о правильной форме становой тяги, это, вероятно, будет постом.

Теперь вернемся к обучающим материалам…

Вернуться в тире, Сообщения -> Добавить новое.

И у вас получится что-то очень похожее на страницу, которую мы сделали ранее.

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

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

Чтобы добавить категорию к сообщению, просто найдите эту опцию на правой боковой панели.

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

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

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

Еще одна вещь, которую вы можете сделать немного по-другому со своими сообщениями, — это иметь несколько размеров заголовков, чтобы вы могли иметь разделы на своей странице (например, «Шаг 8: Как создать сообщение в блоге WordPress»), а также разделы внутри разделов (например, мы могли бы иметь подраздел «Как изменить размеры заголовков» внутри этого раздела).

Размеры заголовков помечены в WordPress от h3 до h5 (h2 зарезервирован для заголовка страницы/записи), просто нажмите на блок заголовка и нажмите на одну из этих меток, чтобы изменить размер этого заголовка.

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

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

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

Итак, как только вы создали страницы своего веб-сайта WordPress, перейдите к «Внешний вид», затем «Меню» на боковой панели.

Если вы создаете веб-сайт с WordPress на 100% с нуля, у вас не будет здесь никаких меню (хотя иногда такие темы, как Hestia или конструкторы страниц WordPress, такие как Elementor, автоматически добавляют их).

Предполагая, что вы создаете веб-сайт с WordPress на 100% с нуля, начните с создания имени для вашего нового меню и выбора места, где оно будет отображаться («заголовок» красив и ясен, и вы, вероятно, захотите «Основное» расположение, хотя, опять же, ваша тема может иметь другое имя для местоположения меню заголовка, например «верх» или «заголовок»).

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

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

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

Шаг 11: Как опубликовать свой сайт WordPress

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

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

Как только вы заперты, заряжены, готовы взорвать его (есть причина, по которой мы не профессиональные рэперы)…

Раздавите эту ссылку «нажмите здесь», и пусть летят искры!

Шаг 12: Как ускорить WordPress

Ааа, но мы еще не закончили!

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

НО. МЫ. НЕТ. ИДУЩИЙ. К. ПОКИНУТЬ. ТЫ. ПОВЕСИТЬ В’. ТАМ. ФАМ.

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

Начиная со скорости сайта.

Это важно по двум причинам:

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

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

Чем больше у вас есть, тем дольше будет загружаться в целом.

НО есть способы, которыми вы можете оптимизировать свой веб-сайт WordPress, чтобы ваши страницы загружались быстрее, чем олимпийский спринтер на 100 метров (намного быстрее, если ваш сайт загружается за 9,58 секунды, как наш мальчик Усэйн бегал, никто вас не посетит).

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

Вот ваши основные инструменты и методы оптимизации скорости WordPress.

Плагины кэширования WordPress

Первый шаг в игре по оптимизации — кэширование с помощью плагина.

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

Плагины кэширования

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

Некоторые из самых популярных плагинов кэширования WordPress включают:

Плагины для оптимизации изображений WordPress

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

А большие файлы означают медленную загрузку.

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

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

  1. Ваши изображения слишком велики

Например, если вы загружаете изображение размером 1080×1080 пикселей, но ваш сайт уменьшает его размер до 500×500 при загрузке, вы теряете скорость по двум причинам: вы должен отправить этот файл большего размера через Интернет, тогда браузер вашего посетителя должен уменьшить масштаб этого изображения, прежде чем оно сможет правильно отображаться.

  1. Ваши изображения сжаты не полностью

Предположим, вы проделали описанную выше работу и получили то же уменьшенное изображение 500×500. В полном разрешении без сжатия это может быть файл размером 3 МБ. Затем вы можете сжать это изображение — возможно, потеряв качество, которое никто не заметит, возможно, сохранив полное качество — и уменьшить размер файла до 2 МБ. Меньший файл = более высокая скорость загрузки.

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

Но это занимает много времени, когда вы создаете много контента!

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

Включить сжатие gzip для WordPress

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

Он делает это, находя похожие фрагменты текста в файлах и заменяя их (временно, когда ваша страница загружается, все будет отображаться так, как вы это написали, лол), что, поскольку файлы HTML и CSS содержат так много повторяющихся фрагментов текста, может уменьшить размер страницы WordPress на 50-75%.

Существует технический способ включить сжатие gzip через файл .htaccess вашего сайта, который с меньшей вероятностью что-то сломает… ЕСЛИ вы знаете, что делаете.

А пока давайте использовать такие плагины, как:

Да, плагины кэширования, которые мы рекомендуем прежде всего, имеют встроенное сжатие gzip!

Отложить синтаксический анализ JavaScript в WordPress

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

По умолчанию браузеры сначала загружают этот JS-код, из-за чего HTML и изображения отображаются только после этого, что замедляет работу сайта.

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

Плагины, которые сделают это за вас:

Используйте CDN WordPress

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

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

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

Было бы намного быстрее, если бы эти файлы уже были на сервере в Лондоне; с CDN они могут быть.

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

Плагины:

CDN WordPress:

Плагины отложенной загрузки WordPress

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

Это называется «нетерпеливая загрузка».

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

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

Еще один взлом скорости WordPress!

Плагины, позволяющие лениво загружать изображения:

Шаг 13. Как защитить свой сайт WordPress

Определенно не хочу, чтобы ваш блестящий новый сайт был взломан!

А поскольку на WordPress приходится около 30% Интернета, существует множество хакеров (десятки тысяч? миллионы?), пытающихся взломать сайты WordPress круглосуточно и без выходных.

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

Это означает несколько вещей:

Используйте уникальные имена пользователей и пароли

«Администратор» — это имя пользователя, установленное по умолчанию для первого пользователя, созданного во всех установках WordPress.

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

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

Если это так, и вы все еще используете имя пользователя «admin», то эта часть уравнения для входа выполнена для них.

Если ваше имя пользователя WordPress нереальное, например «donthackmebro69», им будет сложнее до него добраться.

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

«Уникальный пароль» означает все, что он обычно делает: включает цифры, заглавные буквы и символы; дольше лучше.

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

Ограничить доступ к вашей админке WordPress

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

Как мы показали выше, вы можете получить доступ к своей панели управления WordPress, которая позволяет вам изменять практически все на вашем сайте, перейдя по адресу «[yourdomain].com/wp-admin».

На самом деле можно ограничить доступ к этой странице на вашем сайте только для людей с определенных компьютеров!

Для этого вам нужно сначала найти свой домашний IP-адрес, посетив whatsmyip.ком.

Затем вы можете отредактировать файл .htaccess в папке WordPress и добавить следующий код, заменив «xx.xxx.xxx.xxx» вашим IP-адресом.

<Файлы wp-login.php>

запретить заказ, разрешить

Запретить все

Разрешить от xx.xxx.xxx.xxx

Если вам нужен доступ с нескольких компьютеров (для себя или для людей, с которыми вы работаете), вы можете просто добавить параметр «Разрешить с xx.xxx.xxx.xxx» с другими IP-адресами снова.

Все это может быть немного удобно и технично.

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

Плагины безопасности WordPress

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

  • Активный мониторинг безопасности (для проверки на наличие взломов в режиме реального времени)
  • Уведомления при обнаружении угрозы безопасности (чтобы вы могли быстро защитить свой сайт)
  • Сканирование вредоносных программ (для проверки на наличие вредоносного кода)
  • Сканирование файлов ( чтобы убедиться, что ничто не заразится)
  • Мониторинг черного списка (для защиты вашего сайта от посещений людьми с IP-адресов, которые, как известно, используются для взлома)
  • Помощь после взлома (для восстановления вашего сайта в случае взлома)
  • Брандмауэры ( для ограничения доступа к файлам вашего веб-сайта)
  • Защита от грубой силы (также известная как «ограничение попыток входа»)

Несколько лучших плагинов безопасности:

Обновляйте сайт и делайте резервные копии

Который мы освещаем… сейчас!

Шаг 14: Как обновить сайт WordPress

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

С WordPress у вас будет три вещи, которые нужно обновлять:

  1. Сам WordPress
  2. Ваши темы
  3. Ваши плагины

WordPress автоматически сделает небольшие обновления самостоятельно, более крупные будут ждать вашего одобрения (потому что они могут повредить ваши плагины/темы).

Вам также придется самостоятельно обновлять темы и плагины.

Для всего этого проще всего перейти на вкладку обновлений.

Там вы сможете сразу обновить все свои плагины, темы и сам WordPress.

Вот как это будет выглядеть, когда все будет обновлено (знайте, что это не самый полезный снимок экрана, который мы сделали, из соображений безопасности мы не собираемся показывать вам, какие плагины мы используем / что нужно обновить на сайтах, которые нам небезразличны) лол):

Шаг 15: Как сделать резервную копию вашего сайта WordPress

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

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

Когда они это сделают, вы захотите быстро вернуться к работе.

Для этого и нужны резервные копии.

Если вы хотите узнать больше о том, как это сделать, чем мы рассказываем в видео выше, ознакомьтесь с нашим постом «Как сделать резервную копию сайта WordPress бесплатно»!

Советы и хитрости по созданию сайтов на WordPress

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

Давайте погрузимся.

  1. Обязательно настройте свою домашнюю страницу и проведите на ней немного больше времени, чем на других страницах.Скорее всего, это будет самая посещаемая страница на вашем сайте, поэтому вы должны убедиться, что у вас есть вся важная информация о том, о чем ваш сайт, и что он выглядит очень стильно, чтобы произвести надежное первое впечатление.
  2. WordPress имеет отличную онлайн-поддержку в виде документации и форумов, на которые можно положиться, если вы застряли. Мы также рекомендуем Stack Overflow по техническим вопросам (с WordPress, хостингом и всем, что связано с веб-разработкой).
  3. В настройках «Чтение» в разделе «Настройки» обязательно установите для параметра «Для каждой статьи в ленте показывать» значение «Сводка», чтобы людям не приходилось прокручивать все сообщения целиком, когда они попадают на страницу вашего блога.Вместо этого они просто получат первые несколько предложений, а затем смогут нажать «читать дальше», чтобы получить полную информацию.
  4. Используйте изображения и видео, чтобы разбить текст на своих страницах и сообщениях! (Этот пост является достойным примером этого, хотя мы, вероятно, могли бы включить еще больше визуальных эффектов, лол).
  5. Ваша страница «О нас», вероятно, будет одной из самых посещаемых на вашем сайте, поэтому обязательно расскажите здесь историю и миссию вашего сайта в убедительной форме.
  6. Мы настоятельно рекомендуем использовать настройку постоянной ссылки «Название публикации» (на странице «Постоянная ссылка» в разделе «Настройки») — это чище и лучше для SEO, чем включение дат публикации в URL-адреса ваших публикаций.
  7. Убедитесь, что ваш веб-сайт WordPress хорошо выглядит на мобильных устройствах; почти гарантировано, что большинство ваших посетителей будут заходить на ваш сайт со своих телефонов.
  8. Включите самые важные страницы (и, возможно, сообщения) в меню заголовка.
  9. Отключите комментарии на страницах типа «О нас» и «Контакты», так как они вам там не нужны; это можно сделать, отредактировав страницу, вы найдете возможность включить / отключить комментарии в разделе «Обсуждение» на правой боковой панели редактора.
  10. Если вы используете боковую панель на своем сайте, держите виджеты организованными и сведенными к минимуму.Вы хотите, чтобы люди сосредоточились на основном содержании вашей страницы/публикации, не отвлекаясь.
  11. Узнайте, как добавить аналитику Google в WordPress, из нашего туториала!

Руководство по WordPress Часто задаваемые вопросы

Остались вопросы?

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

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

Является ли использование WordPress единственным способом создания веб-сайта?

Определенно нет, есть множество конструкторов сайтов, таких как Wix и Squarespace, которые вы можете использовать.

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

Что мне нужно для создания сайта на WordPress?

Всего три вещи (две из которых вы можете получить от наших друзей на HostGator):

  1. Хостинг (где будут храниться файлы вашего веб-сайта WordPress)
  2. Доменное имя (имя, которое люди будут использовать для доступа к вашему веб-сайту)
  3. 60 минут вашего времени и внимания (ресурсы, которые вы будете использовать для выполните/выполните шаги, описанные в этом руководстве по WordPress 🙂

Нужно ли мне знать кодирование (HTML/CSS) при создании веб-сайта с помощью WordPress?

НЕТ!

Знание этих языков программирования полезно… в конце концов.

НО вы узнаете о них все, что вам нужно знать, и они определенно не требуются при создании веб-сайтов WordPress!

А использование темы перетаскивания, такой как Divi, или плагина дизайна сайта, такого как Elementor, позволит вам глубоко настроиться, не зная кода!

Является ли создание веб-сайта WordPress бесплатным?

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

Потому что?

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

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

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

При этом HostGator (наш рекомендуемый хостинг WordPress) предоставит вам бесплатное доменное имя и годовой хостинг за 5 долларов.95 в месяц при оформлении годовой подписки по нашей ссылке!

Как получить бесплатное доменное имя для моего веб-сайта WordPress?

Зарегистрируйтесь как минимум на один год хостинга в HostGator, используя эту ссылку!

Могу ли я зарабатывать деньги на своем веб-сайте WordPress?

Конечно можешь!

4 основных способа сделать это в наши дни:

  1. С медийной рекламой, такой как Google Adsense (люди посещают ваш сайт, вам платят, когда они видят вашу рекламу) наши партнеры, мы получаем небольшую комиссию без каких-либо дополнительных затрат для вас; иногда вы даже получаете специальные скидки!!)
  2. Продавая услуги (например, создание веб-сайта WordPress 🙂
  3. Создавая интернет-магазин, как мы покажем вам, как сделать в этом посте!

Еще больше идей для онлайн-бизнеса можно найти в нашем большом старом посте на эту тему!

Как создать локальный веб-сайт WordPress в Windows с помощью Xampp

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

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

Хотя создание локального веб-сайта WordPress может инстинктивно показаться сложным процессом, на самом деле это не так. Любой компетентный пользователь ПК может установить и запустить локальную версию WordPress за несколько минут.

1. Загрузите и установите Xampp

Чтобы установить и запустить WordPress локально, вам необходимо создать локальную серверную среду. К счастью, это легко сделать с помощью бесплатной программы под названием Xampp.Вы можете скачать Xampp из этого места — нажмите на опцию «Установщик»:

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

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

Продолжить процесс установки — нет необходимости настраивать какие-либо параметры установки по умолчанию.

2. Настройте Xampp

После завершения процесса установки загрузите Xampp и запустите модули Apache и MySQL:

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

Вам нужно выбрать «Разблокировать». После того, как вы это сделаете, локальная серверная среда должна быть запущена. Для проверки откройте браузер и введите «http://localhost/» в адресную строку. Вы должны увидеть что-то вроде этого:

3. Создайте базу данных

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

На том же экране, где вы запускали модули Apache и MySQL, нажмите кнопку администратора MySQL. Это откроет phpMyAdmin во вкладке браузера. Выберите вкладку «Базы данных» — здесь вы создадите свою базу данных:

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

4. Загрузите, настройте и установите WordPress

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

Найдите место, где вы установили Xampp (если вы не меняли каталог во время установки, это будет «C:/xampp»), и откройте каталог «htdocs». Вставьте папку WordPress в этот каталог. Здесь будут храниться файлы вашего локального веб-сайта.

Дважды щелкните папку WordPress и откройте файл «wp-config-sample.php» с помощью Блокнота.Здесь нужно изменить несколько переменных:

Очевидно, имя вашей базы данных может быть не «mytestsite» — это будет то имя, которое вы назвали для своей базы данных в phpMyAdmin.

Когда вы закончите, сохраните файл и переименуйте его как «wp-config.php» (т. е. удалите «-sample» из имени файла).

Единственное, что осталось сделать сейчас, это установить WordPress, используя 5-минутный процесс установки (который в действительности займет около 30 секунд).

Откройте новую вкладку браузера и перейдите к «http://localhost/yoursitename/», где «yoursitename» — это имя каталога вашего сайта WordPress.Вам будет представлен знакомый экран:

Заполните данные, нажмите кнопку «Установить WordPress», и все готово! Теперь вы гордый обладатель автономного сайта WordPress:

.

Теперь вы можете редактировать и добавлять на сайт все, что считаете нужным. У вас есть доступ ко всем темам и плагинам, как и при «обычной» установке WordPress. Вы даже можете добавить сайт в свою учетную запись ManageWP, используя переадресацию портов. Кроме того, вы можете создать сколько угодно таких сайтов, просто повторив шаги 3 и 4.

Наслаждайтесь!

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

Более 35 % веб-сайтов основаны на его технологии. WordPress.org является одним из старейших, наиболее надежных и широко используемых конструкторов веб-сайтов. Это в основном бесплатное программное обеспечение с открытым исходным кодом позволяет любому создать веб-сайт WordPress, независимо от его навыков программирования или дизайнерского таланта. И все же, как бы он ни был удобен для любителей, его возможности достаточно широки и гибки, чтобы привлечь продвинутых пользователей, включая крупные компании, такие как Disney, MTV и Sony.

Это руководство проведет вас через все этапы создания живого, готового веб-сайта WordPress от начала до конца. Дизайн OrangeCrush

Хотя WordPress полезен для тех, кто не является разработчиком, для начала работы требуется некоторое обучение. Чтобы упростить задачу, мы составили следующее руководство о том, как создать веб-сайт WordPress от начала до конца. И чтобы пройти каждый шаг с вами, мы создадим собственный веб-сайт WordPress для одного из наших любимых, совершенно настоящих семейных предприятий: Frozen Banana от Bluth.

Как сделать сайт на WordPress за 6 шагов


  1. Подготовьте содержимое своего веб-сайта
  2. Зарегистрировать домен и хостинг
  3. Установить WordPress
  4. Настройте свой веб-сайт WordPress
  5. Настройте свой дизайн WordPress
  6. Запустите готовый веб-сайт WordPress

Шаг 1. Подготовьте содержимое веб-сайта


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

Прежде чем создавать свой веб-сайт, убедитесь, что ваш контент собран вместе. Дизайн Константин Костенко

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

  • Логотип и брендинг (включая фирменные цвета и типографику)
  • Медиа (фотография, иллюстрации, иконки, видео)
  • Письменный контент
    • Заголовки
    • Подзаголовки
    • CTA и другая копия кнопок
    • Копия кузова
В банановом киоске всегда есть деньги, через Netflix

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

Шаг 2: Зарегистрируйте домен и хостинг


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

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

Нажмите кнопку  Начать  , чтобы настроить учетную запись Bluehost.Изображение через Bluehost

 

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

В большинстве случаев вам придется платить за домен и хостинг. Например, Bluehost предлагает регистрацию домена за 12,99 долларов США и взимает 7,99 долларов США в месяц в течение первого года (оплачивается ежегодно, а не ежемесячно). После того, как вы нажмете ссылку Get Started на домашней странице Bluehost, введите выбранный адрес домена, и, если он доступен, вы можете купить его на странице оформления заказа.

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

Шаг 3: Установите WordPress


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

Перейдите к  Мои сайты  >  Войдите в систему . Изображение через bluehost

После установки WordPress нажмите кнопку Войти с логотипом WordPress (также на вкладке Мои сайты ). Это приведет вас к WordPress.

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

. Интерфейс WordPress.
  • Bluehost (или другая интеграция хостинга) : Нажав на это, вы вернетесь в свою учетную запись на Bluehost. Здесь вам не нужно ничего делать, кроме как в конечном итоге запустить свой сайт (пока вы не запустите, ваш сайт не работает, а выбранный вами домен отображает сообщение Coming Soon для всех).
  • Dashboard : общий центр WordPress для управления и просмотра вашего сайта. Он включает в себя пошаговые действия, журнал текущего содержимого вашего сайта и рекомендации по дополнительным функциям.
  • Сообщения : Здесь вы можете добавлять страницы блога и управлять ими.
  • Медиа : Ваша медиатека, где хранятся все ваши загруженные изображения и видео.
  • Страницы : Здесь вы можете добавлять страницы на свой сайт и управлять ими.
  • Комментарии : модерировать, отвечать на комментарии или экранировать их, если они включены.
  • Внешний вид : ваш основной центр редактирования темы вашего сайта.
    • Темы : Здесь вы можете просматривать и устанавливать бесплатные и премиальные темы.
    • Настроить : изменить стиль выбранной темы. Здесь можно редактировать многие другие элементы подменю.
  • Плагины : Здесь вы можете управлять плагинами вашего веб-сайта (интеграциями стороннего программного обеспечения, которые добавляют дополнительные специфические функции на ваш веб-сайт).
    • Установленные плагины : Здесь вы можете просматривать, активировать, деактивировать и удалять плагины, которые уже установлены на вашем сайте.
    • Добавить новый : Здесь вы можете просматривать и устанавливать бесплатные и платные плагины.
  • Пользователи : Здесь вы можете управлять своим паролем и профилем пользователя, а также просматривать/добавлять членов команды и управлять их уровнем доступа к панели администратора WordPress.
  • Настройки : Управление определенными параметрами для вашего веб-сайта WordPress

Шаг 4: Настройте свой веб-сайт WordPress


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

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

Создание сайта WordPress с нуля

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

Во-первых, вам нужно будет настроить свои страницы и добавить свой контент. Перейдите к Pages > Add New , и вы попадете в редактор страниц WordPress.

Редактор страниц для WordPress. Указанные вкладки позволяют переключаться между визуальной и текстовой (или кодовой) версиями вашей веб-страницы.

Существует две разные версии этого редактора: Visual и Text , которые можно переключать с помощью вкладок, изображенных здесь. Вкладка  Visual  позволяет редактировать предварительный просмотр страницы в реальном времени.Вы можете копировать и вставлять текстовое содержимое на основной холст и использовать панель инструментов над ним, чтобы стилизовать его, как в текстовом редакторе. Кнопка Добавить медиафайл  над панелью инструментов позволяет добавлять видео и изображения из медиатеки.

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

Если вы решите работать с фрилансерами: 99designs может связать вас с группой дизайнеров WordPress, которые вместе с партнерами 99designs по кодированию спроектируют и разработают ваш индивидуальный веб-сайт WordPress по доступной цене. Зайдите сюда, чтобы получить бесплатную консультацию.

Библиотека тем WordPress позволяет выбирать из тысяч готовых тем Внешний вид > Настройка предоставляет ограниченные возможности редактирования выбранной вами темы.Изображение через WordPress

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

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

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

Создание сайта WordPress на основе шаблона

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

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

Перейдите к Плагины > Добавить новый . Используя строку поиска, введите такой термин, как «начальные сайты» или «шаблоны». Мы решили работать с конструктором веб-сайтов Elementor, но не стесняйтесь просматривать ваши варианты. Нажмите кнопку Установить и перейдите к Плагины > Установленные плагины .Прокрутите вниз, чтобы найти новый подключаемый модуль конструктора, и нажмите ссылку  See Library  . Это приведет вас к отображению бесплатных и премиальных шаблонов, которые вы можете просмотреть.

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

Здесь следует обратить внимание на то, насколько хорошо шаблон соответствует объему и характеру вашего контента. Например, если ваш контент насыщен текстом, не начинайте с чего-то основанного на изображениях, например шаблона художественного портфолио. .При этом вы всегда можете протестировать шаблон, удалить страницы и начать заново столько раз, сколько вам нужно, чтобы найти хорошее соответствие. Для Bluth Banana Stand мы выбрали итальянский шаблон Fresco, поскольку веб-сайт ресторана ближе всего к тому, что мы делаем.

Когда будете готовы, выберите шаблон и выберите Import Complete Site . После завершения процесса установки у вас будет готовый стартовый веб-сайт для работы.

Шаг 5. Настройте свой дизайн WordPress


(Дальше в этой статье мы предполагаем, что вы создали свой сайт с помощью шаблона.)

Чтобы настроить свой шаблон, перейдите к Pages , выберите страницу, над которой вы хотите работать (мы будем работать над домашней страницей ) и нажмите кнопку Edit with Elementor  на следующем экране.

Выберите Редактировать с помощью Elementor в редакторе страниц WordPress. Изображение через WordPress

Изменить тему WordPress

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

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

Перейдите к гамбургер-меню на боковой панели и выберите  Настройки сайта . Изображение через WordPress

Установите свой логотип и идентификатор сайта

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

Как добавлять, редактировать и удалять разделы страницы

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

. Разделы основаны на столбцах и элементах. Синяя вкладка в самом верху позволяет редактировать расположение и стиль всего раздела.Изображения через WordPress и Netflix
  • Значок плюса позволяет добавить раздел над текущим. Для этого вам будет предложено выбрать количество столбцов. Затем вы можете перетащить виджеты с боковой панели в новый раздел.
  • Значок с точечной сеткой вызывает свойства всего раздела на боковой панели.
    • На вкладке  Макет  можно изменить интервалы и выравнивание всех элементов в этом разделе.
    • Вкладка  Стиль  позволяет изменить фоновое изображение и другие варианты темы для этого раздела.
  • Значок x удаляет раздел.

Как редактировать копию веб-сайта и медиа

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

При выборе элемента также отображаются его свойства на боковой панели, где вы можете изменить содержимое. Каждый виджет будет иметь свои собственные свойства, разделенные вкладками Содержание и Стиль .Чтобы удалить элементы, щелкните правой кнопкой мыши и выберите  Удалить .

Выбор изображения справа позволяет изменить его на боковой панели слева. Изображения через WordPress и Netflix

 

Медиатека — это место, где вы можете добавлять изображения и видео и управлять ими. Изображения через WordPress и Netflix

. Чтобы редактировать изображения, выберите то, которое хотите изменить. На боковой панели нажмите Выберите изображение . Откроется диалоговое окно Insert Media . Выберите вкладку  Загрузить файлы  и перетащите внутрь выбранное изображение.Это добавит его в вашу  Медиатеку , и после завершения загрузки вы увидите рядом с ним галочку. В правой части диалогового окна вы можете редактировать обрезку, замещающий текст, заголовок и описание изображения. Когда вы закончите, нажмите Insert Media  в правом нижнем углу.

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

Шаг 6: Запустите готовый веб-сайт WordPress


— Просто нажмите кнопку  Запустить свой сайт  , чтобы ваш сайт заработал. Изображение через WordPress

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

Вернитесь на вкладку Bluehost и нажмите кнопку Запустить свой сайт .(Кнопка изменится на  Восстановить скоро , если вы передумали и вам нужно отключить свой сайт.) Введите домен своего веб-сайта в URL-адрес, и вы попадете на свой работающий, готовый веб-сайт WordPress.

Вот и все: наш готовый веб-сайт WordPress. Мы сделали семью Блут гордой. Изображения через Netflix

Ваш веб-сайт WordPress запущен


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

Не уверены, подходит ли вам WordPress? Пройдите интерактивный тест ниже, чтобы найти подходящее веб-решение для ваших нужд!

Настройте свой веб-сайт WordPress с помощью WP Website Builder

Просмотр веб-сайтов в Интернете может быть как вдохновляющим, так и разочаровывающим.Возможно, вы задавались вопросом, как были созданы определенные сайты. К счастью, динамичный дизайн, который вы видите на выставке, не обязательно должен быть несбыточной мечтой. С помощью WordPress и WP Website Builder у вас всегда под рукой будут настраиваемые и профессиональные шаблоны.

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

Как получить WP Website Builder

Когда вы подписываетесь на один из наших планов веб-хостинга, у вас будет возможность включить WP Website Builder в свою учетную запись.Вы можете выбрать опцию WP Website Builder при оформлении заказа, чтобы начать.

Если вы уже являетесь клиентом DreamHost и у вас не установлен WP Website Builder, вы можете посетить панель DreamHost и добавить его в новую или существующую установку WordPress.

Создание веб-сайта WordPress с помощью WP Website Builder (6 шагов)

Начать работу с WP Website Builder очень просто. После того, как вы настроили свою учетную запись DreamHost и установили WP Website Builder, вы готовы приступить к созданию.

У нас есть лучший инструмент для создания веб-сайтов

Сотрудничая с DreamHost, вы бесплатно получаете доступ к WP Website Builder и более чем к 200 отраслевым начальным сайтам!

Шаг 1: доступ к панели управления WordPress

Чтобы получить доступ ко всем инструментам, включенным в WP Website Builder, вы можете войти в свою панель администратора WordPress. Скорее всего, вы получили электронное письмо со ссылкой на страницу входа при регистрации учетной записи хостинга. Кроме того, вы можете использовать основной URL-адрес своего сайта плюс /wp-login.php.

Если вы впервые заходите на свой сайт WordPress с установленным WP Website Builder, вам будет представлен мастер установки Inspirations. Наш конструктор сайтов работает на основе BoldGrid, который включает в себя набор плагинов, тем и сервисов, предназначенных для упрощения создания веб-сайтов WordPress и управления ими.

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

Шаг 2. Выберите дизайн

В мастере «Вдохновение» вы можете выбрать «Начнем», чтобы просмотреть выбранные вами темы.

Здесь вы сможете просмотреть и выбрать из более чем 200 красиво оформленных тем конструктора сайтов. Чтобы установить тему, наведите курсор на нужный вариант и нажмите «Выбрать».

Шаг 3. Выберите структуру содержимого

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

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

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

После того, как вы выбрали структуру контента, вы можете нажать «Далее», чтобы перейти к панели «Основные».

Шаг 4. Предоставьте необходимую информацию о сайте и завершите установку

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

Вы также всегда можете изменить информацию, предоставленную в форме Essentials , позже. Заполнив форму, нажмите «Готово» и «Установить», чтобы приступить к разработке и настройке нового веб-сайта!

Шаг 5: Дизайн страниц и постов с помощью блоков перетаскивания

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

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

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

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

Шаг 6. Настройте свои блоки и опубликуйте свой контент

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

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

Готовы создать красивый веб-сайт?

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

Здесь, в DreamHost, мы хотим, чтобы вы строили с уверенностью. Вот почему мы предлагаем лучшие инструменты и комплексные решения для хостинга для вашего сайта WordPress!

Полное руководство по созданию веб-сайта электронной коммерции WordPress

Электронная коммерция готова стать крупным игроком на мировом розничном рынке, и к 2025 году сингапурская индустрия электронной коммерции может составлять до 6,7% всех розничных продаж. И это не только гиганты. такие как Lazada или Redmart, которые вносят свой вклад в эту цифру, поскольку на местном рынке есть множество магазинов, продающих все на свете, от фотографий, напечатанных на дереве, до всего сингапурского.

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

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

Зачем использовать WordPress?

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

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

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

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

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

Планируете создать интернет-магазин на WordPress? Эта запись в блоге поможет вам на каждом этапе процесса.

Шаг 1: Выберите доменное имя и хостинг-провайдера.

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

Хотя WordPress сам по себе бесплатен, вам нужно будет платить за доменное имя, которое начинается с 10 долларов США в год.Стоимость того стоит, так как собственное доменное имя (например, yourbusinessname.com) выглядит гораздо более профессионально, чем ваше имя на чужом домене (например, yourbusinessname.otherdomain.com).

Прочтите: Регистрация доменов в Сингапуре: Полное руководство

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

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

После того, как вы подключили свой домен и хост, теперь вы можете установить WordPress, и есть два способа сделать это:

Установка в один клик

При установке в один клик вы регистрируете свое доменное имя и размещаете свой сайт WordPress у того же провайдера.Wordpress рекомендует, чтобы ваш хостинг поддерживал PHP 7, MySQL версии 5.6+ или MariaDB версии 10.0+ и HTTPS.

Вы также можете использовать хостинг-провайдеров, которым доверяет WordPress, что упростит установку и обеспечит поддержку выбранного вами хостинга. Сам WordPress рекомендует Pressable, BlueHost, Dreamhost, Flywheel и SiteGround.

Ручная установка

В ручном режиме вы настраиваете сервер вручную, затем устанавливаете платформу WordPress на свой сервер и настраиваете ее. Вам понадобится FTP-клиент, настройка базы данных через cPanel или phpMyAdmin и доступ к вашему веб-серверу.Таким образом, этот вариант рекомендуется только для опытных пользователей. WordPress имеет обширную документацию, которая поможет вам в этом процессе.

Шаг 2. Выберите подключаемый модуль электронной коммерции.

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

WooCommerce

WooCommerce, которая когда-то была простым плагином для электронной коммерции, теперь превратилась в целую платформу с собственной системой плагинов, так как два года назад она была приобретена Automattic. Это настраиваемая платформа, которая дает вам полный контроль над вашим интернет-магазином. Около 30% всех интернет-магазинов используют WooCommerce в качестве своей платформы; некоторые местные магазины, которые используют его, — это Beauty Choice и Green Point Flowers.

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

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

Легкие цифровые загрузки

Хотя большинство плагинов и платформ для электронной коммерции связаны с продажей физических товаров, Easy Digital Downloads или EDD специально разработан, чтобы помочь вам продавать цифровые товары.

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

EDD бесплатен, но вы можете приобрести различные платные расширения.

WP eCommerce

WP eCommerce не так полнофункционален, как WooCommerce, но это еще один популярный и надежный выбор для создания интернет-магазина с помощью WordPress.

Он имеет все основные функции, включая страницы продуктов, корзину покупок и функцию оформления заказа, а также отличные возможности отчетности и управления запасами. Как и другие плагины, он бесплатный, но предоставляет дополнительные платные и бесплатные расширения, которые могут добавлять функциональные возможности. Он также поставляется в платной версии пакета Gold Cart, который добавляет более продвинутые инструменты, макеты и функции. Вы также можете приобрести платежные шлюзы премиум-класса, такие как Stripe и Authorize.net.

Шаг 3. Установите плагин электронной коммерции.

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

.
    • Войдите в свою панель управления WordPress.
    • На боковой панели перейдите в раздел «Плагины» и нажмите «Добавить новый».
    • В строке поиска введите «WooCommerce» и нажмите Enter. Нажмите «Установить сейчас» в WooCommerce от WooThemes.

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

Шаг 4. Настройте страницы продуктов.

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

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

    • Название продукта
    • Цена
    • Изображение
    • Краткое описание

Начните с входа в панель администратора WordPress, затем выберите «Продукты» на боковой панели и выберите «Добавить продукт».WooCommerce позволяет добавлять в ваш магазин как физические, так и виртуальные товары.

а) Добавление физических продуктов

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

Затем в разделе «Данные о продукте» добавьте дополнительные сведения о своем продукте. Первое, на что следует обратить внимание, это выпадающий список «Тип продукта». Применимые типы продуктов для физических продуктов:

    • Простой: простой продукт без вариантов SKU
    • Сгруппировано: несколько связанных продуктов, которые состоят из нескольких связанных «дочерних» продуктов, каждый из которых является простым продуктом
    • .
    • Переменный: товар с разными артикулами, например, рубашки или обувь разных размеров
    • .
    • Внешний/партнер: Товары, продаваемые за пределами вашего магазина

А пока давайте возьмем простой продукт.

Вы также увидите флажки «Виртуальный» и «Загружаемый» рядом с типом продукта. Оставьте их неотмеченными для физических продуктов.

Давайте перейдем к компонентам слева от данных о продукте и к тому, что происходит в каждом из них:

Раздел Опция Описание  
Общие   Артикул


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

Цена
Поставляется в обычном и распродажном вариантах. Обычный — это
цена, по которой он обычно продается; Распродажа — это цена со скидкой, которая может быть запланирована
в определенные периоды времени.
Инвентаризация      Управление запасами
Определяет, будет ли WooCommerce
выполнять управление запасами для
вас по этому товару
Наличие на складе


Если применимо, сколько товаров доступно для покупки

Наличие на складе
В наличии/Нет в наличии
Разрешить отложенные заказы?
Позволяет покупателям покупать товары, которых нет в наличии, и получать их, как только они появятся в наличии
Продано
Индивидуально

Определяет, можно ли приобрести только один экземпляр этого продукта в одном заказе
Доставка    Масса
Вес изделия в кг
Размеры
Длина, ширина, высота изделия
Доставка
Класс

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

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

b) Добавление виртуальных товаров

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

Процесс добавления виртуальных продуктов в основном такой же, как и для физических продуктов. Однако в случае с виртуальными продуктами необходимо установить флажки «Виртуальный» или «Загружаемый» рядом с типом продукта.При выборе любого варианта вы теряете вкладку «Доставка» в данных о продукте. Вы также должны перейти на вкладку «Инвентарь» и снять флажок «Управление запасами?»

Для загружаемых продуктов вкладка «Общие» получает дополнительные параметры:

  • Загружаемые файлы: вставьте сюда ссылки на большие файлы или файлы, которые вы ранее загрузили. Либо нажмите «Выбрать файл», чтобы загрузить файл.
  • Ограничение на загрузку: Максимальное количество скачиваний этого файла
  • Истечение срока загрузки: покупатели могут загружать файл только в течение определенного количества дней.

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

После раздела «Данные о продукте» вы найдете краткое описание продукта. Это появится в верхней части целевой страницы вашего продукта. Ваши покупатели увидят это краткое описание перед полным описанием, которое вы уже написали.

После этого нажмите «Обновить», и продукт будет добавлен.

Советы по загрузке продуктов электронной коммерции WordPress

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

а) Не забывайте свои титулы!

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

b) Создавайте броские описания продуктов.

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

c) Следите за качеством ваших изображений.

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

б) Категоризация и теги соответственно.

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

Шаг 5: Оплата

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

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

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

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

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

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

2Checkout

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

Азия Пей

Один из крупнейших платежных шлюзов в Азии, Asia Pay также является одним из лучших вариантов для платежных систем в Малайзии, Вьетнаме и на Филиппинах.

Paypal Express

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

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

Соображения при выборе платежного шлюза

1. Стоимость

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

2. Совместимость с электронной коммерцией 

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

3. Ввод финансовой информации

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

Другим методом является интеграция, когда клиенты вводят свою финансовую информацию в ряд полей непосредственно на вашем веб-сайте, которые затем отправляются на ваш платежный шлюз. Этот метод гораздо более бесшовный и удобный, но менее безопасный.

4. Мобильная совместимость

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

5. Безопасность и поддержка

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

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

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

Заключение

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

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

Leave a Reply