- Работающие сайты не предназначены для разработки
- Gutenberg
- Выбор дизайна для wordpress
- Диагностика сайта
- Достоинства статичных веб-сайтов
- Загружаем вордпресс на хостинг
- Изучаем wordpress — как создать сайт?
- Как правильно перенести сайт на wordpress?
- Как установить wordpress: проблемы и ошибки при установке
- Конструктор wpbakery
- Настройка шаблона
- Недостатки
- Предустановленные
- Преимущества
- Проблема 2. при добавлении записи не отображается визуальный редактор wordpress
- Типы контента
- Установка сертификата безопасности
Работающие сайты не предназначены для разработки
Я могу повторить это тысячу раз.
Никогда не используйте работающие сайты для разработки!
Сейчас почти все основные администрируемые хостинги WordPress имеют среды разработки и обкатки, и, безусловно, не без оснований. Использование этих решений спасает нас от аварийного падения рабочего сайта из-за неудачных попыток что-то протестировать.
Если вы не хотите использовать такие решения, вы можете воспользоваться локальной разработкой и тестированием, используя то, что некоторые называют LAMP или LEMP -стеком. Они предназначены для работы с Linux, Apache/Nginx, MySQL и PHP. А такие инструменты, как WAMP и MAMP упростят и ускорят сборку сервера для локальной разработки.
Все эти инструменты улучшались и развивались с течением времени, однако, в локальной разработке есть свои проблемы, например, среда, которая не очень точно имитирует ваш опубликованный сайт. Прежде всего, вам придется выяснить, как перенаправить ваши наработки с локальной машины на рабочий сайт так, чтобы не пришлось перезаписывать существующие данные, а сайт не упал.
Чтобы избежать таких проблем, я рекомендую воспользоваться такими инструментами, как DesktopServer и Local, которые созданы исключительно для ускорения вашего рабочего процесса при локальной работе с WordPress. Они включают в себя упрощенные способы передачи данных рабочему сайту, а также имеют дополнительные функции, такие как работа с WP-CLI и встроенная поддержка режима мультисайтов.
Среды обкатки и локального тестирования могут помочь вам справиться с проблемами до того, как они сломают вам сайт.
Gutenberg
Gutenberg – блочный редактор контента. Он называется блочным, потому что состоит из готовых блоков информации, которые остается вставить и наполнить. По умолчанию сейчас включен именно он. И данную статью я пишу, используя именно его.
Если у вас статейный ресурс, то Guttenberg очень приятен, удобен и прост.
Под блоками понимаются:
- Заголовки
- Текст
- Разделители
- Картинки
- Видео
- Галерея
- Форма обратной связи.
В общем, любая единица контента, которая может быть встроена на страницу.
Из комбинаций блоков или из индивидуально настроенного блока создается «Мой блок». То есть сохранить и использовать ровно в таком виде, в какой он вам нравится.
А еще есть паттерны. Это готовые комбинации блоков от WordPress. Стоит приложить немного усилий, включить креативное мышление и они заиграют красками.
Выбор дизайна для wordpress
После установки CMS ваш сайт будет иметь стандартное оформление. Вы наверняка захотите его сменить на что-то более оригинальное и тематическое. Для этого предназначены шаблоны или темы. Они меняют не только внешний вид, но и функционал. Например, это может быть дизайн, у которого две боковых панели с меню. Или наоборот — ни одной (вся навигация размещается в «шапке»).
Чтобы правильно подобрать шаблон и сделать сайт на WordPress с красивым оформлением, ответьте на несколько вопросов и придерживайтесь следующих рекомендаций:
- будет ли у вашего сайта мобильная версия? Если да, то имеет смысл искать шаблон с адаптивным дизайном, который подстраивается под размер экрана устройства. Это актуально для онлайн-магазинов и других популярных ресурсов, которые посещают как с ПК, так и со смартфона;
- выбрать бесплатную или платную тему? Бесплатные шаблоны широко распространены в интернете, поэтому вероятность, что вебсайт точно в таком же визуальном исполнении уже существует, очень высока. Придется потратить время на его уникализацию. Другой вариант — приобрести платный шаблон, заказав его в специализированной веб-студии. Этот способ еще хорош и тем, что вам будет предоставлена поддержка: помощь в установке, обновление файлов и прочее;
- язык. На какую аудиторию вы ориентируетесь: русско- или международную? От ответа на этот вопрос будет зависеть выбор языка темы. Это касается пунктов меню, навигации и ряда других моментов оформления. Найти шаблон под английский язык можно в иностранных каталогах.
Что касается поиска тем на специальных сайтах, то многие из них имеют удобный каталог, разделяющий шаблоны по тематикам: автомобили, техника, природа, мода, политика и пр. Это поможет найти максимально подходящий под вашу тематику дизайн. В этом случае тогда создание сайтов на Вордпресс пойдет намного быстрее.
Диагностика сайта
Итак, представим себе более сложный случай: перестал работать сайт на WordPress – у вас нет рабочей резервной копии, на хостинге всё в порядке. Становится очевидно, что проблема находится прямо на вашем сайте, и, скорее всего, её создали вы своими руками.
В этой ситуации нужно взять себя в руки и думать конструктивно. Нужно продиагнсоровать сайт и вылечить его.
Итак, самой часто причиной, от которой сайт на WordPress “падает”, являются плагины. Вернее, их несовместимость или некачественное изготовление. Поэтому первым делом нужно войти в панель управления сайтом (если это возможно) и деактивировать все плагины.
Если доступа в панель управления нет, то деактивировать все плагины можно через хостинг, через файловый менеджер. Они находятся в папке wp-content/plugins. Переименуйте папку plugins, например в plugins1. Это деактивируйте все плагины. Если сайт после этого начал работать – отлично, значит проблема в одном из плагинов.
Верните папке обратно имя plugin (все плагины снова активируются) и откройте папку. Внутри в каждой отдельной папке находятся каждый плагин. Переименуйте папку каждого плагина по порядку, например, добавив к имени 1. Переименовывание деактивирует этот плагин. И после каждого переименовывания проверяйте работоспособность сайта. Так вы найдёте проблемный плагин.
Такая же неприятность может произойти и с темой. Диагностировать проблему в этом случае можно аналогично, как и с плагинами. Разница лишь в том, что тема на сайте может быть актива только одна, а плагинов несколько. Это облегчает задачу. А также есть отличие в нахождении файлов – темы находятся в папке wp-content/themes.
Итак, теперь вы знаете, что делать, если перестал работать сайт. Не паникуйте. Это происходит у всех. Люди учатся на своих ошибках. Преодолевая такие проблемы, вы получаете больше опыта.
Достоинства статичных веб-сайтов
Предлагаю вам рассмотреть основные преимущества статичных веб-сайтов перед современными динамичными CMS.
Скорость работы
Статичные странички — это то, с чего начиналась Сеть. На сервере находятся файлы HTML, которые тот без лишних телодвижений отдает по запросу клиента. Так быстро, насколько это вообще возможно.
В случае динамичных веб-ресурсов, генерирующих HTML на лету, на стороне сервера произойдет такая длинная цепочка действий. Веб-сервер получит определенный запрос, выполнит необходимый кусок кода (Python, Perl, PHP, Ruby), который обратится к БД и сформирует гипертекстовую страничку, чтобы веб-сервер ее вернул клиенту.
Если что-либо в этой цепи сломается, пользователь просто не получит долгожданную страничку. Так мы переходим к еще одному преимуществу.
Надежность
Чем система проще, тем она надежнее. В случае с современными статичными сайтами нет потребности в дополнительных компонентах (MySQL и PHP).
Если ваш портал вырастет в будущем, то вам не надо будет беспокоиться о смене тарифа из-за разросшейся БД. И сайт не будет открываться через раз, поскольку PHP начал отъедать слишком много памяти. Вам не надо будет бояться каждого нового обновления на стороне хостинг провайдера и неприятных сюрпризов.
Безопасность
Описываемое решение также почти свободно от проблем с безопасностью. Тогда как Сеть буквально кишит новостями о различных уязвимостях динамических CMS. На минуту, 79% всех порталов на основе WordPress хорошо уязвимы для известных «иксплоитов».
Статичные интернет-ресурсы, напротив, не боятся различных SQL-инъекций, а также попыток хакеров обнаружить уязвимости в самом коде веб-приложений. Вам не надо заботиться об установке специальных патчей безопасности.
Дешевизна хостинга
Для того, чтобы хостить статичные веб-ресурсы вам не нужен дорогостоящий хостинг в Европе. Github Pages, напрример, позволяет бесплатно размещать статичные странички.
Amazon S3 будет стоить приблизительно от 30 центов до пары долларов в месяц в зависимости от вашего трафика. В случае если вы клиент DigitalOcean, вам точно хватит и минимального тарифа стоимостью 5 долларов в месяц.
Простое резервное копирование
Исходные файлы (шаблон, текст, картинки) статичного сайта очень комфортно хранить в каком-то git-репозитории, где отслеживаются все сделанные когда-либо изменения.
Если придется сменить хостинг в Украине — а такое случается в жизни каждого веб-мастера — перенос сайта не составит проблем. Достаточно только залить папки с файлами HTML на новый сервер. Никаких вам дампа БД и последующего воссоздания, а также настройки PHP, MySQL.
Загружаем вордпресс на хостинг
Возвращаемся в таймвеб.
Залить архив можно тремя способами.
- Через фтп-клиент
- Простым перетаскиванием архива в Таймвеб
- С помощью кнопки «Загрузить» в Таймве.
Выбираем последние 2 способа, так как в данный момент это легче.
Переходим в «Файловый менеджер». У нас есть одна папка с названием «Public_html». Сюда и будем заливать архив. На скриншоте представлены файлы уже внутри этой папки.
Как перенести вордпресс на хостинг? Технологии идут вперед. Поэтому просто перетаскиваем архив с wordpress в файловый менеджер. Так же как мы бы перетаскивали файлы на своем компе между папками.
Хостинг спросит следует ли распаковать архив после загрузки. Нажимаем «Да». Это удобно и экономит время.
Загрузка файлов займет какое-то время. Чем быстрее у вас скорость интернета на отдачу, тем быстрее.
Если все прошло хорошо, то в файловом менеджере появится папка WordPress.
Сделаем один пируэт. Чтобы хостинг понимал лучше, где лежит сайт, и чтобы нам пришлось меньше его настраивать, переходим в папку WordPress. Нажимаем на верхнюю папку, скролим мышкой вниз, нажимаем кнопку Shift на клавиатуре, а затем – на последний файл. Тем самым, мы выберем все внутренние папки и файлы. К слову, все файлы будут отмечены желтым цветом.
Далее нажимаем на ссылку «Правка» и выбираем «Вырезать». Возвращаемся на уровень выше в папку Public_html. «Правка» -> «Вставить».
Колесико крутится, файлы скопировались.
Теперь удаляем папку «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. Если необходимо установить его вручную, войдите в 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. Удачи вам, и изучите все это перед тем, как сделать сайт на вордпресс!
Как правильно перенести сайт на wordpress?
Как правильно переносить сайт? (TL;DR)
Надо использовать программные средства, специально предназначенные для этого. Упомянутые ниже программы корректно работают с сериализованными данными, пересчитывая длину строк.
Самым простым и автоматизированным решением лично мне представляется плагин Duplicator, который снимает копию локального сайта, предоставляет для скачивания 2 файла: .zip и installer.php, которые надо перенести на новый сервер и там запустить installer.php. Все остальное плагин проделает автоматически. В большинстве случаев имеет смысл переносить только базу с помощью этого плагина, а файлы копировать по FTP.
Скрипт Database Search and Replace поможет корректно внести изменения в базу. Для этого пользователь должен, правда, понимать, что он делает, знать, например, какие пути на старом сайте и какие — на новом.
Плагин WP Migrate DB позволяет корректно подготовить базу для миграции. Для завершения процесса пользователь должен использовать phpMyAdmin для импорта базы на новом сервере.
Интерфейс командной строки для WordPress (WP-CLI) позволяет конвертировать базу одной командой. Например, для конвертации http://site.ru
в https://site.org
:
wp search-replace --url=http://site.ru http://site.ru https://site.org --recurse-objects --report-changed-only --precise --skip-columns=guid --skip-tables=wp_users --skip-plugins --skip-themes
С мультисайтом ситуация несколько сложнее. Плагины Duplicator и All-in-One WP Migration переносят их только в платной версии.
Мне неизвестны бесплатные плагины для переноса мультисайтов. Если хочется сделать перенос мультисайта бесплатно, то можно скопировать базу, а потом воспользоваться Database Search and Replace.
Причины проблем при переносе
В первую очередь проблемы возникают потому, что все ссылки в базе WordPress хранятся как абсолютные. Например, ссылка на иконку сайта выглядит примерно так:
http://mysite.com/wp-content/uploads/2022/01/cropped-test-favicon.png
Для правильной работы сайта на новом домене (например, https://newsite.org
) ссылка в базе должна измениться на
https://newsite.org/wp-content/uploads/2022/01/cropped-test-favicon.png
Обратите внимание на то, что даже при простом переводе сайта с http
на https
, все ссылки внутри базы надо менять!
За использованием абсолютных ссылок в WordPress лежат серьезные доводы. Почитайте этот ответ на английском StackOverflow, в котором даны объяснения. В том числе, приведено мнение одного из ведущих разработчиков WordPress. Единственная проблема, которая возникает при использовании абсолютных ссылок — перенос сайтов. Однако перенос сайта с относительными ссылками в общем случае ещё более проблематичен. В упомянутом ответе это тоже обсуждается.
Вторая причина проблем при переносе — сериализованные данные в базе. Все современные плагины (включая WooCommerce, слайдеры, различные визуальные редакторы типа Visual Composer), темы — хранят данные в базе в сериализованном виде. Это упакованные в строки массивы и объекты. Несколько примеров:
Информация о последнем отредактированном файле из темы twentyseventeen:
(39, 'recently_edited', 'a:3:{i:0;s:46:"/var/www/test/wp-content/themes/test/style.css";i:2;s:50:"/var/www/test/wp-content/themes/test/functions.php";i:3;s:0:"";}', 'no'),
Данные Jetpack
(5104, 'jpsq_sync-1494597052.351881-573008-5', 'a:6:{i:0;s:21:"jetpack_sync_constant";i:1;a:2:{i:0;s:7:"ABSPATH";i:1;s:14:"/var/www/test/";}i:2;i:1;i:3;d:1494597052.351856;i:4;b:0;i:5;a:9:{s:12:"display_name";s:4:"kagg";s:10:"user_email";s:12:"info@kagg.eu";s:2:"ip";s:14:"87.110.237.209";s:7:"is_cron";b:0;s:11:"is_wp_admin";b:1;s:7:"is_rest";b:0;s:9:"is_xmlrpc";b:0;s:10:"is_wp_rest";b:0;s:7:"is_ajax";b:0;}}', 'no'),
Данные популярного плагина бэкапа сайтов BackWPUp
(5884, 'backwpup_jobs', 'a:1:{i:1;a:32:{s:5:"jobid";i:1;s:10:"backuptype";s:7:"archive";s:4:"type";a:3:{i:0;s:6:"DBDUMP";i:1;s:4:"FILE";i:2;s:8:"WPPLUGIN";}s:12:"destinations";a:1:{i:0;s:6:"FOLDER";}s:4:"name";s:15:"Database backup";s:14:"mailaddresslog";s:12:"info@kagg.eu";s:20:"mailaddresssenderlog";s:28:"BackWPup test <info@kagg.eu>";s:13:"mailerroronly";b:1;s:13:"archiveformat";s:4:".zip";s:11:"archivename";s:24:"%Y-%m-%d_%H-%i-%s_%hash%";s:11:"fileexclude";s:51:".DS_Store,.git,.svn,.tmp,/node_modules/,desktop.ini";s:10:"dirinclude";s:0:"";s:19:"backupexcludethumbs";b:0;s:18:"backupspecialfiles";b:1;s:10:"backuproot";b:0;s:17:"backupabsfolderup";b:0;s:13:"backupcontent";b:0;s:13:"backupplugins";b:0;s:12:"backupthemes";b:0;s:13:"backupuploads";b:0;s:21:"backuprootexcludedirs";a:0:{}s:24:"backupcontentexcludedirs";a:1:{i:0;s:7:"upgrade";}s:24:"backuppluginsexcludedirs";a:1:{i:0;s:8:"backwpup";}s:23:"backupthemesexcludedirs";a:0:{}s:24:"backupuploadsexcludedirs";a:0:{}s:9:"backupdir";s:32:"uploads/backwpup-a34fdc-backups/";s:10:"maxbackups";i:7;s:18:"backupsyncnodelete";b:0;s:7:"lastrun";d:1510222228;s:7:"logfile";s:98:"/var/www/test/wp-content/uploads/backwpup-a34fdc-logs/backwpup_log_a34fdc_2022-11-09_10-10-28.html";s:21:"lastbackupdownloadurl";s:129:"http://test.kagg.eu/wp-admin/admin.php?page=backwpupbackups&action=downloadfolder&file=2022-11-09_10-10-28_SKRU7XDQ01.zip&jobid=1";s:11:"lastruntime";d:1;}}', 'no'),
во всех примерах можно найти путь к папке сайта на сервере: /var/www/test/
.
Вот пример сохраненных настроек из очень популярного SEO-плагина Yoast
(291, 2, 'wp_yoast_notifications', 'a:3:{i:0;a:2:{s:7:"message";s:309:"The configuration wizard helps you to easily configure your site to have the optimal SEO settings.<br/>We have detected that you have not finished this wizard yet, so we recommend you to <a href="http://test.kagg.eu/wp-admin/?page=wpseo_configurator">start the configuration wizard to configure Yoast SEO</a>.";s:7:"options";a:8:{s:4:"type";s:7:"warning";s:2:"id";s:31:"wpseo-dismiss-onboarding-notice";s:5:"nonce";N;s:8:"priority";d:0.80000000000000004;s:9:"data_json";a:0:{}s:13:"dismissal_key";N;s:12:"capabilities";s:14:"manage_options";s:16:"capability_check";s:3:"all";}}i:1;a:2:{s:7:"message";s:768:"We've noticed you've been using Yoast SEO for some time now; we hope you love it! We'd be thrilled if you could <a href="https://yoa.st/rate-yoast-seo?utm_content=4.8">give us a 5 stars rating on WordPress.org</a>!nnIf you are experiencing issues, <a href="https://yoa.st/bugreport?utm_content=4.8">please file a bug report</a> and we'll do our best to help you out.nnBy the way, did you know we also have a <a href='https://yoa.st/premium-notification?utm_content=4.8'>Premium plugin</a>? It offers advanced features, like a redirect manager and support for multiple keywords. It also comes with 24/7 personal support.nn<a class="button" href="http://test.kagg.eu/wp-admin/?page=wpseo_dashboard&yoast_dismiss=upsell">Please don't show me this notification anymore</a>";s:7:"options";a:8:{s:4:"type";s:7:"warning";s:2:"id";s:19:"wpseo-upsell-notice";s:5:"nonce";N;s:8:"priority";d:0.80000000000000004;s:9:"data_json";a:0:{}s:13:"dismissal_key";N;s:12:"capabilities";s:14:"manage_options";s:16:"capability_check";s:3:"all";}}i:2;a:2:{s:7:"message";s:162:"Don't miss your crawl errors: <a href="http://test.kagg.eu/wp-admin/admin.php?page=wpseo_search_console&tab=settings">connect with Google Search Console here</a>.";s:7:"options";a:8:{s:4:"type";s:7:"warning";s:2:"id";s:17:"wpseo-dismiss-gsc";s:5:"nonce";N;s:8:"priority";d:0.5;s:9:"data_json";a:0:{}s:13:"dismissal_key";N;s:12:"capabilities";s:14:"manage_options";s:16:"capability_check";s:3:"all";}}}'),
Здесь мы видим в сериализованных данных строку с упоминанием домена: href="http://test.kagg.eu/wp-admin/?page=wpseo_configurator"
. Она мало того, что сериализована, да ещё и экранирована ("
).
Третья причина — наличие в базе путей к файлам. Они могут быть не только от корня WordPress, но и от домашнего каталога пользователя хостинг-аккаунта или даже от корня веб-сервера (некоторые плагины так делают). Пути могут быть представлены как обычными строками, так и сериализованными данными (первый пример выше). При переносе на другой хостинг их тоже надо менять.
Что произойдет, если просто перекинуть базу как есть на новый сервер? Очевидно, перестанут работать вещи, связанные с путями к файлам и ссылками, содержащими предыдущий домен.
Что надо делать? Очевидно, менять пути к файлам на новые и имя домена в базе. Вопрос, как. Совершенно непригодны три плохих совета, которые часто можно встретить:
Заменить в базе в таблице
wp_options
записи coption_name
=siteurl
иhome
на новое имя домена. Работает только на самых примитивных сайтах.Сделать дамп базы в файл .sql, и провести текстовые замены путей и домена, затем залить базу на новый сервер. Это прямой путь к разрушению базы. Сериализованные данные при этом будут безнадежно испорчены.
Послать несколько SQL-запросов, которые произведут замену домена. То же самое, что и выше — это прямой путь к разрушению базы. Сериализованные данные будут безнадежно испорчены.
Рассмотрим первый пример выше с сериализованными данными. После текстовой замены /var/www/test/
на, скажем, /home/i/account-name/site-name.org/public_html
(как на одном популярном хостинге), из строки
s:46:"/var/www/test/wp-content/themes/test/style.css"
получится строка
s:46:"/home/i/account-name/site-name.org/public_html/wp-content/themes/test/style.css"
Только ее длина уже ни разу не 46 символов, и WordPress не сможет прочитать эти сериализованные данные из базы.
Таким образом, все три «популярных» совета надо признать вредными.
Как установить wordpress: проблемы и ошибки при установке
В последнее время мне пришлось много раз устанавливать WordPress – несколько знакомых делали блоги и попросили помощи в установке, плюс пара клиентов, и несколько новых блогов для себя.
Хотя обычно наш любимый движок устанавливается легко и быстро, но иногда процесс установки не проходит так гладко, как хотелось бы. Устанавливая скрипт множество раз и сталкиваясь с ошибками установки, я смогла выделить типичные.
Попытаюсь проанализировать их в этом посте.
- Главная – это, конечно же, неправильная кодировка баз данных.
Проявляется она кракозябрами на странице. Узнайте кодировку, которая установлена на сервере хостера по умолчанию. Обычно это win-1251, но может быть и utf8.
Чтобы у вас не возникло этой проблемы, после создания базы данных не спешите устанавливать WordPress — вместо этого откройте phpMyAdmin.Дальше вам нужно выбрать базу данных и если таблиц в базе еще не создано, о чем говорит сообщение: «Таблиц в базе данных не обнаружено», перейти на страницу phpMyAdmin и в окошке «Сопоставление соединения с MySQL» выбрать кодировку для сравнения.
Если на сервере кодировка по умолчанию win-1251 – выбираете «utf8_general_ci».
Если кодировка UTF-8, то сравнение в базе данных нужно выбрать UTF-8_unicode_ci.
Если же таблицы в базе уже есть, найдите их список и обратите внимание на самую нижнюю строчку «Таблиц всего:» и «Сравнение». Проверьте, чтобы оно было выбрано правильно, так, как описано выше.
Если сравнение выбрано неправильно, переходим на вкладку «Операции».
Внизу вы увидите выпадающий список «Сравнение», где нужно выбрать нужное вам сравнение. После этого жмем «ОК».
Проверьте, также, чтобы все файлы вашей темы были в кодировке utf8. Для этого нужен блокнот Notepad2 – обычный блокнот не дает возможности исправить кодировку. - При запуске инсталляционного файла скрипт выдает сообщение «Error establishing a database connection».
Это значит, что недоступна база данных (mysql не отвечает). В таком случае, проверьте, чтобы название базы данных, логин и пароль в файле cоnfig.php совпадали с таковыми в созданной вами базе. Далее перезагрузите страницу, возможно это придется сделать несколько раз. Если не поможет – пишите хостеру.
Самостоятельно с этим не справиться. - После закачки и попытки начать установку по адресу http://mydomain.com/wp-admin/install.php открывается пустая страница. При попытке открыть http://mydomain.com/index.php та же картина.
Проверьте, верно ли вы загрузили файлы. В тот ли каталог? Создайте в папке с вашим сайтом файл index.html – он, обычно, загружается без всяких проблем. То есть добейтись, чтобы отображалась хоть какая-нибудь тестовая страница. Если не получится, то лучше обратиться к хостеру, он скажет что-то конкретное. - Установка проходит нормально, но не удается настроить ЧПУ или вообще загружается одна Главная страница, а остальные нет.
Создайте в корне сайта файл .htaccess и установите на него права 777, скрипт сам запишет в него то, что ему нужно для работы ЧПУ. Или самостоятельно вставьте в этот файл следующий код: - На сайте или в админке вылазят ошибки, такого типа:
Warning: Cannot modify header information — headers already sent by
Или вообще отображаются одни ошибки и ничего больше.
Лечить так:
Найти файл wp-config.php (в корне сайта), открыть его нормальным текстовым редактором, (например Notepad2 — http://www.flos-freeware.ch), выбрать:
Файл — Сохранить как — Кодировка UTF-8 (а не UTF-8 с сигнатурой).
И нажать «Сохранить».
Такие ошибки также могут появляться, если в этом файле код начинается не с первой строки – тогда, соответственно, убираем пустую строку.
Это, конечно, не все ошибки, появляющиеся при установке, просто наиболее часто встречающиеся.
Искренне надеюсь, что эта информация вам не пригодится.
P.S. Пост перенесен с http://wordpressru.blogspot.com/
Конструктор wpbakery
WPBakery не первый конструктор контента на Вордпресс. Но он первым получил очень широкую известность. Его принцип – это визуальное редактирование и создание блоков контента налету.
Конечно, по удобству и интерфейсу он не идет ни в какое сравнение с Тильдой, удобным и красивым конструктором сайтов. Тем не менее, что касается работы с Вордпресс, при определенных навыках реально создать поистине красивые и функциональные веб-ресурсы.
Идет 2 в 1. Как Backend Editor, то есть редактор как бы внутри админки. Выглядит вот так
А еще есть Frontend-редактор. То есть изменение контента происходит непосредственно в браузере. Вот как выглядит
К сожалению, в виду некоторые технических особенностей, они не будут очень быстрыми. Но приемлемой скорости все же добиться реально.
Настройка шаблона
Загружаемый и активируемый шаблон имеет собственные настройки, с которыми можно работать. Тут есть несколько разделов, на которые стоит обратить внимание, чтобы создать блог на WordPress максимально органичным, доступным и привлекательным:
- Title, Tagline, Logo. Здесь вы загружаете картинку-логотип вебсайта, указываете название и описание ресурса;
- Main Slider. Настройка слайдера на сайте, который будет показывать промо товаров, услуг и прочего (при наличии). Этот функционал лучше оставить на потом — он перегружает сайт и будет сложен для понимания новичками;
- Design & Layout. Тут настраивается внешний вид страниц: порядок расположения записей, ширина сайдбара (и возможность его отключения), наполнение футера и так далее;
- Google Web Fonts. Здесь можно загрузить шрифты из сервиса Google;
- Social Icons. Здесь вы можете указать ссылки на ваши страницы в социальных сетях, чтобы пользователи могли с вами контактировать.
Также через настройки шаблона можно указать путь к картинке для заголовка, фоновое изображение и многое другое. Какие-то пункты могут отсутствовать или наоборот. Но в целом структура настройки дизайна везде схожая.
Также стоит отметить, что создание сайта на Вордпресс в дизайнерском плане предполагает настройку виджетов — отдельных функциональных блоков. Но с ними стоит работать не из меню шаблона, а непосредственно в панели WP. Для этого перейдите в раздел «Внешний вид — Виджеты».
В левой части экрана располагаются доступные виджеты, которые можно «схватить» курсором и перенести в нужную часть сайта: футер, сайдбар и пр. Виджеты бывают самыми разными:
- поиск по сайту;
- поле тегов;
- календарь;
- каталог;
- контакты и пр.
После настройки сохраните все изменения. Помните, что не стоит перегружать дизайн данными элементами. Они не только увеличивают «вес» вебсайта, из-за чего он дольше загружается, но и мешают пользователям ориентироваться на странице. Многие виджеты сегодня попросту не актуальны, поскольку используются крайне редко (например, «Календарь»).
Далее переходим к настройке меню сайта: «Внешний вид — Меню». Здесь стоит работать по следующей схеме:
- нажать «Создать меню»;
- добавить в меню страницы верхнего уровня;
- указать текст ссылки, который будет отображаться;
- выбрать в настройках пункт, по которому CMS автоматически будет добавлять в меню новые страницы верхнего уровня;
- выбрать области темы, где будет показываться ваше меню.
Недостатки
Несмотря на многие положительные моменты программы, у CMS есть и минусы.
Много сторонних программ. Множество плагинов и тем WordPress созданы сторонними разработчиками, и в них могут быть ошибки. Перед тем как устанавливать новое дополнение, почитайте отзывы, спросите у сообщества мнение по поводу плагина или темы.
Загрузка страницы может занимать много времени. Большое количество плагинов влияет на загрузку страницы. Однако установка плагина кэширования обычно решает эту проблему.
Несовместимость обновлений и плагинов. Большой выбор плагинов — это не только плюс WordPress, но и настоящая боль. Некоторые плагины и их обновления могут вызывать различные баги (ошибки). Ошибки могут возникнуть и из-за обновлений самого Вордпресса.
Бывают проблемы с безопасностью. Так как программа распространяется с открытым исходным кодом, злоумышленникам проще найти уязвимости. Также подозрительные плагины могут вызывать вирусы. Разработчики WordPress борются с этой проблемой. Они регулярно выпускают патчи, чтобы усилить защиту системы. Также есть много эффективных плагинов, которые также защищают сайт.
Отсутствует техподдержка. Отсутствие технической поддержки может создать некоторые трудности. Изучать интерфейс и разбираться с проблемами нужно будет самостоятельно. Однако у WordPress очень активное сообщество, поэтому найти решение проблемы можно там.
Не синхронизируется с 1C. Внутри программы нет инструментом для работы с 1С. Если всё-таки это нужно сделать, придётся приглашать программистов для работы с кодом. Однако это сложная задача даже для специалистов.
Предустановленные
Предустановленные бесплатные темы находятся в разделе «Внешний вид» -> «Темы»
Темы называются по годам их выхода:
- Twenty nineteen (2022)
- Twenty twenty (2020)
- Twenty Twenty One (2021)
По умолчанию активна последняя (2021). Она содержит в себе все новшества и максимально связана с редактором контента Guttenberg ( о нем чуть ниже).
Но в любой момент мы можем поменять одну тему на другую. При этом весь уже внесенный нами контент сохранится. Чтобы сделать это, нужно навести мышкой на другой шаблон и нажать на кнопку «Активировать»
Посмотрите как изменился внешний, выйдя из админки.
Преимущества
Бесплатная платформа. CMS WordPress полностью бесплатна. Вы платите только за домен и хостинг (или VPS), где будут храниться файлы вашего сайта. Программное обеспечение и плагины чаще всего тоже бесплатные.
Открытый исходный код. Вам не нужно будет платить за программное обеспечение WordPress.
Простая установка. Настройка происходит в пару кликов. Если выйдут новые обновления, программа сама сообщит о них и предложит обновиться.
Лёгкость в управлении. Вам не нужны знания программирования для таких ежедневных задач, как написание и редактирование публикаций, загрузка и редактирование изображений, установка плагинов.
Понятный интерфейс. Достаточно посмотреть на название кнопки и сразу станет понятно, что можно сделать с её помощью.
Готовые темы для разных сайтов. Внутри CMS есть множество бесплатных шаблонов для разных типов ресурсов (корпоративных, блоговых, новостных). Неважно, делаете ли вы портфолио для фотографа или сайт медицинской компании. Шаблоны найдутся для любого бизнеса.
Гибкие настройки сайта. Владельцам сайтов на Вордпресс доступны десятки плагинов, которые могут решать любые технические задачи и расширять функциональность веб-страницы.
SEO-направленность CMS. Работа над SEO очень важна для современного бизнеса. WP готов к такому запросу разработчиков. Уже есть плагины (например, Yoast SEO), которые помогают продвигать сайт. С их помощью можно ставить метатеги, делать xml-карты и размещать ключевые слова в пару кликов.
Автоматическая адаптация под разные устройства. Сейчас важно, чтобы сайт не терял своей красоты и удобства при работе на мобильных устройствах. Движок WordPress сразу генерирует внешний вид на любом устройстве. В процессе работы над дизайном вы всегда можете перейти в режим мобильного устройства и посмотреть, как в этой версии будут видеть сайт пользователи.
Поддержка со стороны многих хостинг-провайдеров. Хостинг — важная часть сайта. На нём хранятся все файлы ресурса. WP «дружит» со всеми крупными хостинг-провайдерами, поэтому вы можете выбрать любую понравившуюся компанию.
Большое сообщество. Пользователей WordPress очень много, и они постоянно обмениваются находками на официальном форуме. Если вы чего-то не знаете или у вас есть какие-то проблемы, вы быстро сможете найти решение.
Проблема 2. при добавлении записи не отображается визуальный редактор wordpress
Вообще, эта ерунда может быть симптомом очень множества разных проблем. У кого-то просто на собственного пользователя редактор оказался отключён, кого-то спасает обновление файлов WordPress на хостинге. Вариантов много, но если вы видите такое:
Ключевая фраза: «Вы редактируете страницу, на которой отображаются свежие записи».
Это 99,99% симптом проблемы с автоинкрементом таблиц. Точнее, с его отсутствием. Описание этой проблемы я нашёл в единственном месте в интернете, вот тут. Там же подробнее описаны симптомы и метод лечения, если у вас такое уже давно, но вы никак не нашли способа решения.
Типы контента
В WordPress есть страницы, а есть записи. Первые предназначены для важной и почти неизменяемой информации. Например, список услуг, контакты, информация о доставке.
А вторые — для статей, блога, новостей, публикаций.
У страниц могут быть главные страницы и вложенные в них. Например, «Услуги». В них могут входить «Торты на заказ», «Пироги», «Пирожки».
У записей тоже может быть вложенность (или иерархия). Они в свою очередь распределяются по рубрикам.
Если вы начнете создавать записи, но не придумаете рубрик, то все статьи попадут в категорию «без рубрики». Поэтому желательно изначально продумать в рамках каких рубрик вы будете создавать записи. Конечно, потом рубрики можно изменить, удалить, добавить.
На странице создания рубрики для SEO важно заполнить все поля. Название, ярлык (адрес рубрики, лучше писать латиницей), описание.
В описании пишем своими словами, о чем будет эта категория статей.
Если мы перейдем в раздел «Страницы», то интерфейс будет немного отличаться. Здесь мы можем сразу создать страницу. И увидеть перечень уже существующих. По умолчанию WordPress создает «Пример страницы» и «Политику конфиденциальности» (кстати, говоря, она должна у вас быть по закону, если вы собираете персональные данные пользователей).
Установка сертификата безопасности
Сертификаты безопасности нужны, чтобы шифровать данные, которые передаются от пользователя сайту и обратно. Существуют платные и бесплатный. Зачастую бесплатного достаточно, чтобы получить заветный знак замочка в браузере.
Сейчас поисковики все чаще не пускают пользователей на сайт, где нет SSL. Его отсутствие так же негативно сказывается на позициях в выдаче, то есть на SEO.
К счастью, Timeweb предлагает и платные, и бесплатный варианты.
Переходим в панель управления хостингом в раздел «SSL-сертификаты». А далее нажимаем на ссылку «Заказать».
На следующей странице выбираем бесплатный сертификат Lets Encrypt (1).
Затем указываем домен, для которого заказываем его (2).
Выключаем его настройку за 50 рублей (3).
Соглашаемся на обработку данных (4).
На странице SSL-сертификатов поменяется статус. Появится название домена и информация заказе сертификата.
Спустя непродолжительное время статус поменяется на «Установлен».