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

Лучшие новые темы для ресторанов и баров

Сайты баров и ресторанов являются одними из самых распространенных, а, как следствие, соответствующие темы в WordPress можно найти в большом количестве. Специально для высокой кухни создана тема Dine. Они отличается хорошей оптимизацией скорости и в результате очень быстро переходит по страницам. Во встроенный функционал входит система онлайн-бронирования Open Table, система контактов, продовольственные галереи Lightbox.

Sage отлично подойдет для красочных демонстраций мероприятий ресторана и продуктов на сайте. Шаблоны для презентаций позволяют делать их очень разными и визуально совершенными. Весь шаблон отличается чистым дизайном и отличной структурой. Интересными новыми шаблонами стоит также отметить Tavern, The Flavour, Rica, Pronto и другие.

Шаблоны для сайтов фотографов

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

Photographer сосредоточен на фотографии и предлагает на домашней странице посетителям выводить на экран случайные снимки из подборки. Здесь есть вкладки для галерей и видео, которые можно легко настроить. Также имеется портфолио, необходимое любому фотографу, блог, дополнительные панели, интеграция с социальными сетями и подключение к Google Analytics и JQuery.

Для фотостудий, журналов и сайтов съемки отлично подойдет профессиональный шаблон Nextop. Несмотря на богатый функционал, он настраивается в считанные минуты и позволяет найти нужный визуальный стиль, который понравится посетителям. Темплейт заточен на поддержку e-commerce, в частности WooCommerce, что позволит вам облегчить работу над маркетингом сайта и его услуг. Разобраться с работой в WooCommerce можно по инструкции, которую мы публиковали на сайте. Для любителей работы над графикой в темлпейт встроены плагины Master Slider, Contact Form 7, Visual Composer.

Лучшие темы для сайтов по бизнесу

Сайты для бизнеса в Интернете очень многочисленны и востребованы, количество их там очень велико. Хорошей темой для сайта по трудоустройству можно выбрать JobEngine, которая позволяет удобно выкладывать информацию о вакансиях и компаниях, находящихся в поиске сотрудников. Для корпоративного бизнеса отлично подойдет стильный новый шаблон Jevelin, который обладает большим количеством встроенных инструментов и плагинов. Jevelin поддерживает 6 лейаутов для портфолио, многочисленные настройки для e-commerce, возможность удобно оптимизировать вклады для услуг и товаров. Также обратите внимание на шаблоны Sherlock, Apress, Sanabel, Kallyas, Opus, Melinda, которые подойдут для любых видов сайтов для бизнеса.

Темы для сайтов об азартных играх и казино

Игры и казино являются очень популярной темой для блогеров. Особенно популярны сайты, связанные с покером, так как он в последние десятилетия застолбил за собой титул самой популярной карточной игры. Отличной темой для покерного сайта или блога является The Joker. Она подойдет для любых тем, связанных с казино, но идеально сочетается все же с покером. Она имеет большое количество функций, кнопок и элементов дизайна, связанных с покером. Дизайн похож на блоги крупнейших покерных комнат, таких как PokerStars, за счет стандартного прокручивания тем, горизонтального расположения вкладок и разворачивающихся под-вкладок. Также желающие делать блог о карточных играть могут обратить внимание на темплейты Silver Ace, Go Online Poker, Silver Cards.

Шаблоны для персональных блогов

Одна из лучших и новых тем для персонального блоггинга и личных сайтов Type была создана DesignLab и доступна в бесплатной и премиум-версиях. Интерфейс по умолчанию заточен под посты для блогов, однако также подразумевает модификацию под интернет-магазин или e-commerce сайт. В Type очень легко создавать и загружать свои лейауты и хедеры. Этот шаблон поддерживает бразуеры IE 11, Google Chrome, Firefox, а также отличается очень удобным интерфейсом для пользователей смартфонов. Премиальная версия дает возможность работать с большим количеством хедеров, виджетов, даст интеграцию с Google font.

Блогерские темлпейты доступны в очень большом количестве в Интернете. Если планируете создать свой сайт на WordPress, то обратите также внимание на бесплатные и очень удобные шаблоны Blog Way, Unwind, Writee, Everly Lite, Serenti, Magnus, Cenote, Azalea, Cali. Если же вы планируете совместить личный сайт с блогом, то решите, какая CMS подойдет лучше именно для вас – Magento или WordPress.

Интернет глубоко интегрирован в работу нашего мира, работая практически во всех секторах: от образования и политики до бизнеса и здравоохранения.

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

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

Итак, что такое доступность в WordPress?

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

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

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

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

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

Почему вы должны заботиться о доступности WordPress

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

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

Сделать ваш сайт WordPress более доступным

В Руководстве по обеспечению доступности веб-материалов 2.0 (WCAG) представлен широкий спектр идей о доступности. Использование доступных тем WordPress может упростить процесс.

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

Установите плагин доступности WordPress

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

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

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

Цветовой контраст

В мире более 2,7 миллионов дальтоников. Эти люди имеют один из трех типов дальтонизма: полный дальтонизм, двухцветное зрение и плохое цветовое зрение. Чтобы быть уверенным в том, что дизайн вашего сайта работает с цветом или без него, учитывайте соотношение цветов и контрастность.

Используйте высококонтрастные варианты цвета, такие как черный и белый, чтобы сделать ваш сайт более читабельным. WCAG 2.0 рекомендует контрастность 4,5: 1 для основного текста. Если вашему веб-сайту все еще нужно немного больше стиля, вы можете использовать узоры или текстуры для дальнейшего увеличения контраста.

Изображение ALT-текста

Изображение ALT текста описывает внешний вид и функцию изображения на странице.

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

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

Заголовки содержимого

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

Альтернативный текст

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

Явные поля формы

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

Доступные ссылки и меню с клавиатуры

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

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

Тест на доступность WordPress

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

Хотя инициатива доступности веб-сайтов не поддерживает какой-либо конкретный инструмент, вы можете найти список инструментов доступности на их сайте: https://www.w3.org/WAI/ER/tools/. Возьмите пару из них попробовать и посмотрите, как ваш сайт показывается. Расширение Google Chrome, инструмент оценки доступности веб-сайтов (WAVE) — это еще один способ оценки доступности вашего веб-сайта.

Примеры сайтов, хорошо делающих доступность

Есть много сайтов, которые были разработаны с осторожностью и пониманием доступности. Веб-сайт для зимних Олимпийских игр 2018 года в Пхенчхане является примером такого веб-сайта с двумя ошибками и 264 правильно помеченными элементами. Apple делает доступность лучше, получая только одну ошибку WAVE.

Заключительные мысли: доступность WordPress: сделать ваш сайт доступным для всех

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

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

Как вы включаете доступность в свои дизайны сайтов на WordPress? Дайте нам знать об этом в комментариях!

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

Позвольте сначала объяснить сценарий проблемы. Допустим мы размещаем некоторые из моих сайтов WordPress на сервере UpCloud с помощью Server Pilot.

И использовали плагин WPForms для создания расширенных контактных форм. При создании этих форм мы не использовал опцию reCAPTCHA из-за своей лени. Со временем мы столкнемся с атаками спама.

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

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

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

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

• Включили reCAPTCHA. Но продолжали получать спам по электронной почте.
• Удалил встроенную контактную форму со страницы. Но еще продолжали получать письма со спамом.
• Отключил плагин WPForms, который использовался ботами, но спам-сообщения не прекращались.

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

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

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

Позвольте нам показать вам, как это сделать.

Проверка очереди исходящей почты и удаление ее

Сервер Pilot настроенный наWordPress установки с Postfix как Mail Transfer Agent. Поэтому мы собираемся использовать команды, используемые для управления Postfix.

Сначала используйте SSH для входа на ваш сервер. Затем перечислите все сообщения в очереди Postfix с помощью этой команды:

postqueue -p

Вывод должен быть таким:

885911CEEB1    11130 Fri Dec 17 18:31:22  hello@itsfoss.com

(delivery temporarily suspended: host mx.yandex.ru[87.250.250.89] refused to talk to me: 554 5.7.1 Service unavailable; Client host [94.1177.71.114] blocked using spamsource.yandex.ru; Blocked by spam statistics - see http://feedback.yandex.ru/?from=mail-rejects&subject=94.237.81.224)

                                         mastergnoust@yandex.ru

Это был только один из примеров сообщений в моей очереди. Мы сделали не очень точное предположение о количестве писем, застрявших в очереди на сервере с командой wc.

postqueue -p | wc

Это показало, что в очереди было 267000 строк.

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

sudo postsuper -d ALL

postsuper: Deleted: 37465 messages

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

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

Эксперты прогнозируют, что продажи электронной коммерции в праздничные дни вырастут на 16,6% в этом году, так как все больше и больше людей обращают внимание на удобство покупок в Интернете. Установите сцену, добавив немного праздника в свой интернет-магазин, используя эти пять стратегий.

1. Обновите свою тему

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

Чтобы загрузить тему, перейдите на панель инструментов WordPress и выберите «Внешний вид»/«Темы»/«Добавить новую». Нажмите «Загрузить» и установите новую тему. Выберите новый дизайн в качестве активной темы, затем дважды проверьте, что все работает правильно.

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

2. Добавить украшения

Маленькие украшения добавляют ощущение праздника без особых дополнительных усилий с вашей стороны. Например, вы можете использовать плагин Christmas Ball on Branch для WordPress, чтобы добавить анимированные рождественские детали в угол заголовка вашего блога. Базовая версия бесплатна. Если вы хотите больше контроля над тем, где вы размещаете ветку, доступна профессиональная версия, которая добавляет функции.

Christmas Panda делает что-то похожее, но вы можете добавить деревья, Санта, снегопад или всплывающее окно о Рождестве. Это только два из доступных плагинов, которые позволяют очень легко добавлять украшения. Выполните поиск на WordPress.org или через вкладку «Плагины» на панели инструментов, используя слово «Christmas» или «New Year», и вы найдете множество других вариантов.

Установка плагина аналогична установке темы. Перейдите на панель инструментов и нажмите «Плагины». Нажмите «Добавить новый/Загрузить» и установите его из того места, где вы сохранили плагин. Затем вам нужно будет активировать плагин на вкладке Плагины. Каждый плагин имеет свои настройки, поэтому загляните в инструменты или на вкладку «Плагины», чтобы найти настройки для выбранного вами плагина.

3. Воспроизведение музыки

Куда бы вы ни пошли на каникулах, играет музыка. Если вы попали в торговый центр, Jingle Bells играет в динамиках. Если вы обедаете, мягкое воспроизведение Silent Night играет на заднем плане. Радиостанции постоянно слушают всю рождественскую музыку. Добавьте немного настроения музыки на ваш сайт и он поднимет настроение посетителей в покупках.

Один простой способ добавить музыку — с помощью другого плагина под названием Christmas Music. Этот плагин выбирает песню для вас, но также позволяет вашим посетителям отключить звук одним щелчком мыши. Кнопка отключения — это важная функция, которую можно добавить, если кто-то просматривает ваш сайт во время работы или не хочет воспроизводить музыку, потому что его интернет-соединение немного медленное. Если вы хотите добавить более общую музыку, вы можете использовать плагин, такой как Soundy.

WordPress также имеет встроенный аудиоплеер, который вы можете использовать. Просто добавьте .mp3 или .wav файлы, перейдя в Медиафайлы/Добавить новый и загрузив файл. Как только файл загрузится, посмотрите информацию о вложении справа. Выберите «Вставить медиаплеер», а затем «Вставить в пост».

4. Сделай снег

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

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

5. Украсьте свой логотип

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

Временная тема праздника

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

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

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

Почему моя боковая панель падает ниже моего контента?

Причина, по которой ваша боковая панель падает ниже вашего контента, связана с тем, что в вашей теме есть ошибка HTML или CSS.

Как я могу предотвратить падение боковой панели ниже содержимого?

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

Это что-то, что начиналось в последнее время? Это происходит только на определенном посту или на странице? Если ваш ответ «ДА», то для вас следующее исправление.

Просмотрите все, что вы недавно изменили. Вы добавили плагин? Сделали какие-либо изменения, связанные с HTML? Имеет ли ваш конкретный пост или содержимое страницы блоки  <div> в них? Убедитесь, что они правильно закрыты. Один из лучших способов узнать об ошибке — использовать W3 Validator.

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

• Неправильное отношение ширины. Если ширина вашего контейнера составляет всего 960 пикселей, вам необходимо сохранить пропорции. Например, ширина содержимого 600 пикселей и ширина боковой панели 300 пикселей с границей 60 пикселей.
• Другой проблемой может быть свойство float. Вы должны убедиться, что вы добавили float: left; и float: право на соответствующие элементы. Если вы этого не сделаете, это не сработает.
• Либо используйте в своей теме фреймворк Bootstrap, он поможет разобраться с путаницей показа элементов на странице.

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