Хотите добавить контент из нескольких столбцов в свои записи WordPress?
Колонны могут быть использованы для создания Привлекательные макеты для ваших публикаций и страниц.
Традиционные печатные СМИ, такие как газеты и журналы, использовали многоколоночный макет с первых дней печати. Их цель состояла в том, чтобы позволить тех легче читать текст меньшего размера при экономном использовании свободного места.
Если вы еще не создали веб-сайт или блог на WordPress, мы приглашаем вас проконсультироваться Как установить блог WordPress за 7 шагов далее, Как найти, установить и активировать WordPress тему на своем блоге
Макеты в один столбец чаще используются в Интернете. Тем не менее сетки с несколькими столбцами по-прежнему полезны для выделения контента и облегчения чтения и анализа.
В этом уроке мы покажем вам, как легко добавлять контент из нескольких столбцов в ваши записи WordPress без написания HTML-кода.
Добавление многоколоночного контента в WordPress - простое решение
Создание содержимого из нескольких столбцов, также известного как содержимое сетки в WordPress, теперь просто, поскольку это функция по умолчанию. В новый редактор блоков WordPress Gutenberg предлагает блок столбцов.
Чтобы добавить макет с несколькими столбцами, вам нужно создать новый пост или отредактировать его. Оказавшись в области редактирования, нажмите " добавлять Вверху добавить блок.
Затем вы должны выбрать блок Колонны «Находится на вкладке« Элементы макета ».
Вы увидите скачок указателя мыши в левом столбце, а в правом столбце появится заполнитель для текста.
Как видно на скриншоте выше, блок Колонны сначала кажется пустым местом. Если навести указатель мыши влево, можно увидеть границу выделенного блока.
Вы также сможете увидеть параметры блока в правом столбце экрана.
По умолчанию блок столбцов добавляет два столбца. Вы можете увеличить количество столбцов, которые хотите добавить, в настройках блока справа. Это позволяет добавлять до шести столбцов в одну строку.
Просто щелкните столбец и начните вводить текст, чтобы добавить контент. Вы можете использовать клавишу Tab на клавиатуре, чтобы перейти к следующему столбцу.
Добавление мультимедиа и другого контента в ваши колонки
В дополнение к текстовому контенту вы также можете добавлять изображения и встраивать видео в столбцы WordPress.
Блок столбца позволяет добавлять блоки внутри каждого столбца. Просто наведите указатель мыши на столбец, и вы увидите значок "Добавить новый блок«Внутри. Вы также можете добавить блок, введя имя блока.
Ваш выбранный блок появится в столбце. Вы можете пойти туда и добавить контент.
Чтобы загрузить - загрузить - ваши медиа, ознакомьтесь с нашей статьей на Как загрузить ваш массовый медиа на WordPress
Вот как может выглядеть ваш новый столбец в WordPress тема по умолчанию двадцать девятнадцать. В этом примере мы используем три столбца, а последний столбец содержит изображение.
Если вы хотите только добавить изображение и текст в сторону, вы также можете использовать блок СМИ и текст Вместо столбцов. Этот блок специально предназначен для отображения мультимедиа, например изображений и видео, рядом с текстом.
Добавление нескольких колонок в классический редактор WordPress
Если вы не обновили WordPress до Gutenberg и все еще используетеклассический редакторвам нужно установить отдельный плагин для создания макета сетки колонн.
Начните с установки и активации плагина Легкие Столбцы Решетки.
Для получения подробных инструкций следуйте нашему пошаговому руководству о том, как установить плагин в WordPress.
После активации вы можете создать новое сообщение или открыть старое сообщение для редактирования. Затем нажмите " Добавить столбцы На панели инструментов визуального редактора.
Теперь вы увидите всплывающее окно, в котором вы можете добавить свой первый столбец. Вы можете по-разному выбрать, какую площадь может охватывать колонка на настольных компьютерах, планшетах и мобильных устройствах.
Идите дальше, открывая для себя Как создать полную ширину страницы на WordPress
Например, если вы установите процент сетки рабочего стола 50%, ваш столбец будет занимать половину линии.
Он имеет много опций для установки ширины вашего столбца, от 5% до 100% с интервалом 5. Вы можете выбрать один из них, нажав на раскрывающееся меню.
Затем вы должны добавить содержимое своего столбца в область «Содержимое», затем нажать кнопку «ОК», чтобы вставить его в публикацию.
Плагин сгенерирует необходимый шорткод с вашим контентом и добавит его в ваш редактор сообщений.
Узнайте в этом уроке Как установить и настроить плагин WP Super Cache улучшить производительность вашего блога.
Теперь, когда ваш первый столбец добавлен, вы можете повторить процесс, чтобы добавить другие столбцы. В последнем столбце не забудьте установить флажок 'Последний столбец строки».
После этого вы сможете сохранить предварительный просмотр и предварительный просмотр. Вот как это выглядит на нашем тестовом сайте Twenty Seventeen.
Если вы также хотите найти темы WordPress, которые могут помочь вам создать столбцы на ваших страницах или публикации, вот темы 3 WordPress премия идеально подходит для этой задачи.
1. TheGem
Здесь очень много Темы WordPress который может претендовать на макет OnePage, но ни один из них не может предложить столько вариантов и функций, сколько есть в шаблоне TheGem WordPress.
Все элементы дизайна, которые вы ассоциируете с хорошим веб-сайтом OnePage, присутствуют в этом WordPress тема : полноэкранный слайдер (который можно создать с помощью плагина Revolution Slider, поставляемого вместе с WordPress тема), выбор из шести стилей заголовков и возможность создавать разделы во всю ширину с помощью плагина Visual Composer, входящего в комплект.
Кроме того, он имеет ряд параметров настройки для таких элементов, как шрифты, цвета и значки. Это редкость, но есть и детали, которые нам не нравятся в TheGem. Но в основном это тема WordPress, которая, конечно, подойдет вам, учитывая количество положительных моментов. Это сильный конкурент, который будет способствовать созданию веб-сайта OnePage.
скачать | Демонстрация | веб-хостинг
2. Стокгольм
Стокгольм — это тема WordPress, разработанная, чтобы помочь вам создать веб-сайт строительной компании, гражданского строительства или любой компании, связанной с ремонтом зданий. Этот Шаблон WordPress предназначен для профессионалов, которые заботятся о качестве и деталях.
Поставляется с панелью параметров и удобной серверной частью, они позволят вам легко управлять своим контентом. Существует около 20 демонстраций этого шаблона, в которых представлен широкий спектр действий, в которых можно использовать эту тему WordPress. И их также можно использовать в качестве основы для будущей настройки, чтобы ваш веб-сайт имел уникальный вид.
Очень отзывчивый, он отлично отображается на любом типе экрана. Если во время настройки или установки этого шаблона у вас возникнут трудности, полная документация, включенная в пакет, может служить руководством. И если вы все еще не можете, поддержка, посвященная этой теме WordPress остается в вашем распоряжении.
скачать | Демонстрация | веб-хостинг
3. Юпитер
Jupiter - еще одна очень популярная тема WordPress. В нем представлены демоверсии 25, которые охватывают 6 из наших категорий - агентства, креатив, образование, продукты питания, здравоохранение и электронная коммерция - и многое другое будет добавлено в будущих обновлениях. Большинство его макетов имеют минималистичный дизайн, с приятной типографикой.
Одним из главных преимуществ Jupiter является его Creative Header Customizer, который позволяет вам быстро и легко настроить дизайн заголовков вашего сайта. Visual Composer, ползунки 3 (Layer, Revolution и iCarousel), новые шорткоды 10, более значков 1800 и пользовательские типы записей 10 включены в комплект поставки.
Время загрузки страницы также превосходно. Это превосходный продукт, и вам будет трудно найти так много Темы WordPress имеющий свои особенности.
скачать | Демонстрация | веб-хостинг
Другие рекомендуемые ресурсы
Чтобы продолжить оптимизацию вашего блога или веб-сайта, мы также рекомендуем вам ознакомиться с некоторыми ссылками, которые погрузят вас в мир Гутенберга.
- Как подготовить свой сайт к Gutenberg
- Как узнать, совместим ли ваш плагин с Gutenberg?
- Будет ли Гутенберг улучшать или нарушать WordPress?
Заключение
Вот ! Это все для этого урока. Мы надеемся, что эта статья помогла вам узнать, как добавлять столбцы в ваши записи и страницы WordPress. не стесняйтесь поделитесь этим уроком с друзьями в социальных сетях.
Если у вас есть предложения или комментарии, они будут приветствоваться. Но если вы новичок, мы приглашаем вас проконсультироваться с нашими Ressources.
...
Привет, у меня есть этот плагин…. но не получается, бывает:
Я создаю два столбца, один меньше для фотографии, другой больше для текста, поэтому текст занимает всего 2 строки, а не во всю высоту столбца, при сохранении текста JUMP под фотографией, а не оставайся аккано, увидишь, что столбец исчезнет ...
Что я делаю? почему это происходит, есть другой плагин получше и проще, чем этот?
Спасибо, Буду признателен за помощь!
Привет, Ирина,
Попробуйте включить тему WordPress по умолчанию, если все работает нормально, значит проблема в вашей текущей теме WordPress.
Также проверьте, что вы сделали обновления плагина.
Все, что я могу сказать, это Женяле.
она работает очень хорошо, и ч отвечает на все мои ожидания.
благодаря nombreu (BCP)
Привет,
Спасибо большое, это здорово
Как добавить цвет в моей колонке?
Mercii
Привет,
Вы можете сделать это с помощью пользовательского CSS.
Привет,
Мне не удалось вставить текст в столбец. Является ли это возможным ?
Привет,
Как вы поступаете?
Я скопировал текст и безуспешно пытался вставить CRTL + V. Контекстное меню при нажатии правой кнопки мыши не предлагает вставить.
Другого решения, кроме как все перепечатать, не нашел ...
Извините за поздний ответ.
Можете ли вы убедиться, что при щелчке правой кнопкой мыши по другому элементу на странице отображается контекстное меню? Если это так, то, вероятно, на вашем хостинге есть проблема с JavaScript.
Если вы используете Google Chrome, перейдите на страницу, на которой возникла проблема, затем нажмите клавишу «F12» (окно откроется или будет прикреплено к странице), затем выберите вкладку «Консоль». . Сделайте снимок экрана этой вкладки, и я скажу вам, если есть проблема.
Привет,
Merci влить Votre réponse.
Мой сайт размещен на Free, возможно, возникла проблема с javascript.
Подскажите, как переслать сделанный мной скриншот?
сердечно
Мы хотим Мирей но тип сервиса вам требуется, к сожалению, платить, и мы приглашаем Вас связаться с нашей технической командой blogpascher.com
Поскольку я установил ограниченную версию бесплатно, я думаю, что проблема в этом.
Попробую установить другую версию ...
Я скопировал текст и попытался вставить его в столбец плагина. Невозможно ни с помощью сочетания клавиш CTRL + V, ни в контекстном меню щелчка правой кнопкой мыши, которое не предлагает эту функцию.
Есть ли какая-то альтернатива перепечатывать все?
Я могу сказать только одно слово. Я установил его и после двух-трех исправлений мне удалось сделать колонки, спасибо!
Спасибо, Ронни, за этот отзыв.
привет, я установил расширенные столбцы WP.
но когда я смотрю на страницу, я вижу белый квадрат в верхнем левом углу каждого столбца? вы можете мне помочь. Спасибо
Bonsoir,
Вы пробовали использовать тему WordPress по умолчанию, чтобы увидеть, сохраняется ли проблема?
Привет,
Мы не можем помочь вам, если вы не даете подробную информацию о том, как вы делаете, чтобы иметь белый квадрат.
Товары.