Coma Web Development разрабатывает сайты на WordPress c 2010 года. В блоге мы делимся некоторыми наблюдениями из жизни, советами и рекомендациями для тех, кто решит сделать сайт на WordPress самостоятельно.

pexels-photo-29746

Как ограничить число попыток входа в WordPress

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

Видео урок

Если вам не понравилось видео, читайте дальше.

Зачем нужно ставить ограничение на попытки входа в WordPress?

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

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

Если кто-то делает более пяти неудачных попыток, то ваш сайт блокирует его IP на определенный период времени, основываясь на ваших настройках. Это может быть 5 минут, 15 минут, 24 часа или еще дольше.

lockedoutlogin

Как ограничить число попыток входа в WordPress?

Для начала вам нужно установить и активировать плагин Login LockDown. Активировав его, зайдите на страницу Settings > Login LockDown, чтобы задать настройки плагина.

loginlockdown-settings

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

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

Плагин будет разрешать вводить неограниченное число неправильных имен пользователя. Нажмите на “yes” под опцией “lockout invalid usernames”, чтобы это запретить.

По умолчанию WordPress дает пользователю знать, если он ввел неправильное имя пользователя или пароль. Вы можете спрятать это оповещение, нажав на “yes” под опцией “mask login errors”.

Не забудьте нажать на кнопку “update settings”, чтобы сохранить изменения.

Pro tip

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

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

Нет на 100% защищенных сайтов, так как хакеры всегда находят новые способы обойти систему. Именно поэтому крайне важно все время сохранять полные резервные копии вашего сайта WordPress. Мы рекомендуем плагин BackupBuddy. Вот список лучших плагинов для резервных копий WordPress.

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

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


apple-desk-office-working-8841

Как перенести WordPress с локального сервера на вебсайт

Использование локального сервера может ускорить процесс разработки сайта WordPress. Мы уже показывали вам, как установить WordPress для Windows, используя WAMP, и для Mac, используя MAMP. Когда вы закончили разработку на локальном сервере, следующий шаг – запустить сайт онлайн. В этой статье мы покажем, как перенести WordPress с локального сервера в интернет. Используя этот метод, вы сможете мигрировать весь свой контент (посты, страницы, изображения и т.д.), темы и плагины с локального сервера на вебсайт.

Прежде чем начать, мы должны признаться, что миграцию с локального сервера могут значительно облегчить два плагина: BackupBuddy и Duplicator. В этой статье мы покажем как мануально перенести WordPress с локального сервера, чтобы вы смогли понять весь процесс. Однако чтобы сделать его легче для повседневной работы, мы используем BackupBuddy.

Предварительно

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

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

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

Шаг 1: Экспорт локальной базы данных WordPress

Первым делом вам нужно экспортировать локальную базу данных WordPress. Чтобы сделать это, мы воспользуемся phpMyAdmin. Если вы с ним не знакомы, то можете прочитать нашу инструкцию о том, как управлять базой данных WordPress, используя phpMyAdmin. Просто зайдите на http://localhost/phpmyadmin/ и нажмите на базу данных WordPress. Затем нажмите на кнопку Export в верхнем меню.

export-tab-phpmyadmin

В Export Method выберите опцию custom, что даст вам больше возможностей экспорта. Выберите все таблицы для экспорта и gzipped для сжатия. Спуститесь в низ страницы и нажмите кнопку Go, чтобы скачать вашу базу данных.

Шаг 2: Загрузка файлов WordPress на вебсайт

Теперь откройте FTP-клиент и подключитесь к вашему сайту. Когда подключитесь, убедитесь, что загружаете файлы в правильную директорию. Например, если вы хотите разместить свой сайт на yoursite.com, то надо загружать все файлы в директорию public_html.

uploadingwordpress

Теперь выберите файлы локального WordPress и загрузите на онлайн сервер.

Шаг 3: Создание базы данных MySQL на вебсайте

Пока ваш FTP-клиент загружает файлы WordPress, вы можете импортировать вашу базу данных на онлайн сервер. Большинство хостинг провайдеров WordPress предоставляют cPanel для управления вашим хостинг аккаунтом, поэтому мы покажем, как создать базу данных, используя cPanel. Зайдите в панель управления cPanel и нажмите на иконку MySQL databases, которая находится в разделе базы данных.

createdatabasecpanel

В следующем окне введите название вашей новой базы данных.

createnewdb3

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

newdbuser1

Шаг 4: Импорт базы данных WordPress на вебсайт

Следующий шаг в этом процессе – импорт базы данных WordPress. Зайдите в панель управления cPanel, спуститесь вниз к разделу базы данных и нажмите на phpMyAdmin. Таким образом вы попадете к phpMyAdmin, где потребуется нажать на базу данных, которую вы только что создали. PhpMyAdmin покажет вам новую базу данных без таблиц. Нажмите на вкладку Import в верхнем меню. На следующей странице нажмите на кнопку “choose file” и затем выберите gzipped файл базы данных, который вы сохранили ранее. И наконец нажмите на кнопку Go в низу страницы. Теперь phpMyAdmin импортирует вашу базу данных WordPress.

importingdb2

Шаг 5: Изменение URL

Чтобы настроить ваш сайт онлайн, вам нужно поменять его URL. В своем phpMyAdmin, найдите таблицу wp_options в базе данных, которую мы только что импортировали. Если вы поменяли префикс вашей базы данных, то вместо wp_options это может быть {prefix}_options.

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

wpoptionsbrowse

Под полем options_name вам нужно найти siteurl. Нажмите на иконку Edit Field, которая находится слева в начале строки.

editsiteurlphpmyadmin

Когда нажмете на Edit Field, появится новое окно. В поле input для option_value вы увидите URL вашей локальной установки, выглядеть это будет примерно так: http://localhost/test. Внимательно введите ваш новый URL в это поле, например: https://coma.lv/

Сохраните изменения, нажав кнопку Go.

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

Обновите URL home – он должен быть идентичен вашему siteurl.

Шаг 6: Настройка вашего вебсайта

Теперь, когда вы импортировали базу данных, и весь ваш контент загружен, пришло время настроить WordPress. На данном этапе ваш сайт должен показывать ошибку соединения с базой данных. Чтобы исправить это, подключитесь к вашему сайту через Ftp-клиент и отредактируйте файл wp-config.php. Введите название базы данных, пользователя и пароль, который вы создали ранее. Сохраните файл wp-config.php и загрузите его обратно на ваш сервер. Зайдите на свой сайт – теперь все должно работать.

Войдите в панель администратора WordPress и выберите на Settings > General. Нажмите на Save Options. Таким образом вы обновите url сайта везде, где это необходимо.

Затем зайдите в Settings > Permalink и нажмите на Save, чтобы убедиться, что все ссылки исправно работают.

Шаг 7: Обновление путей для исправления неработающих ссылок и изображений

При миграции WordPress с одного домена на другой или с локального сервера на вебсайт вы столкнетесь с такой проблемой как неработающие ссылки и изображения. В этом случае вы можете воспользоваться запросом SQL или плагином Velvet Blues для WordPress.

Если вы хотите использовать SQL, вот простой SQL-запрос, который должен исправить проблему:

UPDATE wp_posts SET post_content = REPLACE(post_content, 'localhost/test/', 'www.yourlivesite.com/');

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

wpfiximageurls

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

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


pexels-photo-94902

Как сделать надежные пароли обязательными на вашем сайте

Мы уже давно заметили, что некоторые сайты требуют от своих пользователей надежный пароль. Bluehost обязывает своих пользователей иметь сложный пароль для имейла в cPanel. Arstechnica написали отличную статью на тему того, почему пароли сейчас очень слабые, а хакеры – очень сильные. Хотя в WordPress есть измеритель надежности пароля, который показывает пользователю уровень сложности его пароля, надежные пароли не являются обязательными. Если пользователь уровня администратора или редактора использует слабый пароль, безопасность сайта может быть под угрозой. В этой статье мы покажем вам, как сделать надежные пароли обязательными для пользователей WordPress.

Видео урок

Если вам не понравилось видео, читайте далее.

Мы воспользуемся плагином Force Strong Passwords. Этот плагин дублирует JavaScript WordPress, оценивающий надежность пароля, и делает обязательным использование надежного пароля для пользователей, у которых есть исполнительные полномочия.

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

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


wave

Как добавить динамические боковые панели для виджетов?

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

Регистрация боковых панелей и областей для виджетов в WordPress

Первым делом нужно зарегистрировать вашу боковую панель или область для виджетов в вашей теме. Мы можете зарегистрировать несколько таких. Скопируйте и вставьте код в файл вашей темы functions.php.

function wpb_widgets_init() {

	register_sidebar( array(
		'name' => __( 'Main Sidebar', 'wpb' ),
		'id' => 'sidebar-1',
		'description' => __( 'The main sidebar appears on the right on each page except the front page template', 'wpb' ),
		'before_widget' => '
<aside id="%1$s" class="widget %2$s">',
		'after_widget' => '</aside>

',
		'before_title' => '
<h3 class="widget-title">',
		'after_title' => '</h3>

',
	) );

	register_sidebar( array(
		'name' =>__( 'Front page sidebar', 'wpb'),
		'id' => 'sidebar-2',
		'description' => __( 'Appears on the static front page template', 'wpb' ),
		'before_widget' => '
<aside id="%1$s" class="widget %2$s">',
		'after_widget' => '</aside>

',
		'before_title' => '
<h3 class="widget-title">',
		'after_title' => '</h3>

',
	) );
	}

add_action( 'widgets_init', 'wpb_widgets_init' );

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

WordPress

Добавление динамических боковых панелей для виджетов в файлы темы WordPress

Пока что мы лишь зарегистрировал динамические боковые панели. Пользователи могут перенести виджеты на эти боковые панели через Appearance » Widgets. Однако они не появятся на сайте, пока они называют в шаблоне как sidebar.php или по-другому. Чтобы их добавить, отредактируйте файл шаблона и вставьте этот код:

<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>

<div id="secondary" class="widget-area" role="complementary">
	<?php dynamic_sidebar( 'sidebar-1' ); ?>
	</div>

<?php endif; ?>

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

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


запуск-сайта-на-WordPress-1

Как добавить виджет в содержимое страницы WordPress

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

Первым делом вам надо установить и активировать amr shortcode any widget. Как только вы активируете плагин, перейдите в Appearance » Widgets. Далее, перенесите виджеты, которые вы хотите отобразить на странице на боковую панель коротких кодов.

WordPress

Теперь эти виджеты готовы для добавления на страницу. Перейдите в редактор поста и вставьте данный короткий код куда вам угодно: [do_widget widgetname]. Например:

[do_widget calendar]

[do_widget pages]

Если у виджета в имени есть пробел, то вам нужно вставить имя виджета в кавычки:

[do_widget "recent posts"]

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

Решение проблем

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

Она покажет вам отладочную информацию с ID виджетов.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


hide widget titles

Как скрыть заголовки у виджетов в WordPress

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

Первым делом нужно установить и активировать плагин Remove Widget Titles. После перейдите в Appearance » Widgets. Чтобы скрыть заголовок виджета, надо добавить восклицательный знак перед заголовком виджета.

WordPress

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

WordPress

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


pexels-photo-45718

Как сбросить пароли для всех пользователей вашего сайта WordPress

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

Для начала вам нужно установить и активировать плагин Emergency Password Reset. Как только вы активировали плагин, зайдите в Users > Emergency Password Reset и нажмите на кнопку Reset all passwords. Плагин автоматически сбросит все пароли (включая администратора, который запустил переустановку паролей). Он также разошлет имейлы с новыми паролями всем пользователям.

password-reset-all-users

Если по какой-то причине пользователь не получает пароль на имейл, он может с легкостью его восстановить. Все, что ему нужно сделать, это нажать на ссылку Lost your password на странице входа в систему. У нас есть подробная инструкция, как восстановить пароль на WordPress.

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

Как улучшить безопасность входа в систему

Есть множество вещей, которые вы можете сделать, чтобы укрепить безопасность вашего сайта WordPress. Для начала – сделайте надежные пароли обязательными. Также можно добавить дополнительный уровень безопасности, поставив раздел администратора WordPress под пароль. Еще один распространенный прием, который используют хакеры, – запуск скрипта, который пытается взломать пароль WordPress с помощью произвольных паролей. Один из способов помешать большинству (если не всем) подобных атак – поставить ограничение на попытки входа в систему. Вы также можете добавить на ваш сайт двухшаговую верификацию Google Authenticator.
И последнее – начните использовать Sucuri. Вот пять причин, по которым им пользуемся мы.

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


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


виджеты WordPress

Расширение функционала стандартных виджетов WordPress

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

Widgets Reloaded

Just Tadlock создал изумительный плагин под названием Widgets Reloaded, который заменяет многие стандартные виджеты теми версиями, что дают больше контроля. Джастин предоставляет эти виджеты с крайне изменяемыми панелями управления и каждый виджет может быть использован множество раз. На данный момент, сейчас в плагин включено 8 виджетов:

  • Архивы
  • Авторы
  • Закладки
  • Календарь
  • Категории
  • Меню навигации
  • Страницы
  • Поиск
  • Теги

Widget Reloaded — до и после

WordPress

Изначально виджет архивов крайне ограниченный. Можете представить себе 4-летний блог с архивами на боковой панели? Это 48 уродливых ссылок. Если б я не был знаком с программированием, то у меня не оставалось бы выбора, я просто убрал бы виджет. С расширенным виджетом вы можете выбирать ограничение по годам, которое хотите показывать. Вы можете выбрать, что выбирать что показывать, а что не показывать.

WordPress

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

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

Widget Logic

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

WordPress

Допустим у вас есть виджет для недавних постов, но вы не хотите показывать его на всех страницах (особенно на домашней). Так вы можете настроить его, чтобы он показывался лишь на определённых страницах. Обычно домашняя страница показывает 10 недавних постов.

 


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


colorful_flower-wallpaper

Как сделать текстовые виджеты в WordPress более красочным

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

WordPress

Первым делом вам надо установить и активировать плагин Colorful Text Widget. После активации, перейдите в Appearance » Widgets.  Там вы увидите Colorful Text Widget на панели доступных виджетов. Перетащитеin the available widgets panel. Colorful Text Widget на панель область виджетов.

WordPress

Настройки виджета действительно простые. Такие же как и в любом другом текстовом виджете, но здесь есть дополнительная опция — добавить стили для виджета. Сам виджет поставляется с некоторыми встроенными стилями. Скопируйте цветовой стиль, который вы хотите использовать и вставьте его. Вы также можете создавать свои стиле в файле style.css вашей темы.

Если вы не знаете CSS и просто хотите добавить свой цвет, то есть способ попроще. Просто скопируйте и вставьте следующий код в файл темы style.css:

//** Замените фоновые цвета и значения границ своими значениями**//

.ctw-custom {

background-color: #cccccc;
border: 1px solid #1b1b1b;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
color: #000;	

}

Теперь, чтобы использовать стиль, используйте .ctw-custom в опциях виджета Colorful Text Widget. Вы также можете создавать свои множественные стили. Просто скопируйте css, переименуйте .ctw-custom во что-то другое и измените цвет фона и значения границ. Надеемся, эта небольшая статья помогла вам сделать текстовые виджеты более весёлыми и заметными.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520