Как создать сайт на wordpress самостоятельно — пошаговое руководство

Основные составляющие движка вордпресс

Основных составляющих ровно 6:

1. Записи и страницы
2. Плагины
3. Темы
4. Виджеты
5. Комментарии
6. Медиафайлы

Записи и страницы

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

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

Темы

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

Плагины

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

Виджеты

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

Создание виджета в админпанели

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

Отображение виджетов на сайте

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

Комментарии

Неотъемлемая часть любого блога это возможность комментирования. В WordPress им посвящён целый раздел в административной панели. Комментарии можно:

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

Комментарии в WordPress

Медиафайлы

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

Какие есть альтернативы для вордпресс

Существует огромное количество CMS, альтернатив вордпрессу, рассмотрим популярные и проверенные временем 6 вариантов.

Joomla

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

Drupal

Drupal

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

ModX

ModX

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

1C Битрикс

1C-Битрикс

Отечественная разработка, давно зарекомендовала себя как надежный и  безопасный движок для создания сайтов. Продукт платный и имеет четыре версии, которые отличаются друг от друга количеством встроенных модулей. Например, пакеты Start и Standart направлены на создание информационных проектов, а Small business и Business на создание интернет магазинов. Для создания блога я не рекомендовал бы использовать битрикс, с этим отлично справиться и WP, а вот интернет магазин сделал именно на нем.

NetCat

NetCat

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

Освоение WordPress

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

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

На нашем сайте вы найдете следующие разделы:

Уроки WordPress — здесь мы публикуем полезные статьи, подробные инструкции и руководства.

Темы — в этом разделе вы найдете обзоры бесплатных, платных и премиум тем WordPress.

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

Если вы только начинаете изучать WordPress, пожалуйста, прочитайте эти статьи:

Все о Gutenberg — новом редакторе WordPress.

Все о SEO 2020.

Не нравится Gutenberg? Вот 2 способа как отключить новый редактор и продолжить работать в классическом.

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

И подписывайтесь на нас в , Instagram и YouTube.

Создание темы WordPress

Если вы ещё не установили CMS WordPress, то пришло время это сделать. Про то, как установить WordPress можно прочитать в этой статье. Если система уже установлена, то продолжаем.

Итак, приступим к созданию собственной темы. Для начала нам понадобится создать папку с названием темы в разделе /wp-content/themes/. Я назову её it-blog. Как я уже говорил, чтобы WordPress не выдавал ошибку, внутри этой папки необходимо создать файл стилей style.css. Теперь в панели администрирования в разделе Внешний вид → Темы появится наша тема, где её можно применить к сайту, нажав кнопку активировать. Название темы будет такое же, как и название её папки. На сайте теперь конечно же будет открываться только белая страница, так как тема ещё совсем пустая.

Активация новой темы

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

/*
Theme Name: Progme
Version: 1.0
Description: Тема Bootstrap 4
Author: Progme
Author URI: https://it-blog.ru
*/

Лично я считаю, что это лишнее, но для эстетики можно потратить немного времени.

Теперь внутри папки с нашей новой темой нам нужно создать все файлы в соответствии со структурой описанной выше. Можно создать их все сразу пустыми или создавать отдельно по мере написания кода.

Этап: настройка файла wp-config.php

В дистрибутиве WordPress нет файла wp-config.php, а есть его пример: wp-config-sample.php. Конфиг нужно создавать на основе этого файла, т.е. нужно удалить суффикс ‘-sample’, открыть файл в текстовом редакторе и заменить там следующие строки:

define('DB_NAME', 'putyourdbnamehere');    // Имя базы данных
define('DB_USER', 'usernamehere');         // Имя пользователя MySQL
define('DB_PASSWORD', 'yourpasswordhere'); // ...и пароль
define('DB_HOST', 'localhost');            // 99% эту строку изменять не надо
define('DB_CHARSET', 'utf8');              //  обычно не изменяется
define('DB_COLLATE', '');                  //  обычно не изменяется

Пояснения каждого параметра:

DB_NAME

Имя созданной базы данных.

DB_USER

Имя пользователя для WordPress.

DB_PASSWORD

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

DB_HOST

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

DB_CHARSET

Кодировка базы данных, почти всегда остается без изменения

DB_COLLATE

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

Ключи аутентификации

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

define('AUTH_KEY',         'впишите сюда уникальную фразу');
define('SECURE_AUTH_KEY',  'впишите сюда уникальную фразу');
define('LOGGED_IN_KEY',    'впишите сюда уникальную фразу');
define('NONCE_KEY',        'впишите сюда уникальную фразу');
define('AUTH_SALT',        'впишите сюда уникальную фразу');
define('SECURE_AUTH_SALT', 'впишите сюда уникальную фразу');
define('LOGGED_IN_SALT',   'впишите сюда уникальную фразу');
define('NONCE_SALT',       'впишите сюда уникальную фразу');

Префикс таблиц

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

$table_prefix  = 'wp_';

С версии 2.6 файл wp-config.php можно перемещать на одну директорию. Т.е. если файл находится в каталоге /public_html/wordpress/wp-config.php его можно переместить в каталог /public_html/wp-config.php.

В чем была проблема?

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

Аналоги и конкуренты WordPress

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

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

Логика работы с Drupal сложна и недоступна для понимания новичкам. К этому движку обычно приходят веб-мастера, которые давно разрабатывают сайты на том же WP, желая получить больше масштабируемости для крупных проектов. Joomla сравнима с WP по сложности и многим возможностям, но всё же не так удобна в работе, имеет несколько отличную специализацию.

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

Почему Стоит Выбрать WordPress?

«WordPress используется в 27,4% всех сайтов в интернете». — по данным W3Techs

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

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

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

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

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

PlayStation – блог игровой платформы

Blog.us.playstation.com – официальный блог PlayStation, игрового бренда Sony. Живёт на поддомене основного сайта платформы, служит исключительно для подачи игровых новостей, анонсов, обзоров и всего в таком духе. Дизайн отличный – живой, современный, адаптивный. Сочный широкоформатный хедер переходит сразу в блог, изобилующий красочными превьюшками материалов. Шрифты внятные, выглядят и читаются хорошо. Блог мультиязычный, имеет 10 локализаций, включая русскую.

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

Как изменить размер шрифта в WordPress

Что, если выбранная вами тема WordPress идеальна за исключением одной мелочи? Размер шрифта немного не такой. Неужели придется искать другую тему из-за этого? Конечно, нет! Изменить размер шрифта в шаблоне WordPress относительно просто, но для этого потребуется немного разбираться в кодировании CSS. А тут мы вам поможем! Шаги, которые необходимо предпринять, чтобы изменить размер шрифта в WordPress:

В первую очередь необходимо определить текущий размер шрифта. Это можно сделать, открыв Инспектор браузера. Наведите мышку на тот участок текста, шрифт которого вас не устраивает, и нажмите на правую кнопку мыши. Откроется меню, где можно найти ссылку на инструмент инспектора браузера. Везде он называется по-разному. В Chrome, например, этот пункт называется «Просмотреть код». Нажмите на него. А теперь необходимо найти соответствующий код CSS, который определяет текущий размер шрифта. Искать нужно в окне Инспектора, который откроется в правой части экрана в разделе «Styles». Ниже располагаются строки кода, которые соответствуют элементу, на котором вы щелкнули мышью. Вы должны увидеть строку, в которой будет написано что-то вроде font-size: 14px или font-size: 1rem. Вы можете вручную изменить значение этой строки кода, например, font-size: 16px и сразу увидите изменение. Оно отобразиться на открытой странице вашего сайта. Так можно проверить, какое значение подойдет лучше всего. Как только вы определитесь с размером, нужно будет сохранить изменения, а также элемент CSS, в котором эти изменения произошли. В большинстве случаев это будет либо p, либо h2, если это заголовок. Далее необходим скопировать весь фрагмент кода CSS. Он будет выглядеть примерно так: p {font-size: 16px;} После этого заходите в панель управления, в меню «Внешний вид» выбираете из раскрывающегося списка подменю «Настроить». С правой стороны будет отображаться превью вашего сайта, а слева – меню, внутри которого находится дополнительное меню кода CSS. Нажав на него откроется поле для ввода данных. Вставьте туда фрагмент кода, скопированный ранее. В правой части экрана должны произойти соответствующие изменения. Если результат вас устроил, то для его сохранения нажмите на кнопку «Опубликовать». После этого кликните на крестик в верхней левой части экрана, чтобы закрыть экран. Вот и все — вы успешно изменили размер шрифта вашего сайта на WordPress.

Создаем краудсорсинговые карты помощи на WordPress + shMapper

TL;DR

мы сделали бесплатный опен-сорсный плагин shMapper, который позволяет создавать карты помощи, а также другие краудсорсинговые карты (с подложкой на Я.К и OSM) на WordPress.

Завязка

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

Установка плагинов и подключение аналитики

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

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

• RusToLat — для транслитерации русских букв в латиницу. Без него адреса страниц будут написаны на кириллице.
• All in One SEO Pack — для добавления к записям блока с SEO-настройками: заголовка, описания, ключевых слов.
• Akismet — для защиты от спама в комментариях.
• Google XML Sitemaps — для создания карты сайта.
• Classic Editor — классический редактор WordPress, в котором удобно работать с записями.

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

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

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

Установка Google Analytics и Яндекс.Метрики

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

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

Если вы не хотите ставить ещё один плагин, то добавьте код в хедер или футер, используя встроенный редактор темы WordPress. Для этого:

1. Откройте раздел «Внешний вид» в панели управления.
2. Выберите «Редактор».
3. Найдите файл header.php, если хотите поставить счётчик на верхнюю часть каждой страницы сайта, или footer.php, если хотите разместить его в подвале.

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

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

• В header.php код нужно вставить перед тегом </head>.
• В footer.php код нужно вставить перед тегом </body>.

После добавления счётчика перейдите на сайт и убедитесь, что он работает без ошибок. Следить за статистикой можно в личном кабинете Google Analytics.

Важно: при обновлении или смене темы счётчики необходимо вставлять заново, так как файлы шаблонов будут заменены. Добавление счётчика от Яндекса выполняется по той же схему, что и вставка Google Analytics:

Добавление счётчика от Яндекса выполняется по той же схему, что и вставка Google Analytics:

1. Зарегистрируйтесь в Яндекс.Метрике.
2. Нажмите «Создать счётчик».
3. Укажите имя счётчика и адрес сайта.
4. Примите условия пользовательского соглашения.
5. Установите настройки оповещений: например, можно включить уведомления об ошибках через электронную почту и SMS.
6. В параметрах счётчика укажите, какую информацию он должен собирать — например, добавьте вебвизор, карту скроллинга и аналитику форм.

После заполнения всех необходимых полей вы получите код, который необходимо скопировать в буфер. Следующий шаг — добавление счётчика на сайте. В списке плагинов WordPress есть Яндекс.Метрика. Работает расширение так же, как Google Analytics: установите его, вставьте код и собирайте статистику. Если вы не хотите использовать ещё один плагин, то добавьте счётчик через файлы шаблона header.php или footer.php.

Хостинг и домен для WordPress

Выбирайте любой платный хостинг. Лично я, для покупки домена и размещения сайта, рекомендую выбрать sweb.ru (можете при регистрации использовать промокод IHASMIIW). У sweb очень оперативная поддержка, так же они помогут, если возникают какие-либо сложности с настройкой WordPress. Если думаете, что это реклама, то можете вбить в поисковик «хостинг» и выбрать любой понравившийся.

Там же в разделе доменов, можно заказать домен. Если сайт будет продвигаться по России, лучше выбрать доменную зону .ru, если по всему миру, то .com. Сомневаетесь в выборе доменного имени? Прочтите нашу статью: Как выбрать доменное имя для сайта?

Университет ИТМО – сайт академии

Limtu.ifmo.ru – сайт подготовительных курсов для поступления в Академию ЛИМТУ. По формату является качественной визиткой с адаптивным дизайном. Выглядит опрятно, собран хорошо. Акценты оттенка зелёного освежают макет, делают его более дружелюбным, подходящим для аудитории будущих молодых специалистов. В шапке находятся контакты, ссылка ан блог и социальные каналы учреждения. Меню без изысков – простое и внятное, сдобрено эффектами проявления цветных подпунктов. При переходе в мобильную версию появляется выпадающее меню со множеством ссылок на общую информацию об университете и кафедрах. Удобно.

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

Неисправность видеокарты

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

Как протестировать GPU с помощью программы AIDA64

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

Скачайте приложение с официального сайта и установите его

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

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

Используйте сложный логин и пароль

При установке Вордпресс администратору сайта дается имя admin по умолчанию.

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

Не используйте имена admin, administrator, test, demo, домен сайта и аналогичные в качестве логина. Также не используйте простые / распространенные пароли qwerty, password, 12345, 1q2w3e, йцукен и так далее.

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

Имя пользователя Вордпресс

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

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

Вместо Very-strong-username у вас должен быть ваш уникальный сложный логин.

Как изменить имя пользователя WordPress

В Вордпрессе есть встроенный генератор паролей. Перейдите Пользователи — Ваш профиль — Управление учетной записью.

Генератор паролей Вордпресс

Вы можете хранить пароли в хранителе паролей, например lastpass.com или браузере, или придумайте собственный сложный пароль, например, У меня есть собака породы пудель, который родился в 2018: UmespP,krv2018.

Информация была полезной? Поделись с друзьями!

Правильное подключение скриптов

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

function it-blog_style_frontend() {
 	wp_enqueue_style('bootstrap', get_stylesheet_directory_uri() . '/css/bootstrap.min.css');
	wp_enqueue_style('styles', get_stylesheet_directory_uri() . '/css/style.css');
}
 
add_action('wp_enqueue_scripts', 'it-blog_style_frontend');

function it-blog_include_myscript(){
	wp_enqueue_script('jquery', 'https://code.jquery.com/jquery-3.3.1.slim.min.js', '', '1.0', false);
 	wp_enqueue_script('bootstrap', get_stylesheet_directory_uri() . '/js/bootstrap.min.js', '', '1.0', false);
}
 
add_action('wp_enqueue_scripts', 'it-blog_include_myscript');

Как вы можете заметить ещё я подключил файл style.css, в нём будут находится пользовательские CSS стили, которые рано или поздно вам понадобятся.

Как добавить домен и установить CMS WordPress на хостинг Beget

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

Раздел Домены и поддомены

Добавление доменов и поддоменов. В поле Домены: введите ваш домен/ы. При добавлении домена нужно указать:Создать новый сайт для домена.В данном случае под сайтом подразумевается директория на диске. Например, если мы заказываем домен mydomain.ru и выбираем «Создать новый сайт«, на диске будет автоматически создана директория ~/mydomain.ru, а в ней директория public_html, куда и необходимо будет загружать файлы сайта. Например:

Добавление уже зарегистрированного домена

После выполнения этой операции вам необходимо подождать 10-15 минут (это время необходимо для того, чтобы домен успешно прописался на DNS-серверах). Вот и всё. Готово.

Сайт вы создали, но он работать пока не будет. Для полного счастья не хватает только движка для вашего нового сайта. Будем устанавливать его на хостинг. В панели управления хостингом выбираем раздел «Автоматическая установка CMS». Раздел CMS позволит быстро установить любую из более чем 30 популярных CMS (Content Managment System — Система Управления Контентом):

Системы управления контентом (CMS)

После открытия раздела (на моём скриншоте будет два списка, у вас только тот сайт на который нужно установить движок) вы увидите два списка: сайты на которые уже установлены CMS:

Список установленных CMS и Установка CMS

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

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

Автоматическая установка CMS WordPress. Данные для управления сайтом

Установка происходит в течение минуты и появляется информация для вашего сайта. Я только затёр на скрине мои данные (сами знаете почему):

Инсталляционная информация и реквизиты для доступа к базе данных

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

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

Для входа в панель управления вашего только, что созданного сайта нажмите ссылку (информация сайта) «ваш сайт.ru/wp-admin». Введите свои данные:

Вход в панель управления сайтом

Войдите и вы в консоле управления своего нового сайта или блога на движке WordPress:

Админпанель сайта WordPress