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