Архив метки: Лучшие учебники по Wodpress

Как создать пользовательские структуры меню в WordPress

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

Стандартное меню WordPress

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

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

Создание меню WordPress

Чтобы начать создавать меню, нажмите « Внешний вид — Меню» на панели инструментов WordPress.

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

Как создать пользовательские структуры меню в WordPress

 

  1. Название меню — это имя не на передней панели. Это только для ваших организационных потребностей.
  2. Страницы, посты, пользовательские ссылки и категории — вы можете включать элементы меню в любом месте вашего блога (отдельные сообщения или страницы, а также целые категории). Если вы хотите, чтобы пункт меню был внешней ссылкой, используйте раздел «Пользовательские ссылки».
  3. Автоматически добавлять страницы — если вы хотите, чтобы все новые страницы, которые вы создаете, были добавлены в ваше меню, оставьте этот флажок установленным. Несколько раз это хороший вариант.
  4. Расположение отображения — Ваши параметры могут отличаться от темы к теме, но это те места на вашем сайте, которые могут отображаться в вашем меню полностью. Вкладка «Управление местоположениями» является расширением этого.

Чтобы создать само меню, просто выберите что-нибудь с левой стороны (1) и нажмите Добавить в меню (2). Он появится под заголовком «Структура меню» справа, и его можно расширить, чтобы показать другие параметры, которые можно изменять для каждого элемента (3).

Как создать пользовательские структуры меню в WordPress

 

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

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

Создание меню в WordPress с иерархией

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

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

Как создать пользовательские структуры меню в WordPress

 

Если вам нужно несколько подпунктов, вы можете сделать то же самое снова. Только на этот раз перетащите вложенный элемент под вложенный элемент.

Как создать пользовательские структуры меню в WordPress

 

И когда вы сохраните меню, чтобы открыть его, вы увидите его в любом выбранном вами месте.

 

Использование нескольких меню в WordPress

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

Как и выше, мы хотим создать новое меню. Вернитесь на страницу «Внешний вид — меню» и нажмите ссылку «Создать новое меню (1)». Теперь вы получите пустой шаблон меню и запросите имя (2). Помните, что эти имена для вас, так что назовите это то, что вы узнаете. Меню 2 никому не говорит, что это Sidebar Widget – Account Management.

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

Как создать пользовательские структуры меню в WordPress

 

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

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

 

Добавление меню WordPress на боковую панель

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

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

Как создать пользовательские структуры меню в WordPress

 

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

Как создать пользовательские структуры меню в WordPress

 

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

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

Просто повторите шаги выше, а затем поместите новое меню в виджет в области нижнего колонтитула.

Завершение

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

У вас есть пользовательская структура меню на вашем сайте? Как вы это настроили?



2019-01-20T19:15:56
Лучшие учебники по Wodpress

Как обновить старые посты (статьи) в WordPress с помощью редактора блоков Gutenberg

Хотите знать, как обновить старые посты в блоге с помощью нового редактора блоков Gutenberg в WordPress? Если вы не обновились до WordPress 5.0, то вы не одиноки.

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

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

В чем разница между классическим редактором и редактором Gutenberg?

Прежде чем мы начнем, давайте сначала обсудим основные различия между старым Classic Editor и новым редактором блоков Gutenberg.

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

 

С другой стороны, новый редактор Gutenberg является полностью блочным редактором. Вы можете добавить весь контент в виде блоков. Вот как выглядит редактор блоков Gutenberg:

 

Блоки — это элементы содержимого, которые отделены друг от друга своим собственным набором параметров форматирования. Есть отдельные блоки для каждой части контента, включая:

  • Обычный текст или абзац
  • Образ
  • кнопка
  • Галерея
  • Список
  • Таблица
  • Встраивает и т.д.

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

 

Чтобы создать или отредактировать пост или страницу в новом редакторе Gutenberg, вам нужно использовать блоки. Вот как можно обновить старые посты и страницы блога с помощью редактора блоков Gutenberg.

Редактирование старых постов и статей WordPress с Gutenberg

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

Хорошая особенность Gutenbergа в том, что он не затрагивает ни один из ваших старых материалов, и вы можете легко их редактировать.

Чтобы отредактировать старую статью, просто отредактируйте ее, как вы это обычно делаете в WordPress.

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

 

Тот же пост будет выглядеть как на скриншоте ниже в старом классическом редакторе.

 

Как вы можете заметить, контент такой же, но то, как он организован, выглядит немного иначе.

Да, это единственное изменение, которое вы увидите.

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

Теперь у вас есть две возможности редактировать старые посты и страницы блога:

    1. Продолжить редактирование внутри блока Classic
    2. Преобразуйте свой старый контент в новые блоки Gutenberg

Первый вариант — продолжить редактирование старой статьи в блоке Classic.

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

Второй вариант — преобразование вашего старого контента в новые блоки Gutenberg.

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

В раскрывающемся меню необходимо выбрать параметр « Преобразовать в блоки».

 

Это оно!

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

 

Теперь вы можете редактировать старую статью, используя новые блоки редактора Gutenberg. Каждый блок представляет собой отдельный объект со своими собственными параметрами форматирования, стилями и параметрами дизайна.

Например, на нашем скриншоте выше есть блок изображения и блок абзаца.

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

Вы также увидите дополнительные параметры на вкладке «Блок» в правой колонке экрана.

 

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

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

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

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

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

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

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



2019-01-17T13:00:10
Лучшие учебники по Wodpress

Сравнение Blogger и WordPress 2019

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

Возможно, вы слышали о них от друзей и коллег, или вы уже искали сравнения — WordPress и Blogger, безусловно, являются одними из самых популярных блог-платформ для ведения и монетизации сайта. Если у вас есть блог и надо его монитизировать то Читайте здесь. Итак, возникает вопрос; какой из них вы должны использовать для своего первого блога?

Что такое WordPress и Blogger?

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

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

  • Простота
  • Собственность и контроль
  • Шаблоны
  • Управление содержанием
  • Служба поддержки
  • Сравнительная таблица
  • Последние мысли

Простота

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

WordPress

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

Blogger

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

Сравнение Blogger и WordPress 2019

 

Собственность и контроль

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

WordPress

WordPress — это платформа с открытым исходным кодом, которое означает, что вы и любой другой можете получить ее бесплатно. Как только вы загрузите установочные файлы, это становится вашей ответственностью. С того самого момента, как вы начинаете хостинг сайта, у вас возникает ощущение, что он ваш. И это правда. Даже при том, что вы, вероятно, будете платить несколько долларов в месяц за хостинг, сайт по-прежнему на 100% ваш. Таким образом, с ним можно делать все, что угодно — перемещать, расширять, изменять, удалять и т. д.

Blogger

Как бесплатный сервис, Blogger является собственностью Google. Это означает, что парни в компании могут делать все, что они хотят с сервисом. Хотя это маловероятно, но все же возможно, что технологический гигант решит закрыть Blogger. И в этом случае никто не будет заботиться о вашем контенте. Как вы себя чувствуете? Кроме того, без какой-либо причины Google может заблокировать вам доступ к вашему собственному блогу.

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

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

Шаблоны

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

WordPress

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

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

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

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

Blogger

По сравнению с собственной версией WordPress, Blogger сильно отстает. Хотя существует множество шаблонов, которые вы можете применить к своему бесплатному блогу, выбор довольно ограничен по сравнению с WordPress. И как только вы выберете шаблон, вы сможете играть только с ограниченным количеством инструментов настройки. Не поймите нас неправильно; Параметры настройки, которые поставляются с Blogger, удобны для пользователя и относительно полезны, но они не могут относиться к WordPress.

Сравнение Blogger и WordPress 2019

 

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

Управление содержанием

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

WordPress

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

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

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

Blogger

Сравнение Blogger и WordPress 2019

 

Как следует из названия, Blogger создан для ведения блогов. Так что имеет смысл, что управление контентом сделано правильно. И это действительно так. Google позволил легко начать свой первый пост и управлять им без проблем.

Чтобы начать писать, достаточно войти в свою учетную запись Google и открыть Blogger. Если вы использовали другие документы Google, среда будет выглядеть знакомо.

Blogger позволяет вам наслаждаться письмом. Простая панель сверху показывает все параметры, которые позволяют форматировать текст и добавлять мультимедиа.

Служба поддержки

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

WordPress

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

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

Blogger

Сравнение Blogger и WordPress 2019

 

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

Портативность

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

WordPress

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

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

Blogger

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

Сравнительная таблица










WordPress

Blogger

Простота:Начинающий с кривой обученияВсего несколько кликов до вашего первого поста
Шаблоны:Десятки тысяч расширенийОчень ограниченные возможности; не можете настроить шаблоны в деталях
Управление содержанием:Ревизии, автосохранение, пользовательский HTML…Гораздо проще редактор документов
Служба поддержки:Сообщество, плати за поддержкуФорум поддержки, основная документация
Переносимость:Быстро экспортируйте и импортируйте контент, переключайте хосты и платформыТрудно перейти с Blogger на другую платформу
Собственность и контроль:Вы владеете блогом, полный контрольGoogle владеет им, ограниченный контроль

Последние мысли

Выбор между Blogger и WordPress должен быть простым. Хотя обе платформы позволяют быстро вести личный блог, WordPress и Blogger очень разные.

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

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

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



2018-12-29T10:24:35
Лучшие учебники по Wodpress

Тематические шаблоны WordPress для блогов, на которые стоит обратить внимание

Большинство разработанных шаблонов (темплейтов) можно существенно менять и редактировать, чтобы привести в нужный вашему будущему сайту вид. Однако все же гораздо более удобным вариантом быстрого запуска нужного сайта является поиск удачного тематического шаблона. Мы расскажем о нескольких тематических темплейтах 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.



2018-12-19T22:04:23
Лучшие учебники по Wodpress

Доступность 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? Дайте нам знать об этом в комментариях!



2018-12-18T04:24:20
Лучшие учебники по Wodpress

Проверка и удаление почтовой очереди в 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

 

Таким образом, очевидно, было 37465 электронных писем, все еще ожидающих отправки с моего сервера. Это было сверху 90 000 писем, которые я уже получил.

Представьте себе потерю производительности сервера и проблемы, которые это вызвало для нас. IP-адрес нашего сервера мог быть забанен Google (так как мы используюем G Suites) за спам.

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

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

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



2018-12-17T16:10:44
Лучшие учебники по Wodpress