Хотите добавить несколько столбцов в WordPress?
Практика организации контента в столбцы восходит к ранним временам книгопечатания. Этот формат может быть универсальным способом организации текста, изображений и многого другого. Однако добавление нескольких столбцов в WordPress и их правильное размещение может быть довольно сложной задачей.
К счастью, так быть не должно. Теперь вы можете использовать Редактор блоков, чтобы легко добавить несколько столбцов в свои записи и страницы WordPress всего за несколько шагов.
Вы также можете создать этот макет с помощью классического редактора или плагина компоновщика страниц.
В этом уроке мы увидим, как добавить несколько столбцов в WordPress.
Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Зачем использовать многоколоночный макет
От выбора правильной темы WordPress до добавление пользовательских шрифтовИндивидуальная настройка дизайна вашего сайта имеет важное значение и является краеугольным камнем формирования вашего бренда. Ваши статьи и макеты также являются частью этой головоломки. Экспериментирование с различными вариантами макета может стать интересным способом добавить структурное разнообразие вашему контенту.
Поскольку не существует единого формата, наиболее подходящего для удобочитаемости, вы можете проявить творческий подход и найти вариант, который подходит именно вам. Вы можете изменить макет каждой из своих страниц в соответствии с различными типами контента и создать сайт WordPress, состоящий из страниц с разными макетами.
Колонки — особенно универсальный формат. Если вы хотите экономно использовать свое пространство, это простой способ сегментировать текст.
Вы также можете использовать столбцы для последовательного соединения различных виджетов, как показано на Тема Бадди Босс :
Или вы можете просто заинтересоваться использованием гибкого формата, который можно удалить или изменить в соответствии с вашими потребностями. Какими бы ни были ваши рассуждения, столбцы могут добавить разнообразия и организации вашему веб-сайту.
Как добавить несколько столбцов в WordPress
На заре WordPress пользователям нужно было иметь практические знания HTML и иметь возможность уверенно редактировать свой код, чтобы добавлять столбцы в свои сообщения. В то время написание и редактирование контента не было самый дружелюбный опыт.
К счастью, теперь есть два простых способа добавить столбцы в WordPress — без необходимости использования HTML.
Редактор блоков оснащен интуитивно понятной встроенной функцией столбцов, а те, кто предпочитает классический редактор, будут рады узнать, что всегда можно избежать ручного кодирования столбцов с помощью плагина WordPress.
Теперь давайте посмотрим на два метода.
Первый способ: использовать нативный функционал редактора блоков
Мы начнем с добавления нескольких столбцов с помощью редактора блоков (Gutenberg). Новый интерфейс создания контента WordPress по умолчанию предлагает множество полезных функций, все сосредоточено на легко перемещаемых блоках контента.
Одной из таких функций является блок столбцов с метким названием, который помогает вам создавать столько столбцов, сколько вы хотите.
Для начала введите "столбцы" в поисковой строке редактора блоков, который можно открыть, нажав на кнопку +. Кроме того, вы можете просто щелкнуть по экрану и начать печатать "столбцы" для отображения той же опции.
Это вызовет окно, в котором вы можете выбрать расположение столбцов:
Можно также начать с двух столбцов по умолчанию и изменить настройки позже.
После того, как вы указали, сколько разделов вы хотите и как вы хотите их разделить, вы можете перетаскивать блок куда хотите.
Затем вы можете вложить другие блоки внутрь блока Columns. Все они могут быть блоками текста. Попробуйте улучшить столбец текста, поместив его рядом с изображением или столбцом календаря, чтобы выделить его:
Не бойтесь воспользоваться гибкостью редактора, смешивая и сопоставляя элементы.
После этого вы можете вернуться к настройкам блока Columns и изменить соотношение ширины в соответствии с вашими потребностями. Каждый отдельный столбец можно настроить в зависимости от того, какой вид вы хотите получить.
Благодаря визуальному интерфейсу редактора блоков ваша работа над бэкэндом будет напрямую перенесена во внешний интерфейс. Для справки, вот как выглядит наш пример после публикации:
Как только вы поймете основы, вы сможете исследовать больше столбцов.
Если вы ищете больше функций в редакторе блоков, вы можете рассмотреть возможность загрузки плагина WordPress, который расширяет возможности блоков, и поэкспериментировать с новыми комбинациями контента.
Способ второй: используйте классический редактор и конструктор страниц Elementor
Вы также можете добавить несколько столбцов к своим сообщениям и страницам без кода. Все, что вам нужно, это плагин. Есть много вариантов, которые могут выполнить эту работу, поэтому первое, что вам нужно сделать, это выбрать один.
Так как я большой поклонник плагина Конструктор страниц Elementor, Я собираюсь использовать это для создания многоколоночного макета:
Этот конструктор страниц — надежный бесплатный вариант, использующий интуитивно понятный интерфейс с функцией перетаскивания и имеющий более 5 миллионов активных установок.
Когда у вас есть установил и активировал плагин на своем веб-сайте перейдите на страницу, которую вы хотите отредактировать, и отредактируйте ее с помощью Elementor.
Вы будете перенаправлены в редактор Elementor.
Как вы видите на изображении выше, мы собираемся нажать на красную кнопку. + чтобы добавить новый раздел и количество столбцов, которые будут сопровождать его.
Теперь мы выберем виджеты «Редактор», «Текст» и «Календарь».
Обновите свою страницу и просмотрите свою статью.
С помощью этого плагина для WordPress у вас также будет возможность добавлять или удалять количество столбцов.
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие плагины WordPress, чтобы придать современный вид и оптимизировать управление вашим блогом или веб-сайтом.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Контактная форма 7 Успешное перенаправление
Контактная форма 7 Успешное перенаправление - это расширение премиального плагина WordPress из контактной формы 7, которое позволяет перенаправить посетителя или пользователя на страницу после отправки их контакта.
Это было сделано для того, чтобы сделать форму более удобной для пользователя после успешной отправки, путем перенаправления на страницу, выбранную администратором.
Как создать частный магазин с WooCommerce ? Узнайте, консультируясь с этой статьей.
Это чрезвычайно легко настроить. Вы можете сделать это, выбрав страницу из существующих страниц вашей панели или предоставив пользовательский URL перенаправления.
Откройте для себя 8 WordPress плагины для улучшения SEO вашего блога
Каждая форма будет иметь свою конфигурацию. Таким образом, каждое успешное перенаправление может быть определено уникальным способом.
скачать | Демонстрация | веб-хостинг
2. LetsPush Web Push-уведомление
Web Push-уведомления, также известные как Browser Push-уведомления, - это интерактивные сообщения, которые пользователь может отправлять на веб-сайте, даже не зная его электронной почты или другой контактной информации.
Уведомления доставляются в режиме реального времени, даже когда пользователь не просматривает ваш сайт. Этот плагин WordPress также позволяет администратору отправлять push-уведомления пользователям, подписанным на рассылку сайта.
Таким образом, вы можете отправить персональное сообщение, продать товар или отправить обновления о вашем сайте своим посетителям. Он тесно интегрируется с BuddyPress и совместим с WooCommerce.
скачать | Демонстрация | веб-хостинг
3. Социальный вход в WooCommerce
Этот премиальный плагин WordPress помогает сократить время регистрации на сайте, что обычно раздражает пользователей и снижает ваши продажи. Но если вы используете WooCommerce Social Login, время, сэкономленное пользователем, будет увеличено, что также обязательно увеличит ваши продажи.
Когда клиент впервые посещает ваш сайт, вы можете упростить процесс оформления заказа, позволив ему продолжить как гостю. Однако это создаст неудобства для клиентов, желающих совершить несколько покупок в вашем интернет-магазине. Им придется каждый раз создавать новое имя пользователя и пароль.
Узнайте также наш 50 WooCommerce плагины для улучшения вашего интернет-магазина
Таким образом, функция входа через социальные сети WooCommerce делает этот процесс максимально простым и безопасным — клиенты могут войти на ваш сайт, используя свои учетные записи Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram и Amazon.
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Откройте для себя другие рекомендуемые ресурсы, которые помогут вам создать свой веб-сайт и управлять им.
- Как оптимизировать изображения и улучшить SEO
- 8 плагинов скидок WordPress для создания купонов
- 10 WooCommerce плагинов для восстановления заброшенных тележки
- Как найти URL-адрес для входа в блог WordPress
Заключение
Добавление столбцов на ваш веб-сайт WordPress может помочь сохранить ваш макет свежим и привлекательным. Хотя процесс выполнения этого иногда может быть немного сложным, есть простые методы, которые вы можете использовать, чтобы упростить его.
Вот и всё! На этом урок заканчивается. Надеюсь, теперь вы знаете, когда и как добавлять несколько столбцов в WordPress. Можете смело использовать этот урок! поделиться с друзьями в ваших любимых социальных сетях.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
И если у вас есть какие-либо предложения или замечания, оставьте их в нашем разделе Комментарии.
...