Cтартовые темы. Что это такое и для чего они нужны?

Когда мы создаёт тему с нуля, мы ручками создаёт директорию, в ней потом создаём два файла – index.php и style.css – смотрите следующий шаг.

Возможно стартовые темы придумали те люди, которые, так же как и я, не умеют создавать файлы на MacOS 😅

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

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

Тем не менее, если вдруг вы приноровитесь к использованию какой-либо стартовой темы в своей работе – круто, молодцы! Я ничего не имею против, к тому же самую популярную стартовую темы Underscores разработали ребята из Automattic (компания, которая стоит за WordPress.com). Если вы почувствовали некоторый эмоциональный подтекст в моих словах, это только потому что я встречал людей, которые считают, что разрабатывать нужно ТОЛЬКО на стартовых темах, и обучаться тоже на них.

Приступаем к созданию темы. Файлы index.php и style.css

Для начала создайте какую-нибудь папку в /wp-content/themes — это и будет ваша будущая тема, я например создал kurs (очень оригинально). Каждая тема должна содержать по крайней мере 2 файла — это index.php и style.css — создаём их внутри этой папки.

Если вы забыли/забили на style.css, то в админке во Внешний вид > Темы ожидайте такую ошибку:

Если же отсутствует файл 

Тут WordPress ещё что-то болтает про дочерние темы, не обращайте внимания, вам про них ещё рано читать.

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

До тех пор, пока мы ещё не изучили другие файлы шаблона, index.php у нас будет отвечать за вывод любой страницы сайта, а style.css, понятное дело, содержать стили (хоть это и не обязательно), но главное, чтобы в файле style.css вы добавили метаданные и описание темы.

Параметры (метаданные) темы

Если вы не хотите, чтобы ваша тема так и отображалась в админке без названия и описания, давайте добавим немного информации в style.css, поместив её в комментарии CSS /* */.

/*
 * Theme name: Тема для курса
 * Author: Миша
 * Author URI: https://misha.agency
 * Version: 1.0
 */

Но дело в том, что существуют и другие параметры темы, которые вы можете использовать, вот их список:

Theme name

Название темы.

Description

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

Version

Версия темы, например 1.0

Author

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

Author URI

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

License

Если вы создаёте под WordPress, рекомендую почитать немного про лицензию GPL

License URI

А в этом параметре указывается ссылка на страницу с лицензией.

Text Domain

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

Tags

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

Template

Параметр только для дочерних тем, подробнее тут.

Изображение темы

Для того, чтобы в качестве изображения темы не отображался «фотошоповский фон», мы создадим файл screenshot.png и отправим его прямиком в папку с темой (рекомендуемое разрешение 1200px на 900px).

Что касается расширения файла, то сгодится и jpg и gif, и jpeg, но в официальной документации WP рекомендуется всё же использовать screenshot.png.

Вот что у меня получилось:

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

1. Добавить функцию wp_head() перед закрывающим тегом </head>,
2. Добавить функцию wp_footer() перед закрывающим тегом </body>.

Что-то типо этого:

<!DOCTYPE html>
<html>
	<head>
 
		<?php wp_head() ?>
	</head>
<body>
 
	<?php wp_footer() ?>
	</body>
</html>

Это обязательное условие для всех тем WordPress, благодаря этим функциям работают плагины (даже банально плагин для вставки кода Google Analytics на сайт), подключаются различные дополнительные CSS и JS в тему и так далее. Чуть более подробно описываю предназначение этих функций на видео.

functions.php

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

Также он сам может содержать какой-то дополнительный функционал, ну либо файлы, подключенные в него через include() / require().

Главное правило по functions.php — сам по себе файл не должен ничего выводить! 💀 То есть никогда не оставляем первую строку пустой! 👿

И никогда не обрываем PHP-код пустыми строками где-то посередине кода! 👿

Это очень распространённая ошибка. Очень!

Пока что можете создать пустой файл functions.php в папке с вашей темой.

Пример работы с functions.php. Что делать, если админ-панель наехала на вёрстку сайта?

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

Такое случается практически всегда, когда в вашей вёрстке присутствуют фиксированные меню.

В видеоуроке я решил не заморачиваться и просто скрыл админ-панель при помощи этой строки кода в functions.php:

add_filter( 'show_admin_bar', '__return_false');

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

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

• Высота админ панель для десктопа 32px, значит мы меняем упомянутое выше свойство на top:32px.
• Высота админ бара для мобайл (менее 782px) 46px, а значит меняем свойство меню на top:46px.

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

1. Добавьте к тегу <body> функцию body_class() примерно так: <body <?php body_class() ?>> – суть этой функции в том, что она добавляет различные CSS-классы в зависимости от того, зареган пользователь или нет, от того, на какой странице мы находимся и так далее.
2. Используйте появившийся класс в теге <body> – .admin-bar, для того, чтобы применять соответствующие стили только для ситуаций, когда админ бар отображается на сайте.

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

Что делать, если в процессе создания темы WP у вас всё сломалось и отображается белый экран?

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

1. Открываем файл wp-config.php, который лежит в корне вашей установки WordPress
2. Ищем там параметр WP_DEBUG и устанавливает его равным true (таким его и можно оставить до конца нашего курса).
3. После этого вместо вашего белого экрана у вас будет отображаться, какие ошибки возникли в процессе с указанием того, на какой строке и в каком файле находится ошибка в коде.
4. Исправляете и продолжаем 😁

Купить курс

• 18 видеоуроков
• Можно скачать готовый код после каждого урока
• Уроки актуальны под последние версии WordPress
• Можно начать проходить курс сразу же после оплаты
• Достаточно базовых знаний HTML и CSS, чтобы пройти курс
• Доступ навсегда
• Единоразовый платёж

5000 р3500 р

Скидка 30% до 10 октября

Как сделать сайт на ВордПресс: Самостоятельно с нуля, инструкция

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

Как сделать свой сайт на ВордПресс самостоятельно

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

Регистрация на хостинге

Зайдя на главную страницу Beget, увидите такую картину, как на скриншоте.

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

Если сразу этого не сделать, то после регистрации бесплатный тариф будет недоступен, а любой другой имеет бесплатный тестовый период на 30 дней.

Заполняем реальные данные и действующий номер телефона, куда придёт смс с кодом подтверждения и паролем.

Регистрация домена – доменное имя

Для регистрации домена есть два пути:

• Регистрация у одного из регистраторов, например REG.ru и затем перенос на другой хостинг, где будет размещён сайт. Делается это изменением DNS-адресов;
• Зарегистрировать домен на хостинге размещения сайта, тогда перенос не требуется, в нём сразу будут прописаны DNS-адреса хостера.

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

В моём примере видно, что blogo-mir.ru занят:

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

Хостер автоматически добавит в ваш кабинет свой домен и сайт, но пользоваться им смысла нет, можно сразу удалить. В моём тестовом примере это: ivanov1234.beget.tech

Установка WordPress

Приступаем к установке движка Вордпресс, жмём на «CMS» – Выбираем WordPress.

В появившейся вкладке заполняем: На скрине указаны домен и сайт для установки, который хостинг создаёт автоматически. Надо указать свой зарегистрированный домен, описание, логин и пароль администратора (запомнить или записать) – «Установить».

Через минуту WordPress станет рабочим сайтом и появится страница:

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

• Открываем вкладку домены и заказываем бесплатный SSL-сертификат, после установки которого, протокол будет защищённым и будет отображаться вместо «http» – «https». При необходимости, в дальнейшем можно перейти на платный, зависит от направления проекта и требуемой степени защиты данных.
• После установки сертификата получите письмо на почтовый ящик, делается достаточно быстро: Сайты – значок «Настройки» – «Редирект с HTTP на HTTPS» включить. Теперь везде прописывайте свой адрес «https», пока SSL установлен не будет, доступность страниц будет только по «http».
• Ознакомиться с кабинетом, потыкать кнопки, изучить, где что находится. Знание структуры хостинга пригодится для дальнейшей работы, не обязательно разбираться во всех тонкостях, но знать будет полезно.
• Переходим на вкладку сайты, выбираем нужный и попадаем в корневой каталог. Здесь хранятся файлы движка WordPress. Если надо будет добавить новые файлы в корневой каталог, то это он и есть. Также можно сюда пройти через файловый менеджер рабочего стола.

Жмём на «public.html», открывается содержимое корня сайта.

Из меню рабочего стола выбираем MySQL, переходим по значку «PMA», попадаем в базу данных WordPress, здесь хранится и сохраняется вся информация. Для чего это нужно, почитайте в статье Что такое CMS WordPress и для чего он нужен: Описание системы.

Панель управления WordPress

С кабинетом хостинга ознакомились, переходим в панель управления WordPress, в ней будет происходить вся работа по оформлению, наполнению контентом. Для этого пишем вот такой адрес и вводим в строку браузера: http://ваш домен/wp-admin/index.php. Сохранённый логин и пароль при создании WordPress при желании всегда можно изменить.

Проведите обновления WP, удалите плагин «Hello Dolly», скорее всего использовать его не будете.

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

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

Тема

Теперь начинается основная работа по созданию ресурса. Надо определиться с темой (шаблоном) сайта, уделить этому время, оформить: «Внешний вид» ⇒ «Темы». WordPreess предлагает тысячи вариантов бесплатных и платных, выбор зависит от вида и направления веб-сайта.

К этому вопросу надо отнестись серьёзно, чтобы сразу cделать всё основательно и надолго.

Тема, это не просто внешний вид – это функциональность.

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

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

Советую пройти бесплатный курс по созданию сайта с нуля, WP – быстрый старт, в результате получите полностью настроенный веб-сайт.

Заключение

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

Зарегистрироваться в Яндекс.Метрике для аналитики, Вебмастере Яндекса, Google Search для добавления новых статей на ускоренную индексацию. По ходу работы предстоит ознакомиться со многим, но всё постепенно.

Лучшие плагины для сайтов WordPress: 20 инструментов оптимизации

Желаю Удачи! Подписывайтесь на новости блога.

Стоит ли делать сайт на WordPress — ответ готов!

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

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

WordPress.com и WordPress.org — это разные вещи

WordPress.com — это бесплатный веб-хостинг, на котором вы можете создать и разместить свой блог. Доменное имя вида “ваше_имя.wordpress.com” предоставляется бесплатно. Если у вас уже есть домен, использовать его можно, дополнительно уплатив 13$. Третий вариант — купить домен (.com предлагаются за 18$ в год).

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

Еще раз,

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

Преимущества и недостатки Вордпресса

Сайт на wordpress обладает рядом преимуществ:

• Бесплатный «движок». использование в личных и коммерческих целях обеспечивается благодаря открытому и понятному соглашению, имеющее лицензию;
• Обширные возможности. К ним относят создание интернет — магазина, блога, продаваемый проект, хранилище информации и галерею.
• Гибкая настройка оформления. В свободном доступе находятся шаблоны, они есть с предоставление денежных средств и без них.
• Для администрирования не нужны дополнительные узконаправленные умения, весь труд выполняется при помощи метода тыка.
• В течении пяти минут можно создать сайт на wordpress с нуля и выложить первый контент.

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

1. Подходит только для новичков. Так как у серьезных, а также более или менее больших компаний сайты самописные. Все права принадлежат администратору — создателю, а не платформе.
2. Для создания подходящего и уникального внешнего вида потребуется затраты ресурсов.
3. Тяжел в процессе оптимизации.
4. Требует дополнительные плагины и модули.
5. Имеет низкую загрузку сайта.

Что выбрать?

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

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

Сделать сайт на WordPress — просто?

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

Страница “С чего начать” официальной справки Вордпресс достаточно объемная. Приведем некоторые самые главные моменты.

Этап установки

1. Купить хостинг.
2. Установить WordPress на сервер.
3. Купить домен.
4. Настроить домен на хостинге.
5. Найти и установить тему (шаблон внешнего вида сайта, есть платные и бесплатные варианты).

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

Этап настройки

1. Настроить внешний вид сайта.
2. Внутренние настройки WordPress.
3. Установка и настройка дополнительных модулей.

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

Внутренние настройки — права доступа, формат URL, параметры отображения записей, комментариев, изображений и др.

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

Установили и настроили, что дальше?

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

Продвижение сайтов на WordPress

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

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

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

Гораздо дальновиднее будет сделать сайт на самописной CMS, которая будет подогнана нашими специалистами под нужды каждого клиента индивидуально. Она гибкая, быстрая, легко продвигаемая. Давайте сравним — WordPress и Нашу CMS систему FRAST:

1. Не нагружает сайт
2. Не требует знаний программирования
3. Проста и понятна в использовании
4. Автоматическая генерация карты сайта, управление индексацией сайта, встраивание таг менеджера и многое другое прямо из админ панели
5. Комфортное наполнение сайта, без необходимости лезть в код
6. Мультиязычность сайта в два клика
7. Расширяемость функционала
8. Связь с разработчиком из админки
9. Разграничение прав пользователей

Стало уже ясно, что со стороны кажется простым запустить сайт на “банальной” системе WP — не так уж и легко. Стоит подготовиться и учитывать вариант того, что это отнимет у вас львиную долю времени и сил,по прогнозам увеличенную в два или три раза, чем при самом пессимистичном прогнозе.
Делать wordpress сайт с нуля можно и, даже, нужно, если целью создания является наличие собственного блога, сайта-визитки или потребность «набить руку» в создании красивых сайтов.

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

Резюме

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

Создание сайта на WordPress с нуля: 10-шагов

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

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

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

Что такое создание сайта на wordpress с нуля?

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

Но как?

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

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

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

Это гораздо более удобнее, чем работа с WordPress.com. Кроме того, Ваш URL-адрес с WordPress.org сайта будет выглядеть так: www.mywebsite.com.

WordPress.com предлагает разместить ваш сайт сам для вас. Вам не нужно будет загружать какое-либо программное обеспечение или управлять сервером. Если вы выберете WordPress.com URL-адрес вашего сайта будет выглядеть следующим образом: www.mywebsite.wordpress.com.

Тем не менее, у вас есть возможность также обновить свой WordPress.com создав учетную запись и купить пользовательский домен у стороннего поставщика (Это означает, что Ваш URL-адрес будет выглядеть следующим образом: www.mywebsite.com) также как и в первом случае.

Как сделать выбор между WordPress.org или WordPress.com

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

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

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

“Wordpress.org — мы считаем лучшим вариантом”.

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

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

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

Создание сайта на WordPress, для начинающих

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

Вот почему мы создали это руководство “WordPress для начинающих” подробная инструкция.

Ниже мы подробнее рассмотрим, пошаговое создание сайта на wordpress.

Навигация:

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

1. Выбор тарифного плана WordPress

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

Чтобы начать создавать свой сайт, выберите план WordPress. Как уже говорилось ранее, с WordPress.org, у вас есть только один (бесплатный) вариант плана но он требует, чтобы вы купили свой домен и хостинг-провайдера.

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

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

2. Настройка доменного имени и хостинг-провайдера

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

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

Подумайте о своем доменном имени как о домашнем адресе — это то, как ваши посетители могут найти ваш сайт в Интернете. Ваш хостинг-провайдер это то место, где на самом деле хранится ваш сайт.

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

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

Как выбрать домен и хостинг-провайдера

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

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

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

Все трое из этих провайдеров отвечают трем требованиям хостинга WordPress (перечисленным ниже).

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

• PHP версии 7.3 или выше
• MySQL версии 5.6 или выше или MariaDB версии 10.1 или выше
• Поддержка HTTPS

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

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

• 1. Сначала зайдите на сайт Fozzy и нажмите кнопку “Заказать”.
• 2. Отсюда вы попадете на страницу регистрации, где нужно будет ввести имя фамилию и электронный адрес.
• 3. Как только вы зарегистрируетесь, вы попадете на другую страницу, чтобы зарегистрировать доменное имя и хостинг для него.
• 4. Как только вы выберете свое доменное имя, вы попадете на страницу, где будет заполнена ваша учетная запись и платежная информация для вашей покупки.
• 5. После подтверждения учетной записи и покупки домена вы получите доступ к панели управления хостингом, где сможете установить WordPress.

3. Установка WordPress

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

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

• 1. Для начала войдите в свою учетную запись fozzy, нажмите кнопку “хостинг” и далее “мой-хостинг”, а затем выберите ваш хостинг который привязан к доменному имени и нажмите “Управление”.
• 2. Вы будете выведены на экран с данными вашей учетной записи.
• 3. Нажав на кнопку “Войти в cPanel” вы увидите область ваше панели, здесь нам понадобиться вкладка “Softaculous”.
• 4. После установки WordPress вам нужно будет ответить на несколько вопросов, связанных с доменом, который вы хотите использовать, и произвести настройки вашей административной информации.

Теперь, когда у вас есть свой домен и установлен WordPress, нам нужно настроить Ваш “Основной домен” в WordPress, чтобы ваши посетители видели ваш сайт, когда они ищут Ваш URL.

В консоли WordPress перейдите в раздел «Настройки“ и нажмите кнопку “Общее”. Пропишите пользовательский домен, который вы хотите сделать основным.

Затем нажмите кнопку “Сохранить изменения”.

Убедитесь, что обновление прошло успешно, обновив страницу.

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

4. Выбор темы для WordPress

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

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

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

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

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

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

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

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

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

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

5. Добавление постов и страниц на свой сайт

Когда вы добавляете контент при создание сайта на wordpress, он отображается в виде постов и страниц.

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

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

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

Чтобы добавить запись на свой сайт, перейдите в панель администратора, нажмите кнопку “Записи”, а затем “Добавить новую запись”.

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

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

Если вы хотите добавить страницу на свой сайт, вы будете проходить через очень похожий процесс. В своей админке нажмите кнопку “Страницы”, а затем ”Добавить новую”.

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

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

Не забудьте также нажать кнопку “Сохранить черновик” или “Опубликовать”.

6. Настройка вашего сайта

Существует несколько способов дальнейшей настройки вашего сайта. Давайте рассмотрим несколько вариантов.

Во-первых, создайте статические или динамические страницы как мы создавали выше.

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

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

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

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

С левой стороны в админке нажмите кнопку “Настройки”, затем “Чтение”.

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

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

На вкладке “Общие” в разделе “Настройки” добавьте название и слоган вашего сайта.

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

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

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

7. Установка плагинов

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

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

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

• Календарь событий: легкий календарь событий, который упрощает планирование событий с вашего сайта.

• Yoast SEO: плагин go-to, который поможет вам с SEO на странице. Это приложение гарантирует, что вы следуете лучшим практикам, прежде чем продвигать свой сайт в прямом эфире.

• TablePress: нужна таблица на вашем сайте? Этот плагин вам поможет.

• SEO Framework: еще один плагин, который может помочь вам настроить SEO на вашем сайте.

• Pixel Caffeine: управляйте своим пикселем Facebook на своем сайте WP.

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

Нажмите кнопку “Добавить новый”.

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

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

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

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

Кэширование браузера это хранение данных вашего сайта в браузерах ваших посетителей.

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

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

Давайте установим и активируем WP Fastest Cache. На странице плагина нажмите кнопку “Enable” в самом верху. Затем нажмите кнопку “Submit” в нижней части экрана.

Этот плагин кэширования поможет повысить производительность вашего сайта.

9. Получите вдохновение из сайтов созданных на WordPress

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

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

В приведенном ниже примере представлен сайт kalabasa, это интернет-магазин, посвященный кулинарии.

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

Веб-сайт Angry Birds отображает анимационную игру и мультфильм на главной странице. Раздел shop в верхней части меню делает покупки на сайте, легким временем провождения.

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

Советы и рекомендации: создание сайта на wordpress

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

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

2. Используйте тире, а не подчеркивание в ваших постах в WordPress. Много слов целиком в одном не поможет вам с SEO. Используйте тире, чтобы выделить, отдельные слова. (Например, используйте www.example.com/this-is-an-example, а не www.example.com/this_is_an_example).

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

4. Используйте изображения, замещающие текст в ваших интересах. Image Alt Text можно использовать для улучшения вашего SEO-рейтинга и рейтинга Google.

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

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

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

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

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

10. Создайте страницу “О нас” на своем сайте, чтобы показать своим посетителям, что вы надежный человек или бизнес. Страница “о нас”, как известно, является второй по посещаемости страницой на веб-сайтах (после домашней страницы), поэтому важно представить себя в правильном свете.

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

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

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

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

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

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

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

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

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

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

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

Вывод

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

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

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

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

Создание сайта на wordpress с нуля для новичка

Создание сайта на wordpress с нуля для новичка, для начинающего сайтостроителя.

WordPress что это?

Содержание статьи :

  


>

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



      <заголовок>
          
 
  
          
 
  
      

         
  

  









<тело >