Сделать сайт на wordpress с нуля: полное руководство для новичков по установке и настройке
Содержание
Стоит ли делать сайт на 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-ом году вам придется столкнуться с перечнем недостатков:
- Подходит только для новичков. Так как у серьезных, а также более или менее больших компаний сайты самописные. Все права принадлежат администратору — создателю, а не платформе.
- Для создания подходящего и уникального внешнего вида потребуется затраты ресурсов.
- Тяжел в процессе оптимизации.
- Требует дополнительные плагины и модули.
- Имеет низкую загрузку сайта.
Что выбрать?
Если вы хотите создать личный сайт или блог, ничего не понимаете в хостингах и прочих технических нюансах, это ваш первый опыт и вы хотите потренироваться — выбирайте вариант wordpress.org.
Для любой другой серьезной цели подходит только второй вариант, о котором мы и продолжим говорить ниже.
Сделать сайт на WordPress — просто?
Да, просто для тех, кто уже прошел эту процедуру много раз: для тех, у кого уже есть знания и опыт, потребуется только время.
А для тех, у кого опыта нет, потребуется очень много времени. “Просто, но очень долго” автоматически превращается в “сложно”. Смотрите сами.
Страница “С чего начать” официальной справки Вордпресс достаточно объемная. Приведем некоторые самые главные моменты.
Этап установки
- Купить хостинг.
- Установить WordPress на сервер.
- Купить домен.
- Настроить домен на хостинге.
- Найти и установить тему (шаблон внешнего вида сайта, есть платные и бесплатные варианты).
Если провести аналогию со строительством дома, на данном этапе мы заложили фундамент и построили “коробку”, которая не имеет ни внешней, ни внутренней отделки, не говоря уже о мебели.
Этап настройки
- Настроить внешний вид сайта.
- Внутренние настройки WordPress.
- Установка и настройка дополнительных модулей.
Даже если вы подобрали удачный шаблон, его потребуется адаптировать к вашим потребностям. Это касается, например, расположения и количества пунктов меню, графических и функциональных блоков (баннеров, слайдеров, кнопок, форм).
Внутренние настройки — права доступа, формат URL, параметры отображения записей, комментариев, изображений и др.
Список задач, которые можно решить с помощью базового функционала WP, очень ограничен. Его возможности расширяются с помощью установки плагинов, некоторые из которых нужны с самого начала — на этапе настройки сайта. Примеры: плагин, который переводит кириллические URL в латиницу, SEO-плагин, который позволит заполнять метатеги страниц, без которых оптимизация сайта просто невозможна, плагин, генерирующий xml карту сайта, и др.
Установили и настроили, что дальше?
Проведя огромную работу по настройке Вордпресс, вы изрядно устанете. Но отдыхать не придется, т.к. сайт есть, а контента пока нет. Потребуется первоначальный контент, базовая информация о вас, вашей компании, контактные данные, категории товаров и услуг, страницы “Доставка и оплата” и т.п. А затем начнутся серые будни ведения и продвижения сайта.
Продвижение сайтов на WordPress
Стоит иметь в виду, что при продвижении сайтов на WordPress своими силами или с помощью сторонних специалистов, есть ряд объективных проблем, которые нужно будет решать.
- Движок WordPress изначально не оснащен функционалом для поисковой оптимизации, при этом такой бесплатный шаблон имеет очень много мусора и постоянно создает дубли, код, от которых необходимо избавляться. Проблема решается с помощью установки энного количества модулей и перетекает в п.2.
- Модули и плагины — это костыли разной степени качества и удобства, созданные разными разработчиками, под разные версии Вордпресс и т.д. Время от времени даже у специалистов возникают различные глюки сайта, отказ работы отдельных элементов, замедление загрузки, что выливается в п.3.
- Скорость загрузки сайта — одна из важнейших характеристик удобства сайта для пользователей, а также один из ключевых факторов ранжирования поисковыми системами. Проще говоря, люди хотят иметь дело с быстрыми сайтами, и поисковики предоставляют таким сайтам более высокие позиции в выдаче. Скорость работы никогда не являлось преимуществом WP, а нагромождение нужных и ненужных надстроек существенно усугубляет ситуацию.
Создание сайта на шаблоне WordPress сперва может показаться хорошей идеей. Но! Хороший и качественный сайт не может быть создан на основании шаблона, так как весь контент будет похожим на аналогичный ресурс. Создание своего индивидуального требует дополнительные затраты, и, если бы речь шла только о времени. В этом ключе подразумевается и финансовая сторона. На первый взгляд может показаться, что все не так плохо, ведь шаблон сайта на wordpress может стоить от двух тысяч гривен до пяти тысяч; создание дополнительного уникального дизайна начинается от четырех тысяч гривен и до восьми; самопис же стоит от десяти тысяч гривен. С другой стороны стоит задуматься о том, зачем поступать нерационально, тратить больше сил, времени и денег на усовершенствование, если можно выложить сумму чуть больше сразу и изредка корректировать мелочи. “Скупой платит дважды” — прописная истина.
Гораздо дальновиднее будет сделать сайт на самописной CMS, которая будет подогнана нашими специалистами под нужды каждого клиента индивидуально. Она гибкая, быстрая, легко продвигаемая. Давайте сравним — WordPress и Нашу CMS систему FRAST:
- Не нагружает сайт
- Не требует знаний программирования
- Проста и понятна в использовании
- Автоматическая генерация карты сайта, управление индексацией сайта, встраивание таг менеджера и многое другое прямо из админ панели
- Комфортное наполнение сайта, без необходимости лезть в код
- Мультиязычность сайта в два клика
- Расширяемость функционала
- Связь с разработчиком из админки
- Разграничение прав пользователей
Стало уже ясно, что со стороны кажется простым запустить сайт на “банальной” системе WP — не так уж и легко. Стоит подготовиться и учитывать вариант того, что это отнимет у вас львиную долю времени и сил,по прогнозам увеличенную в два или три раза, чем при самом пессимистичном прогнозе.
Делать wordpress сайт с нуля можно и, даже, нужно, если целью создания является наличие собственного блога, сайта-визитки или потребность «набить руку» в создании красивых сайтов.
Работающий сайт на базе wordpress не нужен, если финальным результатом является создание крупного коммерческого проекта, который будет популярен и приносить большие деньги. При необходимости CMS стоит обратить внимание на выбор специализированной площадки, которая подходила бы под конкретно ваш тип сайта (существует не одна платная или бесплатная платформа для интернет — магазина). Идеальным вариантом, конечно же, будет самостоятельно написанная CMS, которая легко настраивается программистами под ваши нужды, учитывая все нюансы и пожелания.
Резюме
Вы уже поняли, что запустить сайт на “простой” системе WP — ох как непросто. Будьте готовы к тому, что это отнимет у вас времени и сил в 2-3 раза больше, чем ваш самый пессимистичный прогноз. Но дорогу осилит идущий.
Делать сайт на Вордпресс можно и нужно, если вы хотите создать личный блог или потренироваться в создании сайтов “на кошках”.
Делать сайт на Вордпресс не нужно, если вы планируете серьезный коммерческий проект. Выбирайте специлизированную CMS под ваш тип сайта (существуют, например, прекрасные платные и бесплатные платформы для интернет-магазинов) или самописную CMS, которую программисты смогут настроить конкретно под ваш проект с учетом всех нюансов.
Как создать сайт на WordPress с нуля самостоятельно. Платформа wordpress com
От автора: приветствую вас, друзья, в очередной статье, посвященной работе с WordPress. Из этой статьи вы узнаете, как создать сайт на WordPress с нуля. И это не просто слова, под фразой «с нуля» я действительно имею в виду ровно то, что и сказал. Итак, давайте приступим.
Как создать сайт на платформе WordPress
Сразу стоит отметить, что данная статья написана в первую очередь для новичков а также для тех, у кого пока что нет собственного сайта, но кто безумно хочет создать свой сайт с помощью WordPress.
Итак, представьте себе, что вы совсем еще новичок в сфере сайтостроения и никогда в жизни не слышали или имеете смутное представление о таких словах, как хостинг, ftp, html и так далее. При этом, когда вы общаетесь со знакомым вебмастером на тему создания сайта, он то и дело сыплет вот такими вот малопонятными словечками. Казалось бы впору загрустить и отказаться от идеи создать сайт самому… Но отчаиваться рано, выход есть. Можно создать сайт на базе WordPress. При этом вам не нужны знания верстки и тем более программирования, не нужно даже платить за домен и хостинг, поскольку можно создать сайт на платформе WordPress. Давайте узнаем, как это сделать.
Как создать сайт через WordPress
Итак, приступим к созданию сайта на базе WordPress. Уже через несколько минут вы получите готовый сайт, который можно наполнять, вести блог, через который можно делиться своими мыслями с друзьями и знакомыми. Идем на официальный сайт WordPress.
На главной странице мы видим заголовок, в котором действительно предлагается создать сайт на WordPress бесплатно. При этом мы можем выбрать дизайн будущего сайта из сотен тем и сайт изначально будет совместим с мобильными устройствами, что очень классно, поскольку доля просмотров сайтов через мобильные устройства растет с каждым днем.
Бесплатный курс «Основы создания тем WordPress»
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Скачать курс
Ну что же, воспользуемся предложением и нажмем кнопку Создать сайт. После этого мы попадаем на страницу, которая позволит привязать сайт к домену. Для тех, кто пока не знает значение слова домен, пару слов об этом. Собственно, определение домена вы можете найти в интернете. Если же говорить просто и в двух словах, то домен — это уникальное имя сайта, то самое, которое мы вводим и можем увидеть в адресной строке. Например, адрес (домен) официального сайта WordPress — wordpress.com. Именно по домену сайты и отличаются друг от друга.
Что же конкретно мы увидим на новой странице? А увидим мы варианты названий нашего будущего сайта.
Мы видим, что есть возможность как бесплатных, так и платных доменов. Второй случай нас пока что не интересует, поскольку мы договорились создать сайт бесплатно. Поэтому будем выбирать бесплатные варианты доменов, в этом случае к ним будет приписываться адрес платформы WordPress.
В строку поиска вводим желаемое название сайта, например, я введу wfm. Поскольку платформа позволяет создавать сайт бесплатно, вполне понятно, что желающих воспользоваться услугой — немало, поэтому приготовьтесь к тому, что желаемый адрес может быть уже занят или просто недоступен. В моем случае WordPress предложил такой вариант домена: wfm2015.wordpress.com
Ну что же, как говорится, дареному коню в зубы не смотрят, возьмем что дают Жмем кнопку Выбрать. На новой странице выбираем тарифный план, опять-таки, нас интересует бесплатное решение.
На новой странице создаем учетную запись, заполняя поля формы.
Бесплатный курс «Основы создания тем WordPress»
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Скачать курс
Как и для многих продуктов с регистрацией, от нас требуют подтвердить факт регистрации, перейдя по ссылке в письме, которое мы должны получить на указанную электронную почту.
Зайдите в свой почтовый ящик и перейдите по ссылке подтверждения. После успешного подтверждения мы должны увидеть сообщение об успехе.
Давайте опубликуем первую запись в нашем блоге, нажав кнопку Начать запись. Мы перейдем в редактор, в котором и можем писать текст статьи.
После публикации можем перейти на наш сайт — wfm2015.wordpress.com — и посмотреть написанную статью. Все получилось
Напоследок давайте попробуем сменить стандартный дизайн на что-нибудь более яркое. Для этого достаточно изменить тему, выбрав из сотен доступных. Кликаем по ссылке Мой сайт в левом верхнем углу и переходим на главную страницу управления сайтом. В меню слева выбираем меню Тему из раздела Персонализировать и подбираем тему (обратите внимание, здесь есть как бесплатные, так и платные темы).
После установки новой темы можем перейти на сайт, чтобы увидеть изменения дизайна.
Как видите, все достаточно просто. Буквально пара минут — и вы счастливый обладатель сайта на платформе WordPress, при этом не вложили в создание этого сайта ни копейки. Можете приступать к написанию статей для сайта и давать ссылку на свой личный сайт на WordPress своим друзьям.
Ну а я на этом с вами прощаюсь. Успехов!
Бесплатный курс «Основы создания тем WordPress»
Изучите курс и узнайте, как создавать мультиязычные темы с нестандартной структурой страниц
Скачать курс
Основы создания тем WordPress
Научитесь создавать мультиязычные темы с нестандартной структурой страниц
Смотреть
Как создать свой первый сайт на WordPress?
Давайте рассмотрим, как сделать сайт на WordPress с минимальными усилиями, и начать развивать свое присутствие в Интернете.
WordPress — это одна из самых популярных систем управления контентом (CMS). Хотя она может показаться сугубо технической, на самом деле WordPress очень прост.
WordPress — это отличный выбор для создания гибкого сайта без необходимости работать с кодом
WordPress позволяет создать современный, простой в использовании сайт со всеми основными функциями без необходимости изучать программирование.
WordPress — это не только платформа для бизнеса или для ведения блога. Он подойдет для мамы, которая хочет создать семейный сайт, чтобы выкладывать фотографии своих детей. Для фотографа, который хочет создать онлайн-портфолио. Или для создания форума.
Перед тем, как создать сайт на Вордпресс, вы должны понять, что с его помощью вы можете создать все это и многое другое.
Сайт на WordPress можно представить себе как несколько слоев. WordPress является центральным слоем. Это основа, на которой держится все остальное. Контент вашего сайта (текст, изображения, видео и т.д.) формирует следующий слой. Это самая важная часть вашего сайта, на которой вы и хотите сосредоточиться. Внешний слой — это тема, которая является представлением того, как отображается ваш контент.
Главная особенность WordPress заключается в том, что вы можете легко добавлять контент без изменения структуры ядра
Вы можете расширять, удалять или редактировать контент без необходимости изменять функционал. Можно изменить внешний вид сайта (то есть тему WordPress) без потери контента и без изменения структуры.
Последний «большой» компонент любого сайта на WordPress — это плагины. Эти части кода, которые вы можете добавить (или подключить) на свой сайт, чтобы реализовать дополнительный функционал. Представьте себе свой мобильный телефон — некоторые функции, такие как телефонные звонки или адресная книга, включены как часть стандартного программного обеспечения.
Если вы хотите расширить его возможности (воспроизведение музыки с Pandora, например), вы устанавливаете приложение. Плагины — это как приложения для вашего сайта на WordPress.
Перед тем, как сделать сайт WordPress, перечислим его основные компоненты: доменное имя (URL-адрес) и хостинг. Доменное имя – это тот адрес, по которому люди будут попадать на ваш сайт. Хостинг связан с физическим компьютером, который обрабатывает файлы сайта (это аккаунт, который «сдает номер» для вашего контента).
Чтобы создать свой первый сайт на WordPress, необходимо доменное имя и хостинг. И, конечно же, вам необходимо скачать WordPress.
Есть несколько других составляющих, которые будут нужны для работы вашего сайта.
- Контент — что вы хотите сказать;
- Изображения — сайт с голым текстом будет невероятно скушен;
- Тема — WordPress поставляется с несколькими установленными по умолчанию темами. Также существует много бесплатных тем, которые вы можете выбрать. Если нужен какой-то определенный дизайн, существуют и премиум темы, доступные для приобретения.
Что не нужно, чтобы сделать сайт на Вордпресс самостоятельно:
Дорогое программное обеспечение для редактирования или веб-дизайна — все, что создается в WordPress, добавляется и редактируется через браузер.
Богатый дядя или большое наследство — WordPress является бесплатной платформой, также доступными являются тарифные планы на предоставление хостинга.
Ученая степень в области компьютерного программирования, математики или физики — после того, как вы изучите основы работы с WordPress, все будет очень просто!
Единственный простой способ настроить WordPress — это начать с учетной записи хостинга, предназначенного для сайтов WordPress.
Многие хостинги предлагают опцию установки WordPress в один клик или простые инструкции по установке непосредственно из панели управления. Даже без аккаунта хостинга вы можете запустить WordPress, но при условии, что у вас есть база данных, в которой будет храниться информация сайта, и место, куда загрузить файлы WordPress.
Проверьте, можно ли на вашем хостинге автоматически установить WordPress. Если необходимо установить его вручную, войдите в Cpanel (или аналогичную панель управления). Затем нажмите на кнопку, чтобы создать базу данных MySQL для вашего сайта:
Введите имя базы данных, а также создайте пользователя БД. Сохраните имя базы, пользователя и пароль пользователя — они понадобятся позже.
Перед тем, как сделать сайт на WordPress, скачайте последнюю версию CMS и распакуйте файлы. Используя файловый менеджер, или FTP-клиент, загрузите все файлы WordPress на хостинг:
После завершения загрузки у вас должна быть структура папок, аналогичная этой:
Для последнего шага перейдите с помощью браузера на свой сайт. Процесс установки должен начаться автоматически, первым шагом будем выбор языка:
Помните учетные данные, которые мы сохранили ранее? На этом этапе создания сайта на Вордпресс самостоятельно они нам понадобятся. Введите имя базы данных, имя пользователя и пароль в соответствующих полях. Большинство хостингов используют localhost для имени хоста. Если вы не уверены, спросите об этом службу поддержки своего хостинга. Продолжите установку:
Далее нужно задать имя пользователя и пароль, которые вы будете использовать, чтобы войти в панель администрирования WordPress. Я рекомендую использовать имя пользователя, отличное от “admin”. Это имя пользователя по умолчанию, и, следовательно, увеличивает шансы на то, что ваш сайт будет взломан. Введите название сайта, если хотите, и продолжайте установку:
WordPress установлен. Вы можете получить доступ к панели администрирования через domainname/wp-admin. Чтобы войти в панель администрирования нужно использовать имя пользователя и пароль, которые вы задали ранее.
По умолчанию, WordPress использует формат написания URL-адресов, который не является SEO-оптимизированным. Настройка URL имеет решающее значение во время установки WordPress. Не откладывайте выполнение этой задачи. Это нужно сделать прежде, чем вы начнете публиковать страницы или записи в блоге. И перед тем, как сделать карту сайта WordPress:
В «Консоли» найдите раздел «Настройки» в левой боковой панели. Перейдите в «Настройки», а затем в «Постоянные ссылки».
Обычно по умолчанию задано правило «Простые». Нам нужно изменить это, поэтому выберите опцию «Произвольно». В текстовом поле введите следующую команду:
/%postname%/
Это должно выглядеть следующим образом:
URL-адреса являются важным фактором для ранжирования поисковыми системами, и мы доработали этот элемент, изменив правила формирования URL. Допустим, вы решили опубликовать страницу или запись в блоге под названием «Как создать свой первый сайт на WordPress«, и хотите получать органический трафик с поисковых систем, таких как Google и Bing. Какой URL-адрес, по вашему мнению, будет более удобным для поисковой системы и для пользователя?
Обычный URL-адрес: example.com/?p=123
Произвольная структура URL-адреса: example.com/how-to-build-a-wordpress-website-for-the-first-time
Если вы не уверены, то поверьте мне, что произвольная структура — это лучший вариант.
Все основные разделы расположены в меню слева. Под каждым из основных заголовков расположено подменю параметров. Сюда же надо «обращаться», если не знаете, как сделать копию сайта WordPress:
Первым типом контента, который мы обсудим, будут записи в сравнении со страницами. Записи, как правило, используются для отображения контента, который часто обновляется. Например, статьи в блоге. Для создания контента, который не меняется так часто, лучше использовать страницы.
Большинство тем по умолчанию отображает на главной странице последние записи. Вы можете изменить эту настройку, чтобы всегда отображать статическую страницу. Этот параметр, а также другие установка часового пояса и изменение адреса электронной почты администратора, находятся на вкладке «Настройки» в меню слева:
В меню «Внешний вид» можно управлять темой оформления и всем, что связано с визуальным отображением сайта. Здесь можно выбрать тему, загрузить новую, или произвести пользовательскую настройку темы, которую вы используете:
Меню «Плагины» позволяет просматривать установленные плагины и добавлять новые. Все плагины, установленные на сайте, будут отображаться в этом меню. Чтобы сделать сайт на вордпресс самостоятельно, можно использовать только те плагины, которые были активированы. Иногда при установке плагина в меню слева будет добавляться новый пункт меню. Также часто новые параметры будут добавляться в один из существующих разделов меню:
На странице «Медиафайлы» можно просматривать, редактировать или удалять изображения, которые были добавлены на сайт. Все изображения, независимо от того, где они добавлены, будут отображаться в этом разделе. Например, можно добавить изображение в запись непосредственно из панели редактирования записи. Тем не менее, эти изображения также будут отображаться в библиотеке.
Все это нужно знать, чтобы сделать сайт на Вордпресс самостоятельно.
Хотя наиболее важной частью любого сайта является контент, вы также должны уделить внимание теме оформления.
Тема влияет на то, как отображается сайт, а также на общее впечатление, которое он производит на посетителей.
Нужно выбирать тему оформления, которая является стабильной и простой в работе. Многие темы являются настраиваемыми, что позволяет с легкостью изменять цвета и фон. Это поможет создать уникальный внешний вид, который лучше подходит для вашей задумки дизайна сайта.
Добавление контента на страницы и в записи производится аналогично.
- Нажмите на кнопку «Добавить новую»;
- Введите заголовок. Это должна быть общая идея страницы или записи;
- Внесите в большое поле контент.
Справа вы увидите две вкладки «Визуально» и «Текст». Убедитесь, что вы редактируете контент через вкладку «Визуально». Вкладка «Текст» показывает код разметки, если необходимо изменить его:
Через эту панель можно сделать текст жирным, курсивом или вставить изображения. Для вставки изображений нажмите «Добавить медиафайл». Кнопки, расположенные сверху от поля ввода текста, обеспечивают дополнительный функционал. Если вы хотите, чтобы элемент был отформатирован как заголовок или подзаголовок, выделите текст и измените значение «Параграф» на «Заголовок 1«, «Заголовок 2» и т.д.:
С правой стороны вы увидите несколько дополнительных опций. «Миниатюра записи», например, автоматически устанавливает изображение миниатюры, которая выводится с записями во многих темах. Вы также можете сохранить элемент в виде «Черновика», если он еще не закончен. Это сохранит все внесенные изменения, но запись еще не будет опубликована на сайте.
Для пользователей сайта будут видны только записи и страницы, которые опубликованы:
Существует еще много всего, что может сделать WordPress, мы только едва коснулись поверхности. Если вы хотите узнать больше, посетите вордпресс официальный сайт и ознакомьтесь с Кодексом WordPress. Удачи вам, и изучите все это перед тем, как сделать сайт на вордпресс!
Данная публикация является переводом статьи «HOW TO BUILD A WORDPRESS WEBSITE FOR THE FIRST TIME» , подготовленная редакцией проекта.
Как сделать сайт на WordPress. Опыт сеошника.
Главная -> Статьи -> Как сделать сайт на WordPress
Приветствую истину ищущих и опыта жаждущих. Сегодня речь пойдёт о моём личном опыте создания сайтов с помощью CMS WordPress. Для кого-то тема покажется избитой, однако, я считаю, что с точки зрения сеошника WordPress не рассматривался достаточно подробно и многогранно.
Что такое WordPress и почему именно он?
WordPress — это система управления сайтом (CMS), которая обрела большую популярность среди блоггеров и школьников разного уровня подготовки. Система управления сайтом позволяет, имея начальные знания о сайтостроении, лепить на коленках сайты с завидной успешностью. Вы можете вообще не знать HTML и CSS, не говоря уж о Java и PHP, и успешно решать задачи по добавлению контента на свой свежесозданный блог.
Помимо блогов, WordPress прекрасно подходит для создания сайтов-визиток и небольших сайтов услуг. При этом, в отличие от распиаренной Joomla, WordPress имеет на порядок меньше дырок в безопасности и более дружественный интерфейс.
Что касается SEO-инструментов, то все они так или иначе присутствуют в виде виджетов, которые легко (нажатием одной кнопки) устанавливаются в админку WordPress и успешно решают задачи управления мета-тегами, генерации карты сайта, генерации хлебных крошек и тому подобных базовых SEO-штук. При этом, некоторые шаблоны сайтов (которые, к слову, также устанавливаются нажатием одной кнопки) уже имеют в себе достаточно мощный SEO-инструментарий и не требуют дополнительных плясок с бубном.
Вот так выглядит дружественный интерфейс WordPress
Что нужно для того, чтобы сделать сайт на WordPress.
Для того, чтобы создать несложный, но качественный сайт на WordPress, нам понадобятся определённые навыки (они же скилы) и определённые «технические штуки».
Начнём с разбора технических наворотов, которые необходимо иметь, чтобы создать сайт:
- Компьютер не супер-топовой комплектации, но достаточной для того, чтобы запустить Photoshop и выйти без лагов в Интернет.
- Собственно, доступ в Интернет. При этом, желательно, не с телефона с минимальной скоростью, а добротный, как минимум 10 Мбит/сек., иначе вы проклянёте сайтостроение.
- Программа для обработки изображений на вашем ПК. Желательно, чтобы это был не Paint, а Photoshop или Gimp.
- Оплаченный хостинг на 100 Мб. и домен в любой понравившейся вам зоне (ru, com, biz и т.п.).
Навыки, необходимые для создания сайта на WordPress:
- Компьютерная грамотность уровня «выше чайника». Вы должны уметь включить компьютер, добиться нормальной работы Интернета, уметь написать текст в каком-нибудь редакторе, найти информацию в Интернете, обработать картинку графическим редактором.
- Базовые знания о том, как работают сайты. В частности, что такое хостинг и домен, как их получить и как ими пользоваться.
- Базовые знания по SEO, касающиеся того, что такое SEO вообще и что должно быть на сайте, чтобы как-то его оптимизировать под поисковые системы.
- Навык исследования методом тыка уровня 80+. Это, пожалуй, основной скилл, необходимый для того, чтобы создать сайт на WordPress. Нужно отчётливо понимать, что создание сайтов — это целая вселенная и просто так запрыгнуть в неё с головой и сделать всё круто за полчаса не получится. Вам так или иначе придётся учиться, узнавать новые понятия, разбираться с новыми инструментами.
Как я создавал сайт на WordPress.
Для закрепления всего вышесказанного, постараюсь кратко рассказать, как я создавал сайт на WP.
Задача, которая стояла передо мной: создать сайт-визитку для молодого и успешного юриста.
Шаги решения задачи:
- Купил домен в зоне ru, название которого относится к юридической тематике и частично отражает направленность сайта: law-consulting.ru.
- Выбрал и проплатил на пол-года хостинг с поддержкой MySQL, PHP, SMTP.
- Припарковал домен на хостинге.
- Прямо из панели управления хостингом развернул WordPress (делается нажатием одной кнопки).
- Вместе с заказчиком выбрал и установил из админки WordPress подходящий шаблон для сайта. Выбирали строгий минималистичный шаблон с адаптивной вёрсткой.
- Вместе с заказчиком подготовили структуру будущего сайта, обсудили пункты меню, нужный функционал.
- Для персонализации шаблона подготовил изображения и текстовый контент.
- Разместил изображения и текстовый контент на сайте, настроил меню, создал страницы структуры (пока пустые), настроил ЧПУ для каждой страницы.
- Подключил SEO-модуль и настроил мета-теги для всех страниц, сгенерировал карту сайта.
- Подключил модуль формы обратной связи, сгенерировал модуль Яндекс.Карты, установил всё это богатство на страницу «Контакты».
- Разместил подготовленные заказчиком материалы по всей структуре сайта, исправил замечания и недочёты путём редактирования исходного кода шаблонов.
Ну, вот, пожалуй и всё. Теперь в Интернете появился ещё один сайт с юридическими услугами. Рекомендую: www.law-consulting.ru
Самостоятельное создание сайтов на конструкторе WordPress
Удобный и практичный конструктор позволяет реализовать задуманный проект с нуля. Итак, давайте поговорим о том, как самостоятельно создавать сайты на конструкторе Ворд Пресс, какие преимущества и недостатки имеет движок.
ТОП-5 причин использования WordPress для создания сайта или блога
Группой независимых агентств проводилось статистическое исследование в отношении того, какой движок пользуется наибольшим спросом у пользователей и максимально удобен. Оказалось, что более чем в 35% случаев, люди отмечали именно данную систему управления.
Причин может быть несколько, но не лишним будет подчеркнуть, что если в 2015 году на WordPress работали лишь 24% ресурсов, то сегодня, показатель достиг уже 64%. Впрочем, давайте выделим пять причины, по которым, CMS приобрела такое широкое распространение и популярность:
- CMS WordPress предлагается пользователям полностью бесплатно. Любой человек сможет воспользоваться данным конструктором, чтобы сконструировать сайт с нуля и с минимальными расходами.
На заметку: Ворд Пресс распространяется на основании лицензии открытого типа GNU GPL. Продукт разрешается использовать в разных целях, включая личные и коммерческие. - Безграничный спектр использования. WordPress подойдет для реализации любого проекта, будь то блог, интернет-магазин, сайт крупной компании.
- Простота в работе. Пользование ВордПрессом не вызывает затруднений и не требует специализированных познаний. Многие исполнители работают с таким сайтом на интуитивном уровне.
- Сайт можно сконструировать и опубликовать на нем первый контент в течение пяти минут.
- Разнообразие шаблонов, оригинальных цветовых и дизайнерских решений.
Разумеется, чтобы получить качественный продукт на работу с CMS WordPress придется потратить больше времени, чем пять минут. Впрочем, даже существующие шаблоны подходят для оформления сайтов без дополнительных работ.
Интересно: Сегодня многие популярные компании, известные люди, знаменитые музыкальные группы по достоинству оценили предлагаемый движок. Им пользуются Sony Music и Reuters, Rolling Stones и Snoop Dogg, крупные СМИ, политические партии, дизайнеры, юристы и люди других востребованных профессий.
Подготовительный этап к созданию сайта на ВордПресс
Создать сайта на WordPress не слишком сложно, если все делать по инструкции. Есть несколько рекомендации и советов, которые позволят получить стильный, интересный ресурс. Начинать стоит с подготовки к дальнейшей работе. Рассмотрим отдельные стадии подготовки более подробно дальше.
Шаг 1. Выбор хостинга и регистрация доменного имени
Вовсе не обязательно оплачивать хостинг на начальной стадии создания коммерческого проекта. Вполне возможно работать на бесплатной платформе wordpress.com. Этого достаточно, чтобы вести личный блог-дневник или постить простые фотографии домашних собачек.
Если же, вы планируете создать крупный проект, то рекомендуется выбрать платный хостинг.
Совет: Для выбора хостинг-провайдера можно обратиться в Reg.ru, Beget или «Айхор». Здесь предлагаются разные услуги, поэтому существует возможность выбрать подходящий хостинг.
Регистрация доменного имени тоже не вызовет затруднений. Поможет в этом хостер. От пользователя потребуется только придумать подходящее имя и проверить, свободно ли оно. После проверки домен оплачивается и поступает в полное распоряжение мастера.
Выбор домена – это существенный этап, поскольку он в дальнейшем станет своеобразным маркером проекта для работающих поисковых систем. Справиться с данной задачей помогут советы:
- лучше имя, которое совпадает с названием сайта. К примеру, Одноклассники – ok.ru;
- имя должно быть максимально коротким;
- выбранный адрес должен хорошо «звучать» и иметь смысл;
- не повлияет на тех. параметры веб-ресурса, но это может отразиться на уровне доверия аудитории.
Совет: Оптимальный вариант — домены в зонах инфо и ком, орг и нет, а также, ряд других вариантов, рассчитанных именно на реализацию коммерческих проектов.
Шаг 2. Самостоятельная установка WordPress.
Покупка хостинга и домена завершена, пора переходить к установке WordPress. Процедура не сложная, но может потребовать внимательности.
На заметку: Некоторые провайдеры предлагают тарифные планы, где CMS уже предустановлена. Выбрав такой вариант, можете опустить данный шаг и перейти сразу к следующему. Если нет, то следуйте предложенным советам.
Установка ВордПресс для последующей работы, потребует выполнения таких действия:
- Перейти на официальную страницу Ворд Пресс и скачать дистрибутив.
- Распаковать полученный архив.
- Загрузка файлов в корневой каталог (можно в субдиректорию). Для этого можно воспользоваться FTP-клиентом (например, FileZilla). Там помещен файл «index.html». Новый проект будет иметь адрес — www.vash-site.ru.
- Через браузерную ссылку осуществить подключение. Сведени предоставляет провайдер. Требуется внести данные, как на картинке. Дополнительно нужно указать, можно ли поисковым роботам индексировать ресурс.
- Если все действия были сделаны правильно, то перед вами появится такая картинка
- По основному URL-адресу должен открываться сайт. Визуально, это будет выглядеть следующим образом.
Перечисленные действия позволят создать простой и понятный во всех отношениях сайт. В дальнейшем, остается только войти в панель администрирования и начать настройку всех систем внутри «движка».
Основной этап работы с CMS WordPress
Подготовительный этап закончен. Вы все сделали правильно, подготовив базовую площадку для непосредственной работы с проектом. Следующие действия должны быть ориентированы на выполнение нескольких последовательных шагов.
Шаг 1. Выбираем тему для WordPress
Именно дизайн шаблона «отвечает» за то, как будет выглядеть ваш сайт в итоге. Важно серьезно подойти к этому вопросу, поскольку от этого зависит восприятие ресурса пользователями. Помочь с выбором шаблона ВордПресс помогут такие советы:
- Можно выбрать темы, предлагаемые даром и за плату. Бесплатные представлены в каталоге WordPress. Все шаблоны проходят специальную проверку на безопасность и соответствие техстандартнам. Если хотите платный вариант, то лучше приобретать продукты, одобренные разработчиками «движка».
- Неважно, на каком языке представлен шаблон – на русском или на английском. Перевести не составит сложности и много времени.
- Найти подходящий шаблон в каталоге не проблема. Для этого потребуется использовать специальный фильтр. Достаточно отметить требующиеся параметры и применить заданный фильтр.
На заметку: Интересные варианты дизайна представлены в подборке «Текстерры». - Установка ВордПресс может быть выполнена двумя способами. В админке, через «Внешний вид-Темы» с нажатием кнопки «Добавить новую» или через скачивание дистрибутива, о котором было рассказано ранее.
Когда новый шаблон установлен и активирован, можно переходить к его настройкам. Процесс не слишком сложный, но потребует внимательности и соблюдения предлагаемых инструкций. Далее предложены пошаговые рекомендации, позволяющие это сделать.
Шаг 2. Настройки CMS WordPress
Данный шаг необходим, чтобы привести в нужное состояние базовые настройки системы. Чтобы движок нормально функционировал, не потребуется устанавливать дополнительные плагины, но настроить выбранную тему нужно обязательно.
Внимание: Настройки нужно выполнять с учетом выбранного шаблона, поскольку они могут различаться. При выборе англоязычной темы ее потребуется предварительно русифицировать.
Для настраивания выбранной темы, потребуется выполнить ряд простых манипуляций. Речь идет о таких пошаговых инструкциях:
- Зайти в админку Вордпресс и выбрать «Настройки». В каждом разделе нужно указать соответствующие данные.
Важно: Поле «Членство» не заполняется, поскольку на начальном этапе развития сайта, регистрироваться тут захотят только вредители и боты.
- Раздел «Написание» заполняется с учетом выбора соответствующих параметров. Сначала можно сделать дефортные настройки форматирования, а также, определиться с параметрами центральной рубрики и формата записей.
- Для размещения заметок, необходимо ввести адрес сервера, порт, логин/пароль. Новичкам рекомендуется постить темы только в админке.
- В разделе «Сервисы обновления» необходимо опубликовать хотя бы один поисковик. В этом случае, КМС будет самостоятельно уведомлять поисковые базы о появлении на сайте новых материалов. Внесенные изменения нужно будет сохранить.
- Рекомендуется к установке плагин WordPress Ping Optimizer. Это необходимо, чтобы сайт не попал в список спамеров.
- Под блоговые посты необходимо создать отдельную страничку, где они будут отображаться. Число записей на одной странице и в лентах RSS так же прописывается.
- В «Настойках обсуждения» также потребуется установить соответствующие тех.параметры. Настройте блоки «Модерация комментариев» и «Черный список». Это позволит перенаправить комменты на модерацию или в «Спам».
- Настраиваем «Медиафайлы». Здесь размещаются настройки по умолчанию. В разделе «Постоянные ссылки» можно определить, какой должна быть ссылочная масса структурно. К примеру, наименование может иметь датировку, префикс и другеи элементы.
Когда базовые настройки ВордПресс выполнены, необходимо продумать и собственные настройки шаблона.
Русифицирование темы на WordPress
Важным вопросом может стать русифицирование выбранной темы. Для решения этой проблемы достаточно установить на ПК программу Poedit. Она помогает выполнить перевод шаблона на русский язык. В консоли потребуется выбрать «Создать новый перевод» и указать требующийся язык.
В «Исходный текст» будет представлен текст на английском языке, а в поле «Перевод» уже на русском.
Останется лишь сохранить переведенные фразу, после чего программа загрузит их на жесткий диск ПК.
Совет: Альтернативным вариантом Poedit, может стать плагин плагин Loco Translate, который выполняет те же функции.
Шаг 3. Индивидуальные настройки шаблона ВордПресс
Каждый проект имеет персональные настройки. Исходя из начальных положений в настройках, можно понять общие закономерности и правильным образом настроить выбранную тему. Рассмотрим вариант настройки на примере темы «Twenty Nineteen». Порядок действий будет такой:
- В меню выбрать «Внешний вид — Настроить».
- В «Свойства» можно загрузить логотип и указать наименование ресурса. Здесь же доступны возможности создания краткого описания проекта и добавление фавиконки.
- Раздел «Цвета» позволит подобрать цветовую схему и цвет использованного фотоснимка
- В «Меню» кликнуть по «Создать меню». Обязательно укажите наименование и другие данные.
- Постепенно добавляйте нужные страницы и кликните по кнопке «Опубликовать».
- Раздел «Виджеты» необходим, чтобы добавлять их на сайты. С 2019 года в шаблонах WP появился сайдбар.
Технические настройки на этом завершены. Шаблоном можно начинать пользоваться и размещать информацию, относящуюся к конкретному проекту.
Шаг 4. Установка аналитических сервисов и подключение сайта к кабинетам для веб-мастеров
Опасность установки большого числа плагинов – это серьезное замедление работы сайта. Многие новички совершают такую ошибку считая, что их ресурс будет работать лучше, но в итоге, сталкиваются с другими проблемами. Здесь не стоит забывать, что плагины – это только инструмент, а не общая цель создания сайта.
Плагины выполняют многие функции, но самая главная – это обеспечение безопасности работы сайта. На ресурс могут негативно повлиять:
- Излишние правки кода и манипуляции с установкой дополнительных утилит приведут к утрате сведений. Плагины позволят этого избежать, поскольку могут автоматически создавать резервную копию ресурса. Здесь можно назвать такие плагины, как: «WP Database Backup», «BackUpWordPress», «Backup and Restore WordPress».
- Взлом сайта и возможная кража кода. Злоумышленники часто используют такую «лазейку», но при грамотно построенной защите, проблему можно легко решить. Можно порекомендовать «Loginizer Security».
Несколько слов стоит сказать о плагинах, которые помогают бороться со спамом. Здесь подойдут такие, как «Disqus», «Akismet» или «Antispam Bee». Плагин «All in One SEO Pack» обеспечит подключение проекта к ЛК для вебмастеров. В настройках для веб-мастеров прописывается код верификации.
Другой плагин «Head, Footer and Post Injections» обеспечит работу с «Вебмастер», «Метрика» и Google Analytics
Шаг 5. Создание страниц и записей
В 5-ой версии WordPress используется специальный плагин Gutenberg. Он похож на встроенные редакторы других конструкторов и позволяет формировать обычные страницы. Благодаря ему, можно создавать различные структуры, вставлять фото и записи, виджеты и видеоролики. Блоки легко поменять местами, поскольку программа весьма проста в использовании. Порядок создания новой страницы такой:
- Выбрать «Страницы — Добавить новую».
- Добавить заголовок, написать текст и кликнуть по «Плюс».
- Для вставки фотографии, необходимо выбрать соответствующий блок, затем источник фото и размещение его на общей странице.
- После редактирования контента остается только опубликовать страницу и проверить корректность ее отображения.
По приведенной инструкции осуществляется публикация материалов на всех основных страницах сайта. Сложного в этом ничего нет, потому что в шаблоне представлено много полезных блоков.
Выводы
Завершая представленный материал можно сказать, что создание с нуля сайта на WordPress – это трудоемкий процесс. Потребуется немало времени, чтобы из стандартного шаблона сделать интересный и оригинальный проект. Если все делать правильно и по инструкции, то готовый ресурс будет выгодно отличаться среди других, аналогичных сайтов.
➤ Как создать сайт на WordPress подробная инструкция
Содержание страницы:
— Плюсы WordPress
— Так как же создать свой собственный сайт?
— Приобретите хостинг
— Настройте SSL-сертификат
— Запустите движок WordPress
— Установите опциональные настройки
— Выберите шаблон оформления для сайта
— Плагины и зачем они нужны
— Дополнительные опции
— Делаем начальное наполнение сайта
— Политика конфиденциальности
— Меню (структура сайта)
— Рубрики
— Метки
— Записи (статьи)
WordPress – это удобная площадка для разработки качественных веб-ресурсов. Это бесплатная и довольно простая система управления контентом (CMS). Сегодня на базе WordPress работают около 30% сайтов в мире.
Плюсы WordPress
—Простые настройки
С этой CMS удобно работать даже новичкам. Админ-панель не перегруженная и несложная. Все параметры можно настроить в режиме реального времени, что позволяет учитывать индивидуальные особенности.
Система приспособлена для создания любых сайтов: от маленьких блогов до огромных интернет-магазинов. При этом сайт может сочетать функции различных веб-ресурсов.
—Разнообразие дизайна и большой набор плагинов
WordPress предлагает тысячи шаблонов – готовых сайтов, которые можно быстро установить. Эти шаблоны стоят немного, общий бюджет разработки сайта не превышает 100 – 200 долларов.
—Удобство для продвижения
WordPress обладает встроенной оптимизацией под поисковые запросы. Шаблоны сайтов постоянно изменяются в соответствии с современными требованиями.
Так как же создать свой собственный сайт?
1. Для начала выберите тематику
Занимайтесь тем, что вам действительно интересно, о чем вы можете увлеченно рассказывать часами. Если вы эксперт в своей области, это повысит ваши шансы. Найти вдохновение и интересные идеи помогут рейтинги проектов Яндекса, Рамблера, LiveInternet.
2. Выберите домен и хостинг. Пройдите регистрацию
Доменное имя должно быть коротким и, по возможности, емким. Если вы придумали хороший вариант, но такой домен уже занят, немного измените написание. Добавьте цифры или тире.
Проверить, свободен ли желаемый домен, можно на сервисе https://timeweb.com/ru/services/domains/
После этого нужно узнать об истории домена. Даже если имя, которое вам нравится, сейчас свободно, оно могло использоваться раньше, и у одноименного сайта могла быть плохая репутация.
Как проследить историю? Первый способ – зайти на сайт https://web.archive.org Введите придуманное вами доменное имя и посмотрите у какого веб-ресурса оно уже было. В некоторых случаях этот сервис показывает, как выглядело оформление прежнего сайта и какие на нем размещались материалы.
Второй способ – проверить нужный домен в поисковой системе. Вы сразу увидите, существовал такой сайт раньше или нет.
3. Приобретите хостинг
Хостинг – это услуга, позволяющая хранить файлы сайтов на серверах. Хостинг предоставляет место на сервере. У каждого хостинг-провайдера есть собственный или арендованный дата-центр, который может находиться в любой стране.
Самый экономный вариант– обычный хостинг. Его часто используют новички, потому что для пока еще «не тяжелого» сайта не нужно много места в хранилище. К тому же новый сайт редко посещают, и обрабатывать запросы довольно легко.
Даже если хостинг обычный, будет полезно выбрать выделенный ip-адрес. Без него ваш ресурс будет соседствовать с другими сайтами, а качество многих из них оставляет желать лучшего.
Когда сайт «перейдет во взрослую лигу» и на него начнут заходить больше тысячи пользователей в день, потребуется более дорогой тариф или VDS-хостинг. Это — аренда виртуального выделенного сервера. Он подходит для профессиональных веб-ресурсов с высокой нагрузкой.
Регистрация хостинга: пошаговый алгоритм
—Найдите вкладку «Хостинг»
—Установите тариф
—Укажите адрес электронной почты и ФИО (для регистрации)
—Дождитесь получения логина и пароля
—Откройте панель управления хостингом и пополнит счет. Вы можете заплатить и ха месяц, и за год.
Регистрация хостинга: порядок действий
—Найдите на панели управления хостингом вкладку «Домены и поддомены»
—Выберите пункт «Зарегистрировать домен»
—Укажите доменное имя
—Дождитесь уведомления о том, что домен свободен
—Нажмите кнопку «Зарегистрировать»
—Выберите пункт «Создать нового администратора» и введите свои данные. Это нужно для того, чтобы у сайта появился управляющий.
—Оплатите пользование доменом и дождитесь активации.
При возникновении проблем с регистрацией можно обратиться в бесплатную техническую поддержку.
4. Настройте SSL-сертификат
SSL-сертификат – это цифровая подпись сайта, которая нужна для безопасного соединения. Он позволяет зашифровать весь процесс обмена информацией между сайтом и пользователем. Эта информация становится недоступной для третьих лиц, системных администраторов и даже провайдеров.
Наличие сертификата подтверждает подлинность сайта, ему начинают доверять.
SSL-сертификат необходим веб-ресурсам, которые содержат конфиденциальные данные: логины и пароли, банковскую информацию и персональные сведения.
Сайт, защищенный цифровой подписью, открывается по ссылке https://
Бесплатный сертификат можно найти в админке самого хостинга.
5. Запустите движок WordPress
Главный плюс движка WordPress – встроенный механизм SEO-оптимизации. Установив движок, вы получите возможность указывать для каждой статьи ее название, тег с кратким описанием, блок ключевых слов для keywords и для облака тегов, а также сможете публиковать материалы задним числом или в будущем.
Движок несложно установить вручную или с помощью хостинговых инструментов. Процесс активации займет примерно 10 минут. После его завершения ваш сайт появится в интернете – пользуйте им на свое усмотрение. Однако дополнительные настройки не помешают.
6. Установите опциональные настройки
В разделе настройки выберете все, что считаете нужным. Самое важное – название сайта. В пункте «Краткое описание» напишите о теме вашего проекта с использованием ключевых словосочетаний.
Затем настройте форматирование и сервисы обновления. В «Настройках чтения» можно указать, что вы хотите видеть на главной странице. В «Настройках обсуждения» можно разрешить оставлять комментарии на новые статьи и обязать авторов комментариев указывать свое имя и e-mail. Галочка напротив пункта «Комментарий должен быть одобрен вручную» избавить вас от несанкционированной рекламы. Не забудьте сохранить все изменения.
7. Выберите шаблон оформления для сайта
На первый взгляд, бесплатные шаблоны экономят деньги и время. Но если разобраться, у платных больше функций и полезных опций, которые делают сайт удобным и приятным.
Бесплатный набор шаблонов легко найти на официальной странице https://ru.wordpress.org/themes/ Большая коллекция покупных шаблонов с русскоязычной админкой лежит на Root и JournalX. Огромная галерея с шаблонами, которые придется устанавливать по-английски, доступна на ThemeForest.
Что нужно учитывать при выборе шаблона?
1. Посмотрите, корректно ли отображается лента материалов
2. Изучите описание шаблона и решите, какие настройки вам потребуются после установки
3. Устанавливайте бесплатный шаблон с осторожностью. Чтобы не подхватить вирус, скачивайте его через админ-панель «Внешний вид – Темы»
4. Настраивайте платный шаблон после ознакомления с отзывами
5. Не используйте старые шаблоны, которые давно не обновлялись
Настройте выбранный шаблон
Единого стандарта настроек нет, у каждого шаблона они свои. Где найти список настроек темы? В специальной вкладке «Внешний вид – Настроить» или в отдельной рубрике с названием темы.
Укажите заголовок и описание своего проекта, загрузите логотип. Определите, какие цвета вы хотите использовать для основных элементов и шрифта. Выберите желаемый шрифт. Разберитесь с настройками нижней части сайта.
8. Плагины и зачем они нужны
Плагины представляют собой дополнительные опции ресурса: они не заложены в системе Вордпресс по умолчанию. Обращать внимание на них стоит хотя бы для того, чтобы повысить адаптивность ресурса под свои задачи и цели. Оговоримся сразу: плагинов для Вордпресс существует великое множество, и выбирать из них можно практически бесконечно. Их могут создавать рядовые пользователи и профессионалы своего дела.
Как установить плагин
Выберете раздел «Плагины» в админке и опцию «Добавить новый». Дальше, по своему усмотрению, воспользуйтесь готовым или добавьте свой собственный.
Выбор плагина – настоящий простор для творчества, но есть и «золотые пять», которые должны быть всегда под рукой. Во всяком случае, с ними лучше быть знакомыми. Речь идёт о «Clearfy Pro», «Yoast SEO», «WP Super Cache», «Akismet» и «All In One WP Security». Разберём каждый по порядку.
Плагин «Clearfy Pro»
Оговоримся сразу: «Clearfy Pro» — платный, но это того стоит. Его основное преимущество – сочетание легкости (он практически невесом для системы) и эффективности в работе. Этот плагин способен обеспечивать и поддерживать жизнеспособность вашего ресурса, ем можно доверить SEO, освобождение ресурса от неизбежно возникающего мусора и зоркий контроль за сохранностью контента.
Раздобыть плагин можно здесь: https://wpshop.ru/plugins/clearfy
В качестве альтернативы можно рассмотреть «Cyr to Lat enhanced» (вот тут: https://wordpress.org/plugins/cyr3lat/)
Плагин «Yoast SEO»
Этот плагин пригодится нам для того, чтобы навести порядок с SEO. Например, он поможет прописать Заголовок и Описание для всех разделов сайта, не упустив ни одной рубрики. Он же пригодится при разработке карты ресурса XML – крайне привлекательного элемента сайта для поисковых механизмов.
Yoast SEO водится тут: https://ru.wordpress.org/plugins/wordpress-seo/
Плагин «WP Super Cache»
Этот плагин пригодится для кэширования – полезной опции, ускоряющей загрузку сайта. Механизм кэширования сводится к тому, что страницы не загружаются каждый раз заново, а «запоминаются» плагином.
Плагин можно скачать здесь: https://ru.wordpress.org/plugins/wp-super-cache/
Или «W3 Total Cache» в качестве альтернативы: https://ru.wordpress.org/plugins/w3-total-cache/
Файл robots.txt
С его помощью можно наверняка установить, какие страницы сайта подлежат индексации. Это не единственный файл программы Robots, доступный в сети, но точно один из самых функциональных.
Защита вашего интернет-ресурса
Для начала разберёмся, от чего и какими методами стоит защищать сайт. Чаще всего ресурсу угрожают две беды: спам-атака и взлом.
Akismet
Безупречно справляется с доверенной ему задачей – борьбой со спамом.
Ссылка, где взять: https://ru.wordpress.org/plugins/akismet/
All In One WP Security
Злоумышленник не пройдёт, и всё благодаря этому плагину. Стоит помнить, что абсолютная безопасность в Интернете – это миф, и небольшая вероятность атаки со стороны хорошо мотивированного и умелого хакера всё же остаётся. Скорее для собственного спокойствия (на практике это пригождается единицам) стоит взять за правило делать резервные копии (бэкапы ресурса). В случае чего, они помогут вернуть сайту привычный облик без ощутимых потерь времени и сил.
Скачать можно здесь: https://ru.wordpress.org/plugins/all-in-one-wp-security-and-firewall/
9. Дополнительные опции
Выше мы рассмотрели инструменты для создания и улучшения работы сайта на WordPress – шаблоны, SEO-механизмы и способы защиты. Совершенствовать ресурс можно практически бесконечно, и тут стоит освоить следующие опции:
Плагин для контактной формы
Обратная связь – это важно, и правильно подобранная контактная форма значит действительно многое. Порекомендовать можно, к примеру, «Contact form 7».
Ссылка: https://ru.wordpress.org/plugins/contact-form-7/
Форма подписки на рассылку
Формирование базы подписчиков станет важным этапом в продвижении вашего ресурса. Для начала нужно зарегистрироваться на соответствующем сервисе. Их много, назовём самые удобные и функциональные: «MailChimp», «SendPulse», «Getresponse», «MailerLite», «Unisender». Порядок работы с формой подписки довольно прост: регистрируетесь на одном из перечисленных сервисов, формируете список адресов вашей рассылки и помещаете на сайт созданную форму или её код.
Попап, или модальные окна
Этот плагин точно пригодится для совершенствования навигации сайта. С его помощью можно перенаправить пользователя на новую страницу, упомянутую в тексте – например, если речь идёт о розыгрыше подарков или возможности оформить подписку.
Бесплатный и удобный плагин – Popup Maker, скачать его можно здесь: https://wordpress.org/plugins/popup-maker/
Картинки в модальном окне
Одна из самых частых причин перехода пользователя на другую страницу – механизм, открывающий изображение в новой вкладке. Как показывает печальный опыт, возвращается к прочтению исходного текста далеко не каждый. Чтобы избежать подобной участи, воспользуйтесь плагином, открывающим картинки в модальном окне. Иногда эта опция прописана сразу в рабочем шаблоне, но в случае, если она отсутствует, установить её можно по ссылке: https://ru.wordpress.org/plugins/easy-fancybox/
Рейтинг
Плагин рейтинга даёт возможность посетителям оценить текст и сориентироваться, насколько высоко о нём отозвались их предшественники. Один из вариантов — https://ru.wordpress.org/plugins/wp-postratings/
Похожие записи
Один из удобных способов предложить посетителю продолжить чтение, оставаясь на сайте – прикрепить блок со ссылками на идентичные тексты. C позиции SEO это даст дополнительные плюсы для внутренней перелиновки ресурса. Опция прикрепления «похожих записей» включена почти что в каждый шаблон премиум-класса, но добавить её можно и при помощи плагина — https://wordpress.org/plugins/wordpress-23-related-posts-plugin/
Кнопки соцсетей
Наверняка у вашего проекта есть не только сайт, но и поддерживающие соц.сети. Узнать о них должен каждый посетитель портала. Нет ничего проще, чем оформить ссылки на аккаунты в VK, Instagram и Facebook (и любые другие, разумеется, тоже) при помощи плагинов-кнопок. Опять же, если вы пользуетесь шаблонами премиум-класса, то эта опция доступна по умолчанию. Если приходится активировать её самостоятельно, то сделать это можно, например, здесь: https://ru.wordpress.org/plugins/social-icons-widget-by-wpzoom/
Баннеры
Баннеры – ещё один способ эффективно привлечь внимание пользователя к контенту любого характера: будь то реклама, конкурс или Youtube-канал.
Онлайн чат
Не нужно пренебрежительно относиться к этой форме общения, считая её старомодной. Онлайн-чат оживит ресурс и позволит пользователям создать внутреннюю коммуникацию, оставаясь при этом на вашем ресурсе. Если вы всё ещё не уверены в том, что эта опция действительно пригодится, попробуйте бесплатную тестовую версию (сроком две недели) программы Jivosite. Для этого чата предусмотрены как бесплатная, так и платная версии – выбирайте сами: https://www.jivosite.ru/?partner_id=22657&pricelist_id=105&lang=ru
AMP и Турбо страницы
Скорость работы он-лайн ресурса напрямую коррелирует с его успешностью и востребованностью у пользователей. От неё же зависит и благосклонность поисковых механизмов. Именно поэтому существуют такие разработки, как AMP страницы (Google) и Турбо страницы (Яндекс). Они мгновенно адаптируют ресурс для просмотра с мобильных устройств, предельно упрощая (и ускоряя) его. Сайты, снабжённые этими плагинами, поисковые системы благосклонно выводят в топ, что является ещё одним поводом задуматься и выбрать себе наиболее подходящий плагин.
Выбор тут будет действительно широк: можно попробовать разобраться в этом вопросе самостоятельно, поискав информацию по запросу «Настройки Yoast SEO WordPress». Подробные инструкции и видео-уроки помогут Вам сделать правильный выбор.
О чём также важно помнить: в погоне за благосклонностью поисковых механизмов не забывайте и о простых человеческих посетителях вашего сайта. Визуальный перегруз и сложность в прочтении текстов сделает ресурс не самым располагающим к длительному пребыванию местом. К тому же, это негативно скажется на скорости загрузки страниц.
10. Делаем начальное наполнение сайта
Итак, если все предыдущие пункты реализованы – переходим к следующему, а именно содержательному наполнению ресурса.
11. Политика конфиденциальности
Не забудьте обозначить политику конфиденциальности, пропишите наглядно, каким образом данные пользователей будут обрабатываться ресурсом. Сделать это можно и при помощи бесплатных сервисов тоже – возможно, это замёт чуть больше времени и сил, чем на платных аналогичных.
12. Меню (структура сайта)
Один из вариантов структуры сайта – горизонтальное меню. Рассмотрим его в качестве рабочего примера. При заданной структуре сайт содержит главную страницу (собственно, где и размещается меню) и остальные, рабочие. Количество и тематика страниц – вопрос сугубо индивидуальный, но можно выделить и пункты, встречающиеся почти что на каждом ресурсе.
—Главная — ведет на главную страницу сайта. Необязательный раздел, потому что посетители смогут оказаться на главной странице при клике на лого ресурса;
—Обо мне / О сайте — страница, содержащая смысловой посыл;
—Блог / Новости —возможно вынести в отдельный пункт, если лента новостей не размещена на главной;
—Контакты — живые контакты и ссылки на соц.сети.
Данные пункты – основные, и расширять их список можно бесконечно:
—Примеры работ / Портфолио — примеры выполненных работ и задач;
—Услуги — расскажите о спектре своих навыков. Здесь же можно привести и прайс-лист;
—Реклама — перечислите доступные рекламные опции, политику размещения рекламы на портале;
—Бесплатно — в этот раздел можно вынести материалы в открытом доступе;
—Курсы / Обучение / Магазин — описание доступных курсов или он-лайн магазин сайта;
—Полезные ссылки — любые ссылки, которые покажутся вам уместными;
—Видео — обучающий или развлекательный – любой уместный видео-контент;
—Инфографика — если вы богаты инфографикой – обязательно поделитесь ею с пользователями!
Как вы уже поняли, меню – вещь адаптивная, главное, чётко представлять, какие разделы помогут продвигаться именно вашему проекту и сделают его ближе к потенциальному клиенту.
Страницы
Не откладывайте создание первой страницы ресурса в долгий ящик – начните прямо сейчас. Адаптируйте меню для созданных страниц. Сделать это несложно: зайдите в панель «Страницы» и выберите пункт «Добавить новую». После выбора названия, приступайте к информационному наполнению. Опубликуйте. Для того чтобы сделать страницу видимой пользователям, добавьте её в меню. Этот же механизм поможет вам создать остальное наполнение сайта.
13. Рубрики
Чётко структурированные разделы сайта удобны и пользователям, и редакторам. На помощь в этом деле приходит опция «Рубрики», активировать которую можно с панели «Записи». Создайте статью в редакторе и определите тематическую рубрику, которая будет закреплена за ней.
14. Метки
«Метки» — ещё одна опция структурирования материалов на сайте. В её основе лежит принцип объединения по ключевым словам. Она доступна в редакторе при работе с текстом либо в панели «Записи». Рекомендуем обратить внимание на тематические метки – при соответствующем запросе они значительно облегчат поиск читателем нужных материалов.
Допустим, вам необходимо подготовить материал о специфике пересадки комнатных растений. Можете смело помещать его в рубрику «Цветоводство», воспользовавшись при этом метками «Вырасти сам» и «Растения дома» — тем самым вы обозначите для потенциального читателя возможный круг тем для дальнейшего изучения.
15. Записи (статьи)
В завершении нашего обзора мы добрались до одной из важнейших категорий в продвижении любого сайта – статьи. Одновременно это и та самая смысловая наполняющая, привлекательная для посетителей, и контент с высоким процентом уникальности, «одобряемый» поисковыми механизмами.
Добавить статью несложно: следует зайти в панель «Записи» и активировать там опцию «Добавить новую».
Выбор редактора
Вне всякого сомнения, выбор редактора – дело вкуса и удобства. Для начала рекомендуем ознакомиться с последним обновлением редактора статьей Gutenberg, который значительно разнится в использовании с исходной версией и работает по принципу конструктора. Если инновационный вариант редактора – не ваш, активируйте классическую версию, скачав официальный плагин: https://ru.wordpress.org/plugins/classic-editor/
Заключение
И в качестве закрепления материала ещё раз перечислим все пункты разработки сайта на WordPress, которые мы сегодня изучили:
1. Определимся с тематикой ресурса. В случае затруднений пользуемся всевозможными каталогами;
2. Ищем домен и обязательно знакомимся с его историей;
3. Регистрируем ресурс;
4. Решаем, с каким типом SSL-сертификата мы будем иметь дело: платным или нет;
5. Загружаем CMS WordPress;
6. Адаптируем базовые настройки ресурса;
7. Работаем с шаблоном оформления: приобретаем или выбираем из вариантов в свободном доступе;
8. Решаем, какие именно SEO плагины подходят нашему ресурсу. Обращаем внимание на Дополнения и Защиту;
9. Определяемся с дополнительными опциями для сайта, памятуя о правиле золотой середины;
10. Работаем с базовым наполнением страниц;
11. Обращаемся к вопросу конфиденциальности и сбора данных;
12. Разрабатываем меню;
13. Продумываем рубрики;
14. Пишем систему меток для статей;
15. Создаем наш первый тексовый контент (статью).
Поздравляем! Вы только что создали свой первый сайт на WordPress!
Как создать сайт на WordPress с нуля
Итак, вы захотели иметь собственный сайт? Прекрасно. Если думаете, что без большого объема знаний и опыта у вас ничего не получится, то зря. Прочитав этот пошаговый план создания сайта на WordPress с нуля, вы сможете за 5 минут установить вполне работоспособный веб-ресурс на самой популярной CMS (система управления, движок) в мире.
Причины популярности WordPress
Новички и профессионалы предпочитают выбирать WordPress (сокр. WP), потому что:
- Это самый распространенный движок, и под него постоянно ведется разработка новых готовых решений по расширению функциональности. Поэтому создание сайта на WordPress – это очень практично.
- Кроме того, что WP самый популярный, он же еще и самый универсальный. На WordPress можно создать блог, новостной веб-ресурс, интернет-магазин, сайт-визитку и пр. То есть WP как конструктор, из которого можно собрать разные варианты.
- Под WP разработаны тысячи разнообразных шаблонов, что позволяет легко придать создаваемому сайту желаемый внешний вид.
- У WP самый дружественный интерфейс, что позволяет новичкам без особого труда управлять ресурсом.
- Добавить на сайт статью или новость в WP не сложнее, чем набрать и сохранить документ в привычном всем Word.
Познакомившись с причинами популярности CMS WordPress, давайте посмотрим, что нужно делать для создания своего первого сайта на нем.
Регистрация хостинга и домена перед созданием сайта на WordPress
В первую очередь выбираем хостинг – это сервис, который предоставляет в пользование физические устройства-сервера. Владелец будущего веб-ресурса арендует себе место на одном из таких серверов, куда устанавливает потом свой сайт. Сделав это, сайт будет доступен другим пользователям для просмотра. Ну а чтобы найти его, им нужно будет знать его адрес.
Адресом главной страницы сайта будет тот самый домен, который нужно зарегистрировать. Очень часто компании, предоставляющие хостинг, также предлагают услуги регистрации доменов. Чтобы выбрать хостинг и/или продавца доменов, стоит почитать в интернете или посмотреть на YouTube свежий рейтинг.
Рекомендации по выбору хостинга и домена:
- Хостинг желательно выбирать в том регионе, где планируют продвижение. То есть если сайт для россиян, то физические сервера должны быть в России, из-за чего связь будет лучше, и все страницы будут быстрее грузиться.
- При регистрации домена стараются выбирать такое имя, которое больше всего соответствует тематике сайта. Придумав название, смотрят, или оно свободно. Если да, регистрируют, если нет, то система обычно предлагает схожие названия. К примеру, если сайт о Форекс брокерах, то хорошее имя для него brokers-fx.ru. Если о туризме, то, например, tourizmania.com. Ну, и в таком духе. Желательно, чтобы домен не был очень длинным.
- Как показывает статистика, люди обычно доверяют адресам с понятной доменной зоной – это буквы, стоящие непосредственно после имени, т. е. различные: «.com», «.ru», «.ua», «.by», «.net», «.org».
Зарегистрированное доменное имя привязываем к сайту через панель управления веб-хостинга. В зависимости от того, какая используется панель, нужный для привязки раздел может называться: «Сайты и домены», «Дополнительные домены», «WWW-домены».
Хостинг бывает платный и бесплатный:
- Бесплатный используют в тех случаях, когда создаваемый сайт не воспринимают серьезно. Т. е. это может быть такой виртуальный дневник для себя или веб-ресурс для экспериментов.
- Платный применяют всегда, когда происходит создание коммерческого сайта, на котором планируют зарабатывать.
Платные хостинги обычно работают быстро, стабильно, имеют круглосуточную техподдержку, поддерживают высокий уровень безопасности и т. д.
Устанавливаем WordPress
Новички могут для начала установить CMS WordPress к себе на компьютер после создания локального сервера Wamp или инсталляции приложения Instant WP. Это позволит поиграться с сайтом, изменяя внешний вид, ковыряясь в файлах CSS, правя программный код и пробуя себя в разработке плагинов, тем и пр. Но в рамках этого гайда мы рассмотрим установку сразу на хостинг. Кстати, некоторые компании могут сразу автоматически поставить вам на арендованный хостинг движок WP.
Если же выбранный тарифный план или сервис хостинга такого не предусматривают, то создание сайта осуществим сами. Для этого заходим на официальный сайт WordPress и качаем оттуда новую версию движка:
Скачав архив с файлами, его нужно распаковать и загрузить на сервер через FTP-соединение. Данные для подключения по FTP даст хостинг после оплаты, а для загрузки используют любой удобный менеджер. Чаще всего это FileZilla – легкий, удобный, бесплатный.
Загрузив файлы движка, открываем сайт в браузере по основному адресу и видим:
Заполняем поля, чтобы подключиться к базе данных. Информацию для заполнения берем у компании, предоставляющей услуги хостинга. Затем нажимаем «Отправить» и видим следующее окно, в котором задаем желаемое имя сайта, пароль, адрес электронной почты. Здесь же, если требуется, можно попросить поисковые системы пока не индексировать сайт.
Сделав все это, жмем «Установить WordPress» и видим оповещение о том, что настройка завершена, и оказываемся в панели управления сайтом:
При этом по основному адресу открывается главная страница созданного сайта:
Чтобы с главной перейти в «Консоль» для настройки, жмем на название сайта вверху слева или вводим в адресную строку: доменное имя/wp-admin.
Важно: на этом установка сайта завершена! Поздравляю! Но в таком виде созданный и загруженный на хостинг сайт поисковикам и людям вряд ли понравится, а потому требуется предварительно кое-что настроить. Ну, и начать настройку следует с внешнего вида.
Выбираем и устанавливаем тему оформления для движка WP
Тема отвечает за внешний вид и первичную функциональность. Темы есть бесплатные и платные. На первое время особой нужды покупать тему нет, но если хотите, то это ваше право. Если подходящего варианта не окажется ни среди платных, ни среди бесплатных, то можно, к примеру, даже заказать создание темы с адаптивным дизайном для мобильных. В большинстве случаев необходимости в этом нет, т. к. в интернете масса бесплатных шаблонов, но не все одинаково хороши и безопасны. Чтобы избавить себя от неприятных сюрпризов, рекомендуется выбирать тему WordPress на официальном сайте.
Как установить тему: пошаговая инструкция
Вариант первый – в «Консоли» выбираем раздел «Внешний вид» и ищем вкладку «Темы». По умолчанию там будет несколько вариантов, но если они не устраивают, то жмем «Добавить новую»:
Откроется каталог, в котором при помощи фильтров или строки поиска в шапке можно найти подходящие варианты:
Наведя курсор на эскиз с темой, появятся кнопки «Установить» и «Просмотреть». Если нажать первую, то выбранная тема будет тут же установлена, а если выбрать вторую, то включится режим предварительного просмотра. И тогда, если владельца устроит, как выглядит его сайт с новой темой, то он может ее установить, а если нет – перейти к дальнейшему поиску.
Второй вариант установки состоит в том, чтобы скачать архив с темой на компьютер, а затем выбрать «Внешний вид» – «Темы» – «Загрузить тему»:
Третий вариант – распаковать скачанный архив и через FTP загрузить его на сервер в папку wp-content – themes.
Напоследок хочется добавить: если попалась привлекательная тема на английском языке, то это не проблема. При помощи специального софта наподобие Poedit или плагина Translate Loco темы легко переводятся на русский.
Топовую подборку профессиональных курсов по обучению созданию сайтов с нуля
Настраиваем основные функции сайта
Чтобы сайт работал корректно, для начала делаем два вида настроек:
– настраиваем CMS WordPress;
– настраиваем понравившуюся тему оформления.
Как настроить движок WP
Давайте рассмотрим теперь пошаговый план действий по настройке движка. Сначала открываем панель управления, слева в меню находим раздел «Настройки» и жмем «Общие»:
Здесь можно выбрать язык, формат даты, часовой пояс и т. д. Если хостинг российский, то зачастую тут ничего менять не нужно. Обратите внимание на пункт «Членство». Если поставить тут птичку, то новым пользователям придется регистрироваться, а делать это вначале, пока сайт не раскрутится и не станет узнаваемым, точно никто не будет. Так что тут ничего не ставим.
Написание
Следующий раздел «Написание» также можно оставить без изменений. Тут можно задать настройки публикации через email, но этим обычно не пользуются. Обратите также внимание на «Сервисы обновления», где по умолчанию стоит http://rpc.pingomatic.com/. Это значит, что каждый раз после новой публикации, сайт будет отправлять уведомление о появлении новой новости, статьи или других материалов.
Чтение
Раздел «Чтение» позволяет выбрать для главной статическую страницу или отображение свежих записей. Второй вариант больше подходит для блога. Поэтому если у вас не блог, то лучше выбрать статическую страницу. Даже если при сайте есть тематический блог, то главной делают статическую страницу, создают отдельно «Блог» и там уже отображаются последние добавленные записи.
Обсуждение
Настройки в разделе «Обсуждение» стоит изучать и менять только в том случае, если планируют использовать встроенные комментарии движка WP. В таком случае особого внимания заслуживают категории «Модерация» и «Черный список».
Здесь можно задать параметры, по которым сомнительные комментарии будут отправляться в спам или в очередь для ручной модерации.
Из оставшихся разделов «Медиафайлы» и «Конфиденциальность» не трогаем, а в «Постоянных ссылках» выбираем, в каком виде будет формироваться ссылка.
В большинстве случаев тут выбирают «Название записи».
Как настроить установленную тему
У каждой темы могут быть свои настройки в зависимости от ее вида и функциональности. Чтобы приступить к настройке темы, выбираем «Внешний вид» – «Настроить». У нас сейчас активна тема Twenty Twenty, поэтому сразу откроется окно редактирования ее настроек:
Свойства сайта
Здесь выбирают логотип, задают название сайта, описание того, о чем он, а также добавляют иконку (фавикон) – это значок, который отображается на вкладке в браузере.
Цвета
Здесь задают цвет фона для основных блоков шаблона. Если оттенки «По умолчанию» не устраивают, то жмем «Пользовательский» и выбираем нужные цвета.
Настройки темы
Здесь устанавливаем, как считаем нужным. Обычно тут ничего не меняют.
Шаблон обложки
Здесь при необходимости вносим коррективы в визуальное отображение обложки.
Фоновое изображение
Если хотим изменить фон в выбранном шаблоне, то заходим в этот раздел, жмем «Выбрать изображение» и загружает картинку, размер которой не должен превышать 2Mb. Такую подложку можно найти самому в интернете или заказать ее создание дизайнеру.
Меню
Здесь можно редактировать имеющиеся в теме менюшки или создавать и настраивать свои собственные. В первом случае все просто – открываем имеющееся меню, удаляем, переименовываем или добавляем пункты.
Если хотим добавить свое, жмем «Создать новое меню», придумываем название и затем выбираем область, в которой оно будет располагаться. Наша тема предусматривает 5 мест, где можно вставить меню. Проделав это, жмут «Добавить элементы» и выбирают, что и как будет отображаться в создаваемой менюшке.
Здесь обычно выбирают или основные страницы, или рубрики, но при желании тема позволяет также добавлять записи, метки, произвольные страницы.
Виджеты
Здесь при необходимости добавляют нужные виджеты, расширяя функциональность темы:
Настройка главной страницы
Здесь можно настроить в теме то же самое, что мы рассматривали в настройке движка WordPress, раздел «Чтение». То есть тут задаем, что и как будет отображаться на главной странице – статическая страница или последние записи.
Дополнительные стили
Если хотите отредактировать макет, добавив стили для CSS, то тема позволяет это сделать и описывает, как происходит добавление нового кода.
Выбираем и добавляем полезные плагины
Одним из главных преимуществ CMS WordPress, как уже говорилось вначале, выступает огромное количество готовых программных решений. Добавляются они при помощи плагинов, расширяющих возможности движка. Проблема в том, что обилие таких плагинов вызывает сумятицу в головах новичков. Если же начать ставить все подряд, то это снизит скорость работы сайта, что плохо для продвижения. И это не говоря уже о том, что плагины от сомнительных разработчиков могут содержать уязвимости и вредоносный код.
Поэтому предлагаю вам вместе посмотреть, какие задачи нужно в первую очередь решить при помощи плагинов, и какие из них стоит выбрать без риска ухудшить работу созданного сайта. Условно жизненно необходимые плагины помогают в решении четырех следующих задач:
- Обеспечение безопасности.
- Борьба со спамом в комментариях.
- SEO-оптимизация.
- Улучшение юзабилити и расширение функциональности.
Обеспечиваем безопасность
Угроза безопасности исходит с двух сторон:
- Непосредственно от владельца сайта, который часто меняет что-то в коде, плагинах, настройках, а потом веб-ресурс начинает работать намного хуже, чем ранее или совсем «падает».
- От злоумышленников, пытающихся подсадить на сайт вредоносный код, преследуя при этом какие-то свои интересы.
Зачастую нанесенный ущерб исправлять нет смысла, т. к. на это уйдет много времени. Да и разобраться в проблеме без привлечения стороннего специалиста вряд ли удастся, а на это требуются деньги. Поэтому проще всего восстановить последнюю работоспособную версию сайта, а для этого требуется делать регулярные бэкапы (backup).
Чтобы делать работоспособные копии сайта, обычно используют следующие проверенные плагины:
- Backup and Restore WordPress.
- WP Database Backup.
- Back Up WordPress.
Для установки новых расширений придерживаемся следующей пошаговой инструкции:
- обращаем внимание на пункт меню «Плагины», где есть категория «Добавить новый»;
- нажимаем на нее;
- в открывшемся окне вводим в строку поиска (вверху справа) название нужного плагина;
- как только система найдет его, жмем «Установить».
Как только плагин установится, в том же окне вместо кнопки «Установить», появится «Активировать». Активируем расширение. После этого можем найти плагин в меню, выбрать «Резервное копирование» и сделать бэкап.
Защитив сайт от самого себя при помощи одного из указанных плагинов, позаботимся, чтобы злоумышленники не подсадили вредоносный код. Делают они это обычно путем взлома при помощи брутфорсинга, т. е. перебора логинов и паролей. Для защиты от проникновения можно поставить плагин Loginizer.
Как не допустить спама в комментариях
Если позволять комментировать материалы на сайте всем желающим, то вскоре там появится много спама. Чтобы не допустить этого, есть два пути:
- Первый состоит в том, чтобы подключить внешнюю систему комментирования, которая сама борется со спамерами. Для этих целей в последнее время используют Disqus.
- Второй заключается в установке специальных плагинов, значительно усложняющих автоматизацию спам-рассылок. Для таких целей подойдет плагин Antispam Bee, Akismet Anti-Spam. Первый из них более простой, да еще и на русском, так что новичкам лучше выбирать именно его.
После активации Antispam Bee он самостоятельно начнет препятствовать появлению спама, но если захочется что-то изменить в работе плагина, то заходим в меню «Настройки» и находим внизу нужный пункт.
Ставим плагины для SEO-оптимизации
Сам движок WordPress сделан так, что сайты на его основе довольно легко продвигать в поиске методами SEO-оптимизации. Однако несмотря на это, поработать над сайтом придется, и тут понадобятся плагины для решения таких задач:
- Добавление и обновление XML-карты сайта.
- Определение канонических страниц.
- Добавление метатегов Title и Description.
- Блокирование от индексации поисковыми алгоритмами дублей страниц.
- Оформление микроразметки.
Чтобы покрыть весь объем работ по внутренней оптимизации, понадобится три плагина. Первый решит проблему с картой сайта, второй с микроразметкой, а третий возьмет на себя все остальное.
Плагины для создания карты
На роль первого из этих плагинов подойдет один из таких:
- Simple WP Sitemap.
- Google XML Sitemaps.
- Sitemap by BestWebSoft.
Выбираем, устанавливаем любой из них. К примеру, XML Sitemaps. Сделав это, плагин самостоятельно создает карту, новичкам ничего делать не требуется. Если же вы опытный веб-мастер и сеошник, тогда можете на свой страх и риск вносить коррективы в работу плагина. С этой целью открываем меню «Настройки» и нажимаем внизу название плагина, чтобы открыть доступ к опциям.
Если решили изменять настройки плагина XML-Sitemap, то учитывайте следующее:
- В «Приоритете статьи» можно указать желаемый метод определения приоритетности при индексировании контента.
- В категории «Приоритеты» и «Изменить частоты» (Change Frequencies) можно указать поисковым алгоритмам самые, на ваш взгляд, приоритетные виды контента.
- В «Дополнительных страницах» вы можете самостоятельно добавить в карту те адреса (урлы), что не добавились автоматом.
Плагины WordPress для SEO-оптимизатора
Уже долгое время при поиске хорошего SEO-плагина рассматривать приходится один из двух вариантов:
- Yoast SEO;
- All-in-One-SEO-Pack.
WordPress не содержит опций по добавлению метатегов, но указанные плагины полностью устраняют подобные препятствия на пути оптимизатора. Если выбрали All-in-One-SEO-Pack, то через него еще можно создать XML-карту сайта.
После активации All-in-One-SEO-Pack просмотрите следующие настройки. В первую очередь отключаем разметку Schema, потому что для разметки целесообразнее задействовать специальный плагин.
Далее обращаем внимание на раздел с «Настройками главной страницы». Если на главной будут выводиться последние записи, то заполняем поле с заголовком и описанием, а если решили использовать статическую страницу, то жмем «Включить» напротив соответствующего пункта.
Через All-in-One-SEO-Pack можно подтвердить права на веб-ресурс, чтобы подключить его к инструментам веб-мастера в Yandex WebMaster и Google Search Console. Для этого получаем проверочный код и копируем его в соответствующие поля плагина:
Закончив настраивать все по своему усмотрению, внизу страницы находим и нажимаем кнопку «Обновить настройки».
Плагины для разметки
Чтобы сделать разметку, используют:
- WPSSO Core/WPSSO JSON-LD. При помощи первого делают разметку OpenGraph, а при помощи второго Schema.org.
- WP SEO Structured Data Schema позволяет использовать JSON-LD, делая разметку Schema.org формата Article, Review, Blog Posting.
- Schema App Structured Data тоже позволяет добавлять разные виды разметки Schema.org.
Плагин WPSSO
Рассмотрим, как делается разметка на примере WPSSO Core и WPSSO JSON-LD. Устанавливаем плагины, не забываем их активировать, а затем находим в меню появившийся пункт SSO, наводим на него мышку и жмем Essential Settings.
Здесь указываем общую информацию, которая отображается в шапке, после чего переходим к разделу Schema Markup, где ищем два поля – Organization Logo и Organization Banner. Тут указываем, соответственно, адрес лого сайта и баннера.
Тут же чуть ниже в Advanced Settings установлены базовые виды разметки для отдельных страничек. Открывая выпадающий список, можно изменять вид верстки по своему усмотрению, только эта опция с 2020 года в плагинах WPSSO стала платной:
Выбирая разметку, учитывайте:
- если на главную страничку будут выводить последние записи, то подойдет разметка Blog;
- если ставите статическую страницу, то используйте Website;
- для страничек с записями берем один из двух следующих видов разметки: Blog Posting или Article.
Разметка Blog Posting подходит для небольших заметок, а вот Article лучше для длинных информационных статей, гайдов.
Проставив желаемый вид разметки, сохраняют настройки плагина. С этого момента он автоматически станет использовать выбранную разметку для каждой новой странички, а еще добавит ее для уже существующих.
Плагин WP SEO Structured Data Schema
Если планируете регулярно добавлять к себе на сайт разнообразный контент (маленькие заметки, свежие новости, большие обзоры), то в таких ситуациях желательно подбирать для отдельных видов материалов свою разметку, и для этих целей лучше использовать плагин WP SEO Structured Data Schema.
Устанавливаем и активируем его, а затем при добавлении новой записи пользователь сможет вручную выбирать формат разметки:
Преимущества и недостатки:
- При каждом добавлении новой записи придется вручную указывать структурирование и вид разметки.
- Плагин поддерживает много разных видов разметки, среди которых: Aggregate Ratings, Review. В WPSSO, к примеру, такого функционала нет.
Улучшаем удобство пользования сайтом и расширяем функциональность
Для улучшения удобства использования сайта и расширения функциональной части написаны тысячи плагинов. Здесь очень важно не начать устанавливать дополнения пачками, т. к. это замедлит работу движка и в результате приведет к печальным последствиям. Однако работать над улучшением уровня комфорта для пользователей необходимо и поставить несколько плагинов все-таки придется. Как же их выбрать? В первую очередь следует сесть подумать и четко обозначить круг задач, которые планируют решить за счет установки дополнений, а потом пошагово пройтись по каждому пункту и все решить.
К примеру, вы делаете на движке WordPress интернет-магазин. Значит, вам понадобятся плагины для e-commerce. Выберите несколько популярных, сравните их функционал, протестируйте сами, чтобы в итоге оставить один наиболее подходящий именно вам. Далее проанализируйте систему навигации. Тут важно обеспечить пользователю простые и понятные пути, чтобы он понимал, где и что ему искать. В то же время чуть ли не на каждой странице полезно разместить блоки с ссылками на похожие или наиболее интересные материалы. Это задержит пользователя на сайте, что хорошо для ранжирования, т. к. Яндекс отслеживает поведение посетителей. Кроме того, вырастет вероятность, что пользователь выполнит какую-то конверсию.
Обязательно стоит рассмотреть вариант добавления плагинов, которые позволят:
– быстро связаться с владельцами сайта или его представителями;
– увидеть наиболее активных пользователей;
– не пропустить кнопку подписки и пр.
После установки сайта посмотрите, какой формат ссылок WordPress ставит для новых страничек. Поисковые системы приветствуют ЧПУ – человеко-понятные урлы. Да, и сами пользователи больше доверия оказывают сайтам и страницам, адреса которых выглядят коротко и понятно. Избегайте также кириллических ссылок. К примеру, взгляните на адрес ссылки:
Он выглядит красиво и понятно. Но представьте, что вы захотели им поделиться. Копируете адрес и отправляете другу, а он видит следующее:
Подобный формат ссылок вызывает неприятное чувство и отбивает охоту ими делиться без крайней нужды. Поэтому стоит побеспокоиться о том, чтобы создание ссылки происходило правильно, и они выглядели в результате максимально привлекательно. Для этого используют один из тематических плагинов, например, WP Translitera. После того, как плагин будет добавлен и активирован, он автоматически станет переводить в латиницу название страницы и делать из него ссылку.
Вот как было до установки плагина:
Вот как стало после установки:
Кстати, для того, чтобы плагин преобразовал в латиницу уже существующие адреса страниц, придерживаемся следующей пошаговой инструкции:
- открываем настройки;
- жмем на Translitera;
- ставим галочки напротив соответствующих полей;
- жмем «Транслитерировать».
В обязательном порядке добавляем на все страницы кнопки всех популярных социальных сетей, чтобы пользователи могли делиться материалами сайта на своих страничках и в пабликах. Чтобы поставить кнопки, подойдет дополнение Head, Footer and Post Injections. При помощи этого плагина можно добить код сразу на каждую страничку сайта или на любую отдельно взятую.
После установки и активации плагина выбирают сервис, при помощи которого будет происходить шаринг (share – делиться) материалов в соцсетях. Для этих целей подойдет, например, популярный конструктор PLUSO.
Выбираем состав кнопок соцсетей, затем опускаемся ниже, где редактируем внешний вид, оцениваем результат на предпросмотре и копируем сгенерированный системой код:
Затем переходим в панель управления WordPress, открываем «Настройки» – Head and Footer», вкладка Posts и вставляем скопированный код с кнопками соцсетей в нужное место. На скрине ниже мы вставили код в блок «После контента»:
Затем жмем «Сохранить», и на существующих страницах происходит автоматическое создание нужных кнопок, через которые пользователи смогут делиться материалами в социальных сетях:
Делаем первые публикации и создаем страницы на сайте с движком WordPress
С 2018 года WordPress отказался от ранее используемого встроенного редактора в пользу Gutenberg. Этот плагин вошел в стандартный набор инструментов и выглядит, как любой визуальный конструктор страницы. В сравнении с ранее использованным в WP редактором Gutenberg более удобный и функциональный. Среди главных его преимуществ числится возможность:
- создавать страницу с произвольной структурой;
- добавлять в запись мультимедийные объекты и виджеты;
- менять расположение блоков.
Работать с новым редактором очень просто, т. к. он снабжен интуитивно-понятным интерфейсом. Убедиться в этом вы сможете сами после прочтения следующих подразделов, где мы рассмотрим, как происходит создание страниц и публикаций.
Создаем новую страничку
Для начала в основном меню находим раздел «Страницы», открываем его и жмем «Добавить новую».
Далее пишем заголовок и текстовый контент, а если требуется добавить какой-то новый блок, то жмем на «+».
К примеру, чтобы добавить блок с картинкой, жмем на «+» и выбираем «Изображение» (Image).
Для блока с изображениями можно выбрать готовые или добавить новые стили отображения:
Редактор Gutenberg позволяет встраивать самые разнообразные блоки, среди которых, к примеру, могут быть: любые кнопки, программный код, скрипты, интеграция постов из социальных сетей и т. п. Все это можно комбинировать и применять, чтобы оформить сайт по своему желанию.
Закончив редактирование страницы, вверху справа нажимают кнопку «Опубликовать». Перед публикацией можно предварительно просмотреть результат оформления страницы, нажав «Предпросмотр».
Разобравшись со страницами, давайте посмотрим, как происходит создание новых записей.
Создаем первую публикацию
Хотя рассмотренный плагин Gutenberg обладает рядом преимуществ, но при создании публикаций он проигрывает по своей функциональности ранее работавшему редактору WordPress. Поэтому рекомендуется скачать и активировать Classic Editor.
После этого для создания новой публикации переходим в раздел «Записи» и жмем на «Добавить новую»:
Затем выбираем рубрику. Если нужной нет, то переходим к созданию. И далее обращаем внимание на «Шаблон», который может быть разным в зависимости от типа записи.
Обратите внимание, что при добавлении контента в основное рабочее окно редактора, можно переключать вид отображения между вкладками «Визуально» и «Текст». Первая позволяет работать с контентом, как в обычном ворде, а если включить вторую, то появится отображение в HTML, что позволяет подправить ссылки, убрать мусорные теги, подкорректировать код мультимедийных объектов и т. д.
Закончив добавлять и редактировать контент, не забудьте прописать правильные, с точки зрения поисковой оптимизации, Title и Description, а затем жмите кнопку «Опубликовать». Все, с этого момента запись появится в свободном доступе, и если ничто не препятствует индексации, а сайт добавлен в поисковую систему Google и Яндекс, то после обработки нового контента роботами страница будет отображаться в выдаче поисковиков по релевантным запросам.
Познакомившись с пошаговой инструкцией создания сайта на WordPress с нуля, вам остается приступить к наполнению своего веб-ресурса полезным контентом и заняться комплексным продвижением. У этой CMS есть все необходимое для реализации проектов любых направлений для ПК и мобильных, так что дерзайте и верьте в себя!
Если после прочтения у вас остались вопросы, то обязательно задайте их в комментариях ниже. Пишите также и о том, какие еще материалы вы бы хотели видеть?
Поделитесь материалом в соцсетях — обсудите его с друзьями и коллегами!
Как добавить новый пост в WordPress и использовать все возможности
Вы пытаетесь создать новый пост в WordPress? Вы хотите узнать обо всех функциях сообщений WordPress, которые вы видите на своем экране?
Хотя некоторые могут подумать, что добавление новой записи WordPress не требует пояснений, многие новички находят интерфейс немного подавляющим.
Не говоря уже о том, что иногда даже более сообразительные пользователи удивляются, обнаружив скрытые жемчужины на экране редактирования сообщения.
В этом руководстве для начинающих мы расскажем вам обо всех функциях на экране добавления новой публикации и о том, как вы можете использовать их для создания лучшего контента.
Мы разделили это руководство на три раздела, чтобы помочь вам легко найти то, что вы ищете:
Готово, приступим.
Создание нового сообщения в WordPress с помощью редактора по умолчанию
В декабре 2018 года WordPress представил новый современный блочный редактор, также известный как Gutenberg. Это чисто и просто, но не позволяйте внешнему виду обмануть вас.
За чистым интерфейсом скрывается масса мощных функций.Мы объясним их все и поможем вам раскрыть его истинный потенциал.
Добавление блоков заголовка и содержимого
Редактор блоков WordPress имеет удобный интерфейс для написания текста. Вверху вы введете заголовок вашего сообщения.
Для добавления контента нужно добавить блок. На экране есть несколько кнопок добавления блока, которые вы можете щелкнуть, чтобы выбрать и добавить блок.
Если вы не хотите использовать мышь для нажатия кнопки, вы можете использовать сочетание клавиш, набрав / для поиска и добавления блока.
Все элементы содержимого заключены в блок. WordPress поставляется с блоками для всех распространенных элементов контента, включая абзацы, столбцы, изображения, галерею, встраивание, шорткоды, виджеты и многое другое.
Некоторые плагины WordPress могут также добавлять свои собственные блоки для добавления других функций, таких как контактные формы, SEO и т. Д. (Подробнее об этом позже в статье).
Добавление изображений, видео и других медиафайлов
Вы можете добавить изображения, просто добавив блок изображения, а затем загрузив или выбрав изображение, которое хотите добавить.
Если вы хотите, чтобы текст и изображение располагались рядом друг с другом, вы можете использовать блок «Медиа и текст». Этот блок помогает вам обтекать изображение текстом в WordPress.
Редактор
WordPress также поставляется с блоком галереи, который вы можете использовать для отображения изображений в строках и столбцах с макетом сетки.
Просто добавьте блок галереи, а затем загрузите или выберите изображения из медиатеки WordPress.
Несмотря на то, что блок галереи является мощным, вам могут потребоваться другие расширенные функции галереи, такие как альбомы, сортировка изображений и т. Д.В этом случае мы рекомендуем использовать один из этих плагинов галереи WordPress.
Хотите встроить видео в свой контент? Без проблем.
Стандартный редактор WordPress поставляется со встроенными блоками для всех популярных провайдеров.
Вы также можете просто скопировать и вставить URL-адрес видео в блок абзаца, и WordPress автоматически преобразует его в блок для встраивания видео.
Хотя вы используете блок видео для загрузки видео непосредственно на свой веб-сайт, мы не рекомендуем этого делать, поскольку это замедлит работу вашего веб-сайта и даже может привести к сбою вашего хостинг-сервера WordPress.
Вместо этого мы рекомендуем загружать свои видео на такие сервисы, как YouTube или Vimeo, а затем вставлять их в свои сообщения WordPress.
Подробнее см. В нашем руководстве о том, почему никогда не следует загружать видео на свой сайт WordPress.
Добавление категорий и тегов
WordPress позволяет вам сортировать ваши сообщения по категориям и тегам. Эти таксономии помогут вам организовать ваш контент по разделам и темам.
Они также помогают с поисковой оптимизацией и упрощают пользователям поиск нужного контента.
Метабоксы категорий и тегов расположены в правом столбце под настройками документа.
Добавление избранного изображения
Рекомендуемое изображение (также известное как миниатюра сообщения) — это основное изображение статьи, которое представляет контент. Они заметно отображаются на вашем веб-сайте в отдельных сообщениях, на страницах архивов блогов, а также на домашних страницах сайтов новостей, журналов и блогов.
Практически все темы WordPress поддерживают функциональность избранных изображений.Вы найдете возможность добавить изображение в свой пост в правом столбце в разделе «Настройки документа».
Просто нажмите кнопку «Установить избранное изображение», а затем выберите или загрузите изображение, которое вы хотите использовать в качестве избранного изображения.
Важно не путать избранные изображения с изображениями обложек — это новая функция. См. Нашу статью о обложке и избранном изображении для более подробной информации.
Добавление выдержек (Резюме статьи)
Выдержки — это краткое изложение сообщения или статьи в блоге.Большинство тем WordPress могут автоматически генерировать отрывки из первых нескольких строк вашего сообщения.
Однако этот автоматический отрывок не всегда может быть значимым или запоминающимся. В этом случае вы можете добавить отрывок вручную.
Вы можете сделать это, добавив его в поле отрывка, расположенное в столбце настроек документа справа.
Изменение ярлыка URL-адреса сообщения или постоянной ссылки
По умолчанию WordPress использует оптимизированные для SEO URL-адреса для ваших сообщений в блоге. Он автоматически использует заголовок вашего сообщения в качестве постоянной ссылки.
Однако некоторые пользователи могут захотеть изменить его, чтобы он был более удобным для SEO и удобным для пользователя. Это можно сделать двумя способами.
Вы можете нажать на заголовок сообщения, и вы увидите возможность изменить постоянную ссылку над полем заголовка. Кроме того, вы можете изменить его на вкладке «Постоянная ссылка» в столбце настроек документа.
Смена автора
Если у вас сайт WordPress с несколькими авторами, вы также можете изменить автора сообщения и назначить его другому автору на своем сайте.
Вы найдете возможность сменить автора на вкладке «Статус и видимость» в правом столбце.
Включение / выключение комментариев
WordPress поставляется со встроенной системой комментирования, которая позволяет пользователям оставлять комментарии к вашему сообщению. Вы можете отключить комментарии к отдельным сообщениям на вкладке «Обсуждение» на вкладке «Документ».
Вы также увидите параметр, разрешающий пингбэки и обратные ссылки. Это позволяет вам и другим блогам уведомлять друг друга, когда они ссылаются на статью.
Однако он в основном используется для рассылки спама, поэтому мы рекомендуем полностью отключить пингбеки и трекбэки.
Опции, добавленные плагинами WordPress
Самые популярные плагины WordPress также будут добавлять свои собственные параметры на экран редактирования сообщения. Некоторые будут доступны в виде блоков, а другие — в виде мета-боксов.
Например, WPForms, лучший плагин для контактных форм WordPress, добавляет блок для вставки контактных форм в ваши сообщения и страницы.
Еще один отличный пример — All in One SEO.Они добавляют мета-поле под редактором для настроек SEO и еще одно на верхней панели инструментов.
Параметры публикации
Экран редактирования WordPress по умолчанию разделен на две колонки. В левом столбце вы пишете контент, а в правом столбце есть все настройки публикации, включая параметры публикации.
Давайте посмотрим на параметры публикации в правом столбце.
1. Ссылка «Сохранить черновик» позволяет быстро сохранить изменения, внесенные в сообщение WordPress.Редактор также автоматически сохранит ваши изменения по мере написания.
2. Кнопка предварительного просмотра открывает предварительный просмотр вашего сообщения или страницы в новой вкладке браузера.
3. Закончив редактирование сообщения, вы можете нажать кнопку «Опубликовать», чтобы опубликовать его.
4. WordPress дает вам несколько вариантов управления видимостью вашего сообщения. Параметр по умолчанию — «Общедоступный», но при нажатии на него вы увидите варианты, позволяющие сделать сообщение приватным или защищенным паролем.
5.WordPress также позволяет вам контролировать, когда публикация сообщения. Параметр по умолчанию — публикация немедленно, но вы также можете запланировать публикацию своих сообщений позже или даже выбрать дату в прошлом.
6. Установка флажка рядом с «Прикрепить к первой странице» сделает сообщение прикрепленным или избранным. Это заставляет конкретную публикацию отображаться поверх других сообщений. Узнайте больше о прикрепленных записях и о том, что с ними можно делать.
7. Параметр «Ожидает проверки» добавит настраиваемый статус рядом с вашим сообщением как «Ожидает проверки».Эта функция особенно полезна в блогах с несколькими авторами, где участники могут просто сохранять сообщения, а не публиковать их.
8. Если вы хотите удалить сообщение, вы можете нажать кнопку «Переместить в корзину». WordPress отправит сообщение в корзину. Удаленные сообщения будут оставаться в корзине до 30 дней. После этого они будут удалены без возможности восстановления.
Параметры экрана редактирования
WordPress позволяет отображать и скрывать панели на экране редактирования. Вы можете сделать это, нажав на трехточечное меню в правом верхнем углу экрана, а затем нажав кнопку «Параметры».
Появится всплывающее окно, в котором вы можете установить или снять отметку с панелей.
Другие параметры экрана редактирования публикации
На экране редактирования сообщения есть много других опций. Большинство из них связано с внешним видом экрана редактирования публикации и самого редактора.
Давайте изучим их.
При щелчке по трехточечному значку меню в правом верхнем углу экрана вы увидите варианты перемещения панели инструментов блока наверх, режим подсветки, полноэкранный режим, переключение между визуальным редактором или редактором кода, управление повторно используемыми блоками, и сочетания клавиш.
Рядом вы увидите кнопку со значком шестеренки. Щелчок по нему покажет / скроет правый документ и столбец настроек блока.
В верхнем левом углу экрана есть еще несколько кнопок. Во-первых, справа вы увидите кнопку навигации по блоку, которая позволяет быстро перейти к блоку в вашем сообщении.
Далее вы увидите значок информации. Нажав на нее, вы увидите статистику публикации, такую как количество слов, абзацев, заголовков и блоков.
После этого у вас есть кнопки «Отменить» и «Вернуть», которые позволяют отменить изменения, внесенные в ваши сообщения, перед их сохранением или публикацией.
Наконец, у вас есть кнопка добавления блока, которая позволяет вставлять блоки в редактор сообщений.
Редактор WordPress по умолчанию довольно мощный.
Мы рекомендуем вам изучить его самостоятельно при написании сообщений в блоге и обратить внимание на индивидуальные настройки блока. У каждого блока разные настройки, и вы обнаружите там множество интересных трюков.
Создание нового сообщения в WordPress с помощью классического редактора
Если вы все еще используете старый классический редактор WordPress, то этот раздел для вас.
Классический редактор будет поддерживаться до конца 2021 года, и мы настоятельно рекомендуем всем пользователям составить план перехода на новый редактор WordPress.
Заголовок и поля содержимого
В классическом редакторе поля заголовка и содержимого являются наиболее заметными областями на экране «Добавить новое сообщение» (см. Снимок экрана ниже).
Ваш может немного отличаться в зависимости от того, используете ли вы визуальный или текстовый редактор.
Вы можете переключаться между визуальным и текстовым редакторами во время написания сообщения, но мы не рекомендуем переключаться, так как это может испортить форматирование вашего сообщения.
Visual Editor — это удобный для начинающих текстовый редактор с кнопками форматирования и красивым визуальным оформлением области содержимого. С другой стороны, текстовый редактор — это простой текстовый редактор, в котором вы можете фактически увидеть HTML или написать свой собственный.
Первая текстовая область вверху — это место, где вы добавляете заголовок сообщения. Если вы используете SEO-дружественную структуру URL-адресов, WordPress автоматически сгенерирует URL-адрес публикации на основе вашего заголовка. Вы можете редактировать URL, нажав на кнопку редактирования.
Область содержимого — это место, где вы будете писать свой пост. Вы можете использовать параметры форматирования на панели инструментов или использовать одно из множества доступных сочетаний клавиш, которые ускорят процесс написания.
Если вы используете визуальный редактор, возможно, вам стоит взглянуть на эти 14 советов по освоению визуального редактора WordPress.
В области нижнего колонтитула редактора контента WordPress покажет вам количество слов для вашего сообщения. Если вы хотите получить еще более подробную статистику количества слов, ознакомьтесь с нашим руководством о том, как получить статистику количества слов в WordPress с помощью Word Stats.
По мере того, как вы пишете, WordPress автоматически сохраняет черновик вашего сообщения. Это автосохранение временно хранится в вашей базе данных WordPress.
Как только вы сохраните черновик или напишете дополнительный контент, WordPress очистит ваш автосохраненный временный черновик и заменит его новым.Этот процесс гарантирует, что вы не потеряете свой контент из-за сбоя подключения к Интернету или оборудования. См. Наше руководство о том, как отменить изменения в WordPress с помощью исправлений публикации.
Редактор сообщений показывает текущий черновик и статус автосохранения в нижнем колонтитуле рядом с количеством слов.
Добавить изображения и мультимедиа
Между полями заголовка и содержимого есть большая кнопка «Добавить медиа». Вам нужно будет щелкнуть по нему, если вы захотите загрузить изображение или любой другой медиафайл в свой пост WordPress.Это запустит загрузчик мультимедиа во всплывающем окне.
Просто нажмите кнопку выбора файлов, чтобы загрузить изображения или любой другой носитель на свой сайт WordPress. Вы также можете создавать галереи изображений и списки воспроизведения аудио из загруженных файлов.
WordPress поставляется с некоторыми основными инструментами для редактирования изображений. Посмотрите наше руководство о том, как редактировать, переворачивать, вращать и обрезать изображения в WordPress.
Параметры публикации
Экран редактирования сообщения WordPress разделен на две колонки.Столбец слева содержит заголовок сообщения и редактор содержимого. Справа у вас есть разные мета-поля для настройки параметров публикации.
Верхнее мета-поле в этом столбце помечено как «Опубликовать». Здесь управляются все параметры публикации ваших сообщений.
1. Кнопка «Сохранить черновик» сохраняет черновик сообщения или страницы, над которыми вы работаете. WordPress также автоматически сохраняет ваши сообщения по мере их написания.
2. Кнопка предварительного просмотра показывает предварительный просмотр вашего сообщения в реальном времени.Вы можете использовать его, чтобы увидеть, как ваш пост будет выглядеть после публикации.
3. Статус позволяет вам установить статус для вашего сообщения. WordPress автоматически обрабатывает статус сообщений для черновиков и опубликованных сообщений. Если вы не используете плагин для добавления пользовательских статусов, вам не нужно беспокоиться об этой опции.
4. Щелкните ссылку «Изменить» рядом с областью видимости, чтобы развернуть ее. Первый вариант под видимостью позволит вам сделать ваш пост липким на главной странице. Прикрепленные сообщения в WordPress похожи на избранный контент, который отображается поверх всех других сообщений.
5. Следующая опция позволяет вам защитить паролем сообщение в WordPress.
6. Третий вариант в разделе видимости помечен как частный. Это позволяет вам публиковать пост на своем сайте WordPress в частном порядке. Личные сообщения будут видны пользователям, у которых есть права редактирования на вашем сайте.
7. Щелкните ссылку редактирования рядом с кнопкой «Опубликовать», и WordPress отобразит параметры времени и даты. Вы можете использовать эту опцию, чтобы запланировать публикации или создать заднюю публикацию в WordPress.
8. Переместить в корзину позволяет удалить сообщение WordPress. Удаленные сообщения хранятся в корзине, и вы можете восстановить их в течение 30 дней.
9. Наконец, кнопка публикации делает вашу запись WordPress общедоступной. Помните, что если вы запланировали публикацию, она появится на вашем сайте в запланированные дату и время.
Добавление категорий и тегов
Вы можете сортировать сообщения по категориям и тегам. Метабоксы категорий и тегов обычно появляются в правом столбце под мета-блоком публикации.
Категории и теги помогают организовать контент в понятном и удобном для просмотра формате.
Он не только помогает пользователям легко находить ваш контент, но и повышает SEO вашего сайта. Ознакомьтесь с нашим руководством о разнице между категориями и тегами и о том, как их использовать для сортировки контента.
Рекомендуемое изображение (миниатюры сообщений)
Большинство тем WordPress поддерживают избранные изображения или миниатюры сообщений для статей. Обычно это последнее поле в правом столбце на экране редактирования сообщения.
Просто щелкните ссылку «Установить избранное изображение», и появится всплывающее окно загрузчика мультимедиа. Вы можете выбрать изображение из ваших предыдущих загрузок или загрузить новое изображение со своего компьютера. Более подробные инструкции см. В нашем руководстве о том, как добавить миниатюры избранного изображения или публикации в WordPress.
Параметры экрана
Некоторые параметры на экране редактирования сообщения по умолчанию скрыты, чтобы упростить редактирование. Эти параметры обычно не используются новичками.Однако они могут понадобиться вам позже.
Просто нажмите кнопку «Параметры экрана» в правом верхнем углу страницы. Это покажет меню с флажками рядом с названиями опций.
Как видите, некоторые параметры уже отмечены. Для остальных вы можете отобразить их, установив флажок рядом с названием параметра, и он появится на странице редактирования вашего сообщения.
Давайте посмотрим на некоторые из этих вариантов и на то, что они делают.
Выдержки
Установка этого флажка добавляет мета-поле под вашим редактором содержимого.Вы можете использовать это поле, чтобы добавить краткое изложение или отрывок для вашего сообщения.
В идеале вы должны отображать сводку или отрывок для ваших сообщений на главной странице вашего сайта и в архивах. Полное содержание должно отображаться только на отдельной странице сообщения. Узнайте больше об этом в нашем руководстве: полная запись и сводка (отрывок) на страницах вашего архива WordPress.
Отправить обратные ссылки
Опция
Send Trackbacks позволяет вам уведомлять других владельцев блогов о том, что вы связали их с их содержанием.Ознакомьтесь с нашим руководством по обратным ссылкам и пингбекам в WordPress, чтобы узнать больше.
Если другой владелец блога использует WordPress, вам не нужно отправлять ему обратные ссылки. Ваш сайт WordPress автоматически отправит им пинг, когда вы опубликуете сообщение.
Функцией
Trackback злоупотребляют спамеры настолько, что многие владельцы сайтов просто отключают их. У нас есть статья о том, как бороться с обратным спамом в WordPress.
Пользовательские поля
Эта опция отобразит пользовательский интерфейс для настраиваемых полей под вашим редактором сообщений.Вы можете использовать его, чтобы вручную вводить пользовательскую информацию в свои сообщения. Ознакомьтесь с нашим руководством по настройке пользовательских полей WordPress для начинающих, чтобы узнать больше.
Обсуждение
Хотя комментарии — отличный способ привлечь вашу аудиторию, иногда вы можете не захотеть оставлять комментарии к определенному сообщению или странице.
Параметр обсуждения отображает мета-поле под редактором сообщений, чтобы включить / выключить комментарии и пингбеки для вашего сообщения.
Поскольку страницы должны быть подобны статическим страницам, большинство пользователей хотят отключить комментарии к ним.Вы можете сделать это, отредактировав каждую страницу, или посмотрите это руководство, чтобы отключить / отключить комментарии на страницах WordPress.
Как только ваш сайт WordPress получит определенную репутацию, вы начнете получать спам в комментариях. Вместо того, чтобы отключать комментарии, вы можете попробовать эти советы и инструменты для борьбы со спамом в комментариях в WordPress.
Пули
Слаг — это более чистый заголовок, который можно использовать в URL-адресах.
http://example.com/2015/07/this-is-post-slug
WordPress автоматически генерирует ярлык сообщения и отображает его как URL-адрес сообщения сразу под заголовком сообщения.Вы можете изменить заголовок URL, щелкнув ссылку редактирования под заголовком сообщения.
Вы также можете включить опцию слага в настройках экрана и отредактировать там слаг сообщения.
Автор
WordPress автоматически назначит вас автором сообщения при создании сообщения. Однако иногда вы можете захотеть указать другого пользователя на вашем сайте WordPress в качестве автора. Включение флажка автора позволяет сделать это на экране редактирования публикации.
Бонусных советов по созданию лучших сообщений в блоге
Причина, по которой WordPress является самой популярной платформой для ведения блогов, заключается в том, что она поставляется с отличным набором инструментов, которые помогут вам создавать новый контент.
Однако есть много других инструментов и советов, которые можно использовать для улучшения содержания блога.
Первый совет, который мы предлагаем всем, кто только начинает вести блог, — последовательность. Убедитесь, что вы регулярно публикуете сообщения в блоге. Вы можете спланировать редакторский календарь, а затем придерживаться его.
Мы рекомендуем начинать с 1-2 сообщений в неделю, а затем постепенно увеличивать темп.
Часто новые пользователи не могут найти идеи для публикации в своем блоге. Вот обширный список идей для публикаций в блоге, которые вы можете использовать для начала.
Вам также необходимо научиться продвигать свои сообщения и отслеживать события. Наша команда выбрала лучшие инструменты контент-маркетинга, которые помогут вам развивать свой блог.
Мы надеемся, что эта статья помогла вам научиться добавлять новую запись в WordPress на профессиональном уровне. Вы также можете ознакомиться с нашим основным руководством по WordPress SEO для начинающих, чтобы привлечь больше поискового трафика на свой сайт.
Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.
Бесплатное руководство по WordPress — Как создать и создать веб-сайт на WordPress с нуля 2021
Привет, дорогой студент, Спасибо за то, что вы подумали о том, как создать курс для веб-сайта WordPress.
Сегодня есть много причин для создания собственного веб-сайта. Хотите ли вы создать его для себя или являетесь начинающим веб-разработчиком, который хочет создавать веб-сайты для других, вы пришли на правильный курс.
Этот курс научит вас снизу, всему, что вам нужно знать о платформе WordPress, плагине для построения страниц Elementor и всему, что между ними.
После завершения этого курса у вас будет широкое понимание и продвинутые знания о создании и создании веб-сайтов в целом и WordPress в частности.
Люди часто думают, что создание веб-сайта на WordPress — тяжелая и сложная работа. Правда в том, что раньше так было, но теперь это не так. Этот курс научит вас всем основам создания успешного адаптивного веб-сайта WordPress очень легко без какого-либо программирования! Да, это возможно!
Это конструктор страниц с перетаскиванием, и он не может быть проще, чем то, что я вам покажу.
ЭТО ЕДИНСТВЕННЫЙ КУРС, КОТОРЫЙ РАЗРЕШЕТ ВАМ ИСПОЛЬЗОВАТЬ ЛЮБУЮ ТЕМУ, КОТОРУЮ ВАМ БЫЛО НРАВИТСЯ !!! ВЫ НЕ ОБЯЗАНЫ ИСПОЛЬЗОВАТЬ КОНКРЕТНУЮ ТЕМУ.
Я создал этот курс с вниманием к мельчайшим деталям, охватил как можно больше элементов и не оставил никаких функций WordPress. Я учел, что этот курс будут смотреть начинающие студенты, и сделал его максимально информативным.
Не сомневаюсь, что этот курс вам подходит.Это первый и значительный шаг к лучшему будущему с вашим новым сайтом.
Этот курс для вас, если вы:
1. Хотите создать веб-сайт для вашего бизнеса, бренда, услуг, магазина и т. Д.
2. Хотите сэкономить тысячи долларов.
3. Если вы хотите узнавать новую информацию.
4. Хотелось бы быть в курсе новейших дизайнов и функций.
Что вы узнаете из этого курса:
1.Настройка домена и хостинга.
2. Освоить платформу WordPress.
3. Заведите собственный блог.
4. Множество способов создать свой сайт.
5. Освоите конструктор страниц Elementor.
6. Установите темы, плагины и виджеты.
7. Создайте дочернюю тему.
8. Создавайте страницы и сообщения в блогах.
9. Дизайн слайдера заголовка.
10. Создайте логотип для своего бренда.
11. Создайте нижний колонтитул.
12. Кнопки призыва к действию.
И многое другое.
ЭТО ЕДИНСТВЕННЫЙ КУРС, КОТОРЫЙ РАЗРЕШЕТ ВАМ ИСПОЛЬЗОВАТЬ ЛЮБУЮ ТЕМУ, КОТОРУЮ ВАМ БЫЛО НРАВИТСЯ !!! ВЫ НЕ ОБЯЗАНЫ ИСПОЛЬЗОВАТЬ КОНКРЕТНУЮ ТЕМУ.
Я являюсь аффилированным лицом Hostgator и буду получать небольшую комиссию, когда вы используете один из моих кодов. Это помогло мне создать отличные курсы бесплатно и помочь мне поддерживать мой сайт в рабочем состоянии.
Как создать сайт WordPress с нуля с помощью HostGator
Итак, вы решили создать сайт на WordPress.Теперь вы ищете поставщика услуг хостинга с пропускной способностью, хранилищем и поддержкой, необходимыми для быстрого и простого создания и запуска вашего веб-сайта.
К счастью для вас, HostGator отмечает все эти флажки. С HostGator у вас будет неограниченная пропускная способность и хранилище, бесплатный хостинг электронной почты, услуги миграции и премиальная поддержка для запуска вашего сайта WordPress. Вы можете установить WordPress и запустить свой сайт всего за несколько шагов.
Давайте рассмотрим, как вы можете создать сайт WordPress с нуля с помощью HostGator.
Как установить WordPress на HostGator
Для начала перейдите в HostGator и выберите план хостинга, который соответствует потребностям и целям вашего сайта. Существует три типа тарифных планов: начальный, стандартный и бизнес-план. Вы можете начать с начального плана, а затем обновить его позже, когда ваш сайт начнет масштабироваться.
Источник
После того, как вы выбрали тарифный план, вы можете зарегистрировать новый домен в HostGator, приобрести его у другого провайдера или перенести существующий.
Когда вы зарегистрируетесь, вам будет отправлена ссылка для входа, а также ваше имя пользователя и пароль. Вы будете использовать эту информацию для входа в свою учетную запись через панель управления, как показано ниже.
Источник
Войдя в cPanel, вы выполните следующие шаги.
- Перейдите в раздел Software и щелкните инструмент QuickInstall .
- В левой части экрана выберите Site Builders & CMS > One-Click Installs .
- Выберите WordPress .
- Выберите свой домен в раскрывающемся меню.
- Заполните форму, показанную ниже.
- Под заголовком Blog Title введите название вашего веб-сайта.
- В разделе Admin Username введите предпочтительное имя пользователя.
- Введите свое имя и фамилию.
- В разделе Admin Email введите рабочий адрес электронной почты. Здесь будет отправлен ваш пароль администратора.
- Установите флажок рядом с соглашением об условиях обслуживания .
- Наконец, нажмите кнопку Установить .
Когда установка будет завершена, проверьте свою электронную почту на наличие имени пользователя и пароля WordPress и ссылку на панель управления WordPress. Ссылка будет выглядеть примерно так: https://mysite.com/wp-admin. Щелкните по нему и войдите в систему.
Как создать свой сайт в WordPress
- Измените URL-адрес WordPress.
- Обновите настройки постоянной ссылки.
- Выберите тему WordPress.
- Настройте свой сайт с помощью плагинов.
Перейдя в личный кабинет WordPress, вы можете выполнить следующие основные шаги, чтобы ваш сайт заработал.
Шаг 1. Измените URL-адрес WordPress
Важно, чтобы посетители узнавали название и адрес вашего сайта и доверяли им. Вот почему ваш первый шаг после установки WordPress должен состоять в том, чтобы убедиться, что ваш сайт не перенаправляется на другой сайт и не показывает неправильное доменное имя.Если да, то можете:
- Щелкните Settings на боковой панели в левой части страницы.
- Выберите Общие .
- Обновите поля для адреса WordPress и адреса сайта на https://yourdomainname.com.
- Нажмите Сохранить изменения .
На этой вкладке вы также можете убедиться, что поля Часовой пояс и Адрес электронной почты заполнены правильно.
Шаг 2. Измените настройки постоянной ссылки
По умолчанию WordPress использует URL-адреса с множеством цифр и вопросительных знаков. Они работают нормально, но их нелегко запомнить и они могут сбить с толку посетителей. Лучшим URL для вашей страницы «О нас» может быть https://www.yourdomain.com/about вместо https://www.yourdomain.com/??123p=3.
Вы можете изменить структуру постоянных ссылок, выполнив четыре простых шага.
- Щелкните Settings на боковой панели в левой части страницы.
- Выберите Постоянные ссылки .
- Щелкните Название сообщения или любую другую структуру, которую вы предпочитаете.
- Нажмите Сохранить изменения .
Источник
Шаг 3. Выберите тему WordPress
Существуют сотни бесплатных и дополнительных тем, которые вы можете установить на свой сайт, не используя ни единой строчки кода. Если вы только начинаете создавать свой сайт, вы можете посетить каталог тем WordPress.org, чтобы просмотреть сотни бесплатных тем.Однако, если вы знаете, что вам нужна тема с большим количеством наворотов, вы можете изучить премиальные темы на StudioPress и Themify, среди других сайтов.
Найдя понравившуюся тему, загрузите ее и вернитесь на панель управления WP.
- Щелкните Внешний вид на боковой панели в левой части страницы.
- Выберите темы .
- Нажмите кнопку Добавить новый вверху экрана.
- Затем нажмите кнопку Загрузить тему .Вы найдете тему в ZIP-файле на своем компьютере.
- Если вы добавили и загрузили несколько тем, вы можете просмотреть их, чтобы сузить выбор.
- Выбрав один, нажмите кнопку Активировать .
- После активации вы можете настроить его.
Источник
Шаг 4. Настройте свой сайт с помощью плагинов
Существуют также сотни бесплатных и дополнительных плагинов для расширения функциональности вашего сайта.Чтобы начать поиск, вы можете просмотреть каталог плагинов WordPress, в котором будут перечислены все ваши бесплатные опции прямо на панели инструментов. Вот как:
- Щелкните Plugins на боковой панели в левой части страницы.
- Выберите Добавить новый .
- Просмотрите архив плагинов, пока не найдете тот, который вам нравится.
- Нажмите кнопку Установить сейчас .
Источник
Угадайте, что? Вы только что создали сайт WordPress с нуля с помощью HostGator.Еще многое предстоит сделать — писать сообщения в блогах, добавлять плагины и т. Д. — но у вас все в порядке. Не стесняйтесь похлопать себя по спине от меня.
Простое пошаговое руководство по созданию веб-сайта на WordPress
Создать онлайн-присутствие для бизнеса или профессионального портфолио можно быстро и просто с помощью системы управления контентом (CMS), такой как WordPress. Как крупным, так и малым предприятиям нужны способы публикации контента. Ключевым моментом является работа с удобной CMS, которая позволяет практически любому — от новичков до экспертов — создавать веб-страницы.Использование этих шаблонов позволяет легко создать базовую веб-страницу, а затем заменить логотип, изменить цветовую палитру или изменить шрифт в соответствии с вашим брендом и потребностями.
Когда вы начинаете работать с WordPress, вам нужно решить, будете ли вы использовать WordPress.com или WordPress.org. Оба они бесплатны, но WordPress.com — это универсальный сервис, который генерирует HTML-скрипт для сайта в дополнение к доменному имени и услугам хостинга. Хотя это универсальный магазин для людей, желающих создать веб-страницу, существует множество ограничений, с которыми вы столкнетесь, если захотите настроить многие аспекты своего сайта.WordPress.org, с другой стороны, позволяет вам скачать скрипт бесплатно, а затем манипулировать этим скриптом, как вам угодно, на вашем сайте, с вашим собственным доменным именем и веб-хостингом. Это также известно как самостоятельный сайт.
Здесь вы узнаете, как легко создать собственный веб-сайт на WordPress для домашнего бизнеса. Этой CMS можно управлять практически с любого компьютера, подключенного к Интернету. Знание основ HTML-кодирования полезно, но не обязательно для WordPress. Вы можете учиться по ходу работы, а затем добавлять дополнительные параметры и плагины по мере привыкания к стандартным функциям.
Выберите и купите свое доменное имя
Выбор бизнес-доменного имени — важная часть присутствия и маркетинга, связанного с вашим бизнесом. В идеале это должен быть «.com», включающий название вашей компании. Службы веб-хостинга, такие как Wix и Hostinger, могут предложить предоставить домен (некоторые предоставят его бесплатно), но большинство экспертов предлагают хранить ваше доменное имя и услуги хостинга отдельно, чтобы гарантировать, что вы владеете своим доменом и контролируете его.
Подпишитесь на веб-хостинг
Хотя есть бесплатные варианты, лучше всего выбрать платный хостинг, чтобы обеспечить качество и контроль.Есть много доступных веб-хостов на выбор. Поскольку вы хотите установить WordPress, убедитесь, что хост предлагает скрипт WordPress в своей библиотеке. WordPress — популярный сервис, поэтому большинство включает его. Какой бы сервис веб-хостинга вы ни выбрали, он, скорее всего, предложит многоуровневые варианты. Вам не нужно чувствовать давление, чтобы выбрать более продвинутые варианты. Вы можете начать с базового плана и при необходимости увеличивать его.
Подключите свой домен и службы веб-хостинга
После того, как вы зарегистрируетесь на хостинге, вы получите информацию для входа в аккаунт и адрес серверов имен вашего хоста (две серии цифр).Скопируйте информацию о сервере имен, а затем перейдите к своему регистратору доменов и добавьте информацию о сервере имен к своему доменному имени. Это сообщает регистратору домена, куда (на какой хост) должен указывать домен. Как только эти два аспекта вашего веб-сайта синхронизируются, вы готовы приступить к созданию.
Установить WordPress
Прошли те времена, когда вам приходилось загружать скрипт с сайта WordPress, а затем загружать его на свой хост. Большинство хостов предлагают возможность быстрой установки через свою библиотеку сценариев.Войдите в свою учетную запись хоста (например, cPanel) и найдите скрипт WordPress (если вы не уверены, где он находится в вашей cPanel, спросите своего хоста). Нажмите «Установить» и укажите, куда вы хотите установить скрипт.
Если вы хотите, чтобы весь ваш сайт был на WordPress, используйте свое доменное имя, оставив поле каталога пустым (например, www.yourdomain.com/). Если у вас уже есть веб-сайт и вы хотите установить блог в другой папке, укажите имя папки после вашего домена. Например, если вы хотите использовать WordPress для своего блога, вы можете установить его на www.yourdomain.com/blog/. Программа установки создаст папку «блог» и установит там WordPress. Во время установки вы также укажете свое имя администратора, имя блога и адрес электронной почты, которые будут включены в WordPress (вы можете изменить имя блога и адрес электронной почты позже). По завершении вам будет предоставлена ссылка на только что созданный сайт WordPress и пароль. Вы хотите сменить пароль.
Просмотр панели управления WordPress
Самое приятное в WordPress то, что даже после обновления основные функции остаются прежними.Как только вы узнаете, где все находится и как это работает, можно начинать. Войдите на свой сайт WordPress, используя имя администратора и пароль. После входа в систему вы попадете в личный кабинет. Слева находится меню всех стандартных опций:
Посты
Вот как вы создаете и редактируете статьи в блоге.
СМИ
Здесь хранятся изображения, видео и другие виды мультимедиа. Вы можете добавить медиафайлы прямо в эту папку как отдельное действие или во время написания сообщения или страницы.Если вы добавите медиафайл на страницу, он будет сохранен в вашей папке «Медиа».
Страницы: на страницах размещается статический контент, например информация «Обо мне». Если ваш домашний бизнес предлагает услугу, вы разместите информацию о ней на странице.
Комментарии: так вы управляете комментариями, оставленными на вашем сайте, и модерируете их.
Внешний вид: это то, как вы управляете и настраиваете тему своего сайта, организуете виджеты боковой панели, создаете меню (в соответствии с вашей темой) и получаете доступ к редактору темы.
Плагины: здесь можно добавлять, удалять и обновлять плагины. Некоторые плагины добавляют функции меню непосредственно в меню панели инструментов, в то время как другие добавляются как элемент подменю в разделе «Инструменты» или «Настройки».
Пользователи: вы можете управлять людьми, которые регистрируются в качестве гостей, а также разрешениями тех, кому вы предоставляете доступ. Например, если у вас есть виртуальный помощник, вы можете разрешить ему обновлять и вносить изменения на сайт. Если ваш виртуальный помощник уйдет, вы захотите отозвать эти разрешения.
Инструменты: импортируйте и экспортируйте данные WordPress через меню «Инструменты». Здесь также доступны некоторые настройки плагина.
Настройки: здесь вы настраиваете, как ваш блог читается, как публикуются комментарии, ваша структура постоянных ссылок (как выглядят URL-адреса контента вашего блога) и многое другое. Доступ ко многим настройкам плагина осуществляется через Настройки.
Выберите тему WordPress
WordPress предлагает темы по умолчанию, или вы можете просматривать и устанавливать темы из библиотеки тем WordPress.Щелкните «Внешний вид», затем «Тема». Если вам нравится тема по умолчанию, вы можете оставить ее, но выберите опцию «Настроить» (под опцией «Внешний вид»), чтобы изменить такие аспекты, как цвет и заголовок. Вы можете изменить тему, щелкнув другую тему, а затем нажав «Активировать».
Если вам не нравятся параметры по умолчанию, вы можете добавить новую тему. Один из способов — нажать «Добавить тему», чтобы получить доступ к библиотеке тем. Если вам нравится какая-либо из тем в библиотеке, просто нажмите «Установить», а затем «Активировать», чтобы применить тему.Другой вариант — найти темы из других источников. Чтобы использовать эти темы, вам необходимо загрузить их из источника, затем в панели управления WordPress нажмите «Добавить темы», затем «Загрузить тему». Используйте кнопку обзора, чтобы найти загруженную тему, щелкните файл (обычно это zip-файл) и загрузите. После загрузки нажмите «Установить» и «Активировать». Обратите внимание, что некоторые темы добавляют пункты меню к левой панели навигации. Некоторые также имеют параметры настройки, такие как добавление ссылок на социальные сети.
Настройка виджетов боковой панели
Виджеты — это кнопки быстрого доступа, которые выполняют определенную функцию, например переход к последним сообщениям в блоге или подписку на список рассылки. В разделе «Внешний вид», а затем «Виджеты» вы увидите список параметров виджета, включая «Последние сообщения» и «Архивы». «Недавние сообщения», вероятно, являются одним из виджетов по умолчанию на боковой панели, наряду с «Недавними комментариями» и «Мета».
Самое замечательное в WordPress то, что добавление или удаление виджетов требует простого перетаскивания в нужное место.Хотя многие виджеты выполняют определенную функцию, существует виджет «Текст», который позволяет вам добавлять все, что вы хотите, включая код. Это хорошее место для добавления скрипта подписки на рассылку или партнерских кодов продуктов. Стандартная боковая панель находится с правой стороны вашего блога / сайта, но иногда ваша тема может позволить вам выбрать, где находится боковая панель. В других случаях у темы может быть более одной боковой панели, например, две слева и три внизу.
Настройте плагины
WordPress поставляется в готовом виде с двумя плагинами.Askimet — это плагин для защиты от спама, который нужно активировать. Вам понадобится код активации, но вы можете получить его бесплатно, перейдя по ссылке в плагине Askimet. Существуют миллионы плагинов, которые добавляют интересные функции и возможности вашему сайту. Например, некоторые плагины создают витрину на вашем сайте WordPress.
Многие плагины менее заметны. Они скрываются за кулисами, чтобы сайт оставался безопасным и полностью работоспособным. Основные плагины, которые вы должны добавить, включают безопасность (чтобы не допустить хакеров), кеш (для повышения скорости и производительности), резервное копирование и SEO.Плагины можно добавить в пункте меню «Плагин». Как и темы, вы можете искать плагины в библиотеке WordPress или получать их из других источников и загружать их на свой сайт.
Добавьте контент на свой сайт
Начните с добавления своих статических страниц, таких как «Обо мне», «Контакты» и любой другой информации, которую вы хотите предоставить посетителям (например, медиа-кит). Если вы используете свой сайт WordPress как стандартный веб-сайт, вы можете захотеть, чтобы посетители попадали на определенную домашнюю страницу, будь то ваша страница «Обо мне» или другой раздел сайта.Для этого перейдите в «Настройки», затем «Чтение», переключите «Статическая страница» и затем выберите, какую страницу или публикацию вы хотите разместить на своей домашней странице. Если вы ведете блог, вы можете оставить настройку по умолчанию, которая должна быть «Ваши последние сообщения».
Когда у вас есть страницы, добавьте сообщения, относящиеся к теме вашего блога или домашнего бизнеса. И страницы, и сообщения работают одинаково. Нажмите «Новая страница» или «Новая публикация» в разделе «Страница» или «Опубликовать» в меню панели инструментов. Добавьте свой заголовок в поле заголовка и свой контент ниже. WordPress предоставляет вам два варианта добавления контента: «Визуальный» и «текстовый».«Визуальный» позволяет вам работать с контентом так, как он выглядит для посетителей. «Текст» устраняет излишества, предоставляя вам базовый HTML-код страницы или сообщения. Если у вас есть код, который вы хотите включить (например, партнерская ссылка ), вам нужно будет выбрать «Текст», чтобы добавить его. В правой части страницы вы увидите варианты публикации или планирования вашего сообщения, его категоризации (включая добавление новых категорий), пометки (включая добавление новых тегов) и добавление избранного изображения.
Руководство для начинающих по разработке темы WordPress
В этом руководстве мы обсудим, как начать разработку тем.Затем мы шаг за шагом проведем вас через процесс создания новой пользовательской темы.
Если вы хотите, чтобы что-то было сделано правильно, вам, возможно, придется сделать это самому. Несмотря на то, что доступно множество тем WordPress, найти ту, которая имеет точный внешний вид и функциональность, может быть сложно. Фактически, вместо этого у вас может возникнуть соблазн создать свою собственную тему. Однако начало разработки темы может показаться сложным, особенно для новичка.
К счастью, создание собственной темы для WordPress — относительно простой процесс.Это также не требует особых технических знаний или опыта веб-разработки. Кроме того, создание собственной темы может стоить затраченных усилий, поскольку вы можете добиться того, чтобы ваш сайт выглядел и работал правильно.
Введение в разработку тем WordPress
Если вы хотите, чтобы ваш сайт выглядел великолепно и имел все необходимые функции, загляните в Каталог тем WordPress. К сожалению, ничто из того, что вы видите, не соответствует всем вашим требованиям, и вы не хотите идти на компромисс со своим видением.Может быть, вам нужно что-то уникальное, что выделит ваш сайт среди других, или вы просто не хотите тратить деньги на премиальную тему.
На этом этапе вы можете подумать о создании своей собственной темы. К счастью, разработка темы для WordPress — не такое уж сложное дело, как вы можете себе представить. Благодаря врожденному удобству платформы и многочисленным доступным инструментам практически любой может создать собственную тему.
Мы проведем вас через процесс создания вашей первой темы.Для начала вам понадобятся две вещи:
Вам также будет полезно иметь опыт работы с местными постановочными средами, поскольку вы будете использовать их для создания своей темы. Некоторое понимание CSS и PHP также будет полезным (если не обязательно).
Наконец, вам понадобится один важный инструмент, который значительно упростит процесс создания темы: начальная тема.
Что такое стартовая тема (и почему вы должны ее использовать)
Стартовая тема — это простая тема WordPress, которую вы можете использовать для создания своей собственной.Использование стартера позволяет вам создать прочную структуру, не беспокоясь о сложностях, связанных с написанием темы с нуля. Это также поможет вам понять, как работает WordPress, показывая вам базовую структуру темы и то, как все ее части работают вместе.
Существует множество отличных стартовых тем, включая Underscores, UnderStrap и Bones (и это лишь некоторые из них).
В приведенном ниже примере мы будем использовать подчеркивание. Это хороший выбор для новичков, так как он содержит только основы.Кроме того, эта стартовая тема разработана Automattic, что делает ее более безопасной, совместимой и хорошо поддерживаемой в долгосрочной перспективе.
Как разработать свою первую тему WordPress (за 5 шагов)
После подготовки вы, наконец, готовы приступить к созданию своей первой темы. Как мы уже упоминали, в этом пошаговом руководстве мы будем использовать стартовую тему.
Однако, если вы хотите попробовать создать все самостоятельно без шаблона, вы можете смело это делать.Имейте в виду, что для этого потребуется гораздо больше навыков программирования и понимания веб-разработки.
Шаг 1. Настройка локальной среды
Первое, что вам нужно сделать, это создать локальную среду разработки. Фактически это сервер, который вы устанавливаете на свой компьютер и который можно использовать для разработки и управления локальными сайтами WordPress. Локальный сайт — это безопасный способ разработать тему, никоим образом не влияя на ваш действующий сайт.
Есть много способов создать локальную среду, но мы собираемся использовать DesktopServer.Это быстрый и простой способ бесплатно установить локальную версию WordPress, совместимый как с Mac, так и с Windows. Для начала выберите бесплатную версию DesktopServer, завершите процесс регистрации и загрузите установщик.
После загрузки установщика вы можете запустить его.
После завершения установки вы можете открыть программу, где вам будет предложено настроить новую локальную среду. Это простой процесс, и у вас будет готов локальный сайт WordPress через несколько минут.После установки ваш новый сайт будет выглядеть и работать как действующий веб-сайт WordPress.
Шаг 2. Загрузите и установите стартовую тему
Как и большинство начальных тем, с Underscores очень легко начать работу. Фактически, все, что вам нужно сделать, это зайти на сайт и назвать свою тему.
Если хотите, вы также можете нажать Дополнительные параметры , чтобы настроить базовую тему дальше. Здесь вы можете указать дополнительную информацию, например имя автора, и дать описание темы.
Также есть _sassify! , который добавит в вашу тему файлы Syntactically Awesome StyleSheets (SASS). SASS — это язык предварительной обработки для CSS, который позволяет использовать переменные, вложение, математические операторы и многое другое.
Когда вы сделаете свой выбор, вы можете нажать Создать , чтобы загрузить файл .zip , содержащий вашу начальную тему. Это ядро, на основе которого вы будете разрабатывать свою собственную тему, поэтому установите ее на своем локальном сайте.После установки темы вы можете предварительно просмотреть свой сайт, чтобы увидеть, как он выглядит. Сейчас это очень просто, но это ненадолго!
Шаг 3. Понять, как работает WordPress за кулисами
Прежде чем вы сможете настроить свою тему, вам нужно понять назначение ее компонентов и то, как они сочетаются друг с другом. Во-первых, давайте обсудим файлы шаблонов, которые являются основными строительными блоками темы WordPress. Эти файлы определяют макет и внешний вид содержимого вашего сайта.Например, header.php используется для создания заголовка, а comments.php позволяет отображать комментарии.
WordPress определяет, какие файлы шаблонов использовать на каждой странице, просматривая иерархию шаблонов. Это порядок, в котором WordPress будет искать соответствующие файлы шаблонов при каждой загрузке страницы на вашем сайте. Например, если вы перейдете по URL-адресу http://example.com/post/this-post , WordPress будет искать следующие файлы шаблонов в следующем порядке:
- Файлы, соответствующие заголовку, например this-post .
- Файлы, соответствующие идентификатору сообщения.
- Общий файл с одним постом, например single.php .
- Архивный файл, например archive.php .
- Файл index.php .
Поскольку файл index.php требуется для всех тем, он используется по умолчанию, если не удается найти другой файл. Underscores уже содержит наиболее распространенные файлы шаблонов, и они будут работать прямо из коробки. Однако вы можете поэкспериментировать с их редактированием, если хотите понять, как они работают вместе.
Еще один важный элемент, который вам нужно усвоить, — это The Loop. Это код, который WordPress использует для отображения контента, поэтому во многих отношениях он является сердцем вашего сайта. Он присутствует во всех файлах шаблонов, отображающих содержимое сообщений, например, index.php или sidebar.php .
Цикл — это сложная тема, о которой мы рекомендуем вам прочитать больше, если вы хотите лучше понять, как WordPress отображает контент сообщений. К счастью, цикл уже будет интегрирован в вашу тему благодаря Underscores, так что пока не стоит об этом беспокоиться.
Шаг 4. Настройте тему
Легко подумать, что темы предназначены исключительно для косметических целей, но на самом деле они оказывают огромное влияние на функциональность вашего сайта. Давайте посмотрим, как можно сделать несколько базовых настроек.
Добавьте функциональность с помощью «крючков»
Хуки — это фрагменты кода, вставленные в файлы шаблонов, которые позволяют запускать действия PHP в различных областях сайта, вставлять стили и отображать другую информацию. Большинство хуков реализовано непосредственно в ядре WordPress, но некоторые полезны и для разработчиков тем.
Давайте посмотрим на некоторые из наиболее распространенных крючков и на то, для чего они могут использоваться:
- wp_head () — добавлен к элементу в header.php и включает стили, сценарии и другую информацию, которая запускается при загрузке сайта.
- wp_footer () — Добавлен в footer.php прямо перед тегом . Это часто используется для вставки кода Google Analytics.
- wp_meta () — обычно отображается на боковой панели.php, чтобы включить дополнительные скрипты (например, облако тегов).
- comment_form () — Добавлен в comments.php непосредственно перед закрывающим тегом