Сайт на Вордпресс с нуля: настройка и подводные камни

Для каких целей подходит Вордпресс

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

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

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

А вот для чего Вордпресс подходит лучше всего

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

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

 

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

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

И вы тоже!

Чем хорош Вордпресс для малого бизнеса

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

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

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

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

Новая тема WordPress поможет вам изменить визуальное решение и сохранить самое ценное — контент и место в результатах поиска.

Создание страницы

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

Любой из этих трех вариантов откроет новое окно создания страницы.

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

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

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

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

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

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

Как выбрать тему для Вордпресса

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

Какие бывают темы на Вордпрессе

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

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

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

Если ключевой контент сайта – это все-таки тексты, а не навороты, очень возможно, что вы справляетесь с ним самостоятельно.

Free WordPress + Free Theme — отличный вариант «опробовать» сайт, ничем не рискуя.

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

Понятия страницы и записи

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

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

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

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

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

Начало работы с WordPress: изменение внешнего вида вашего сайта с помощью CSS

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

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

Минусы бесплатных тем для Вордпресса

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

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

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

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

Помните: любая модификация, сделанная неизвестными лицами, может быть небезопасной!

Риски платных тем для Вордпресса

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

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

Самый серьезный и уважаемый платный магазин тем — themeforest.net. Это Amazon в мире цифровых товаров. Покупать там можно без опаски. Вкладка WordPress имеет 16 тематических разделов. Легко ориентироваться и выбирать шаблон специально для вашей деятельности.

Как комбинировать темы и плагины

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

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

Я знаю двух хороших разработчиков, которые используют модель «бесплатная тема + платный плагин». Мне посчастливилось работать с их темами, поэтому я очень рекомендую Themefreesia и WP Royal. Их бесплатные темы можно установить прямо из панели администратора WordPress.

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

Стандартные темы или индивидуальный дизайн

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

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

Умелые руки могут творить настоящие чудеса с темой WordPress! Хороший пример — WordPress тема TUNDRA от pipdig и сделанный на ней сайт арт-терапевта Марии Оборотовой.

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

Подводные камни при настройке Вордпресса

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

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

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

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

Вот, например, очень популярная тема Avada WordPress на сайте themeforest.net:

На экране только 12 из 50 превьюшек. Эта тема имеет большой и сложный конструктор, с огромным выбором настроек и плагинов. Если какой-то из 50 вариантов подходит вам «как есть», попробуйте. Но если вы хотите что-то улучшить, сначала найдите кого-нибудь, кто поможет вам с авадой, а потом купите ее.;)

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

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

Особенность тем Kriesi в том, что они построили собственный конструктор. Легкий, хорошо настроенный, не имеет ненужных скриптов и содержит все, что нужно большинству сайтов. Эта команда любит то, что они делают, и очень заботится о комфорте и качестве. На эту тему создан сайт Мастерская онлайн-курсов Анны Давтян. Посмотрите, сколько там анимированных элементов, слайдер, гугл карта. Все это собирается, как из ведер. Эта тема является действительно полезным конструктором.

Не каждая Вордпресс-тема готова к русским текстам

Если вы планируете писать на кириллице, убедитесь, что сайт выглядит так же хорошо, как демо разработчика. Вы можете убедиться в этом очень легко. Откройте демо и нажмите кнопку «перевести страницу» в браузере. Не читайте, что там написано, скорее всего это невозможно перевести. Посмотрите на источник! Вам нравится то что вы видите? Если да, то тест пройден.:)

Если нет, то оч. Вам понадобится кто-то, кто заменит шрифт на вашем сайте.

На скриншоте показана замечательная тема Solopine для блога о еде Sproot&Spoon после перевода.

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

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

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

Трудности с мобильной версией

Проверить не сложнее, чем исходники: пришлите ссылку на демо в мессенджер и откройте с мобильного. Удобно и красиво? А на планшете в вертикальном положении? Ходите по сайту, нажимайте кнопки и меню удобно? Так что все в порядке!

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

Базовые настройки

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

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

Далее мы настроим постоянные ссылки (удобочитаемые URL-адреса, CNC). Это изменит форматирование ссылок на нашем сайте со стандартного представления (например, ?p=123) на представление, которое улавливает суть содержимого страниц, удобочитаемо для человека и может быть проиндексировано поисковыми ботами. Во втором случае мы будем использовать заголовки постов для формирования постоянных ссылок.

Начало работы с WordPress: изменение структуры вашего сайта

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

Плюсы и минусы WordPress

Как и у любой программы, у нее есть плюсы и минусы.

Преимущества

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

Открытый исходный код. Вам не придется платить за программное обеспечение WordPress.

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

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

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

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

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

SEO-ориентированная CMS. SEO очень важно для бизнеса сегодня. WP готов к такому запросу разработчиков. Уже есть плагины (например, Yoast SEO), которые помогут вам продвигать ваш сайт. С его помощью можно в пару кликов расставлять метатеги, делать xml-карты и расставлять ключевые слова.

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

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

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

Недостатки

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

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

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

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

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

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

Не синхронизируется с 1С. Инструмента для работы с 1С в программе нет. Если вам все еще нужно это сделать, вам нужно будет пригласить разработчиков для работы над кодом. Однако это сложная задача даже для специалистов.

Разметка структуры сайта

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

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

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

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

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

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

Какие сайты можно делать на WordPress

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

Для каких сайтов WordPress лучше всего подходят:

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

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

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

• Сайт-визитка или одностраничный. Компаниям не нужно иметь большие корпоративные ресурсы с десятками страниц. Иногда достаточно небольшой приветственной страницы, где пользователь может найти ответы на свои сомнения и узнать контакты организации. Не желательно приглашать программистов для создания такой визитки. Гораздо дешевле и быстрее создать такой сайт на CMS.

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

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

Чем отличается WordPress.com и WordPress.org

В Интернете можно найти два сайта: WordPress.com и WordPress.org. У многих возникает вопрос, чем они отличаются друг от друга? Оба сайта официально представляют продукт WP. Однако они предлагают различный набор услуг.

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

WordPress.com — это хостинговая платформа с WordPress CMS. Вам не нужно ничего скачивать или устанавливать. Вам просто нужно создать учетную запись. Компания предоставит вам субдомен (например, myite.wordpress.com) и бесплатно разместит его. Если вы хотите удалить часть адреса «wordpress.com», вы можете перейти на платный план. Главный недостаток wordpress.com в том, что на нем невозможно работать с php. Вы можете использовать только то, что предлагает компания. Он также не имеет плагинов. Встроены только дополнительные функции.