Пропустить

Как добавить несколько столбцов на WordPress без использования плагина

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

Хотите добавить контент из нескольких столбцов в свои записи WordPress? Колонки могут быть использованы для создания привлекательных макетов для ваших публикаций и страниц.

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

Макеты с одним столбцом чаще используются в Интернете. Однако многостолбцовые сетки остаются полезными для выделения содержимого и облегчения чтения и анализа.

в этом Tutorielмы покажем вам, как легко добавлять контент из нескольких столбцов в ваши записи WordPress без написания HTML-кода.

Добавление мультиколоночного контента в WordPress - простое решение

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

Чтобы добавить макет из нескольких столбцов, необходимо создать новую статью или отредактировать новую. Находясь в окне редактирования, нажмите значок «Добавить» вверху, чтобы добавить блок.

Далее необходимо выбрать блок «Столбцы», расположенный на вкладке «Элементы макета».

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

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

Вы также увидите настройки блокировки в правом столбце экрана после редактирования.

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 554.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

Добавление мультимедиа и другого контента в ваши колонки

В дополнение к текстовому контенту вы также можете добавлять изображения и вставлять видео в столбцах WordPress.

Блок столбца позволяет добавлять блоки внутри каждого столбца. Просто поместите мышь на столбец, и вы заметите значок «Добавить новый блок» внутри. Вы также можете добавить блок, введя / и название блока.

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

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

Если вы только хотите добавить изображение и текст рядом с ним, вы также можете использовать блок «Медиа и текст» вместо столбцов. Этот блок специально разработан для отображения мультимедиа, например изображений и видео, рядом с текстом.

Легко создайте свой интернет-магазин

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

Добавление нескольких столбцов в старом редакторе WordPress Classic

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

Начните с установки и активации плагина Легкие Столбцы Решетки, Для получения подробных инструкций следуйте нашему пошаговому руководству на путь установить плагин в WordPress.

При активации вы можете создать новое сообщение или открыть старое сообщение для редактирования. Затем нажмите кнопку «Добавить столбцы» на панели инструментов визуального редактора.

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

Например, если вы установите процент сетки рабочего стола 50%, столбец будет перекрывать половину.

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

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

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

Теперь, когда ваш первый столбец добавлен, вы можете повторить процесс, чтобы добавить больше столбцов. Для последнего онлайн-столбца, не забудьте установить флажок «Последний столбец в Интернете».

После этого вы можете сохранить ваше сообщение и просмотреть его. Вот как это выглядело на нашем тестовом сайте с темой «Двадцать семнадцать».

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

Эта статья содержит комментарии 18
  1. Привет, у меня есть этот плагин ... но это не работает, это происходит:

    Я создаю два столбца, один меньше для фотографии, другой больше для текста, тогда текст - это только строки 2, а не на всей высоте столбца, после сохранения текста JUMP под фотографией, а не остановись, узнай, что исчезает колонна ... ..
    Что я делаю? почему это происходит, есть ли еще один plg-in лучше и проще, чем здесь?
    Спасибо, я был бы благодарен за помощь!

    1. Привет, Ирина,

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

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

  2. Все, что я могу сказать, это Гениали.
    она работает очень хорошо, и ч отвечает на все мои ожидания.
    благодаря nombreu (BCP)

      1. Я копирую текст и пытаюсь вставить CRTL + V без успеха. Контекстное меню правой кнопки мыши не предлагается вставлять.
        Я не нашел другого решения, кроме повторного ввода ...

        1. Извините за поздний ответ.
          Можете ли вы убедиться, что щелкнув правой кнопкой мыши на другом элементе страницы, появится контекстное меню? Если это так, то, вероятно, проблема JavaScript возникает на вашем хостинге.
          Если вы находитесь в Google Chrome, перейдите на страницу, где у вас возникли проблемы, затем нажмите «F12» (окно откроется или будет прикреплено к странице) и выберите вкладку «Консоль» , Сделайте снимок экрана на этой вкладке, и я скажу вам, есть ли проблема.

          1. Привет,
            Merci влить Votre réponse.
            Мой сайт размещен Free, возможно, что есть проблема с javascript.
            Можете ли вы рассказать мне, как передавать снимок экрана, который я сделал?
            сердечно

          2. Когда я установил версию Freeze для Free, я думаю, что проблема исходит оттуда.
            Я попытаюсь установить другую версию ...

      2. Я скопировал текст и попытался вставить его в столбец в плагине. Невозможно, ни с помощью сочетания клавиш CTRL + V, ни в контекстном меню правого щелчка, который не предлагает эту функцию.
        Есть ли какая-то альтернатива перепечатывать все?

  3. У меня есть только одно слово, чтобы сказать Awesome! Я установил его, и после двух трех исправлений мне удалось сделать столбцы, спасибо!

  4. Привет, я установил расширенные столбцы wp.
    но когда я смотрю на страницу, у меня есть белый квадрат в левом верхнем углу каждого столбца? вы можете мне помочь? спасибо

    1. Привет,

      Мы не можем помочь вам, если вы не даете подробную информацию о том, как вы делаете, чтобы иметь белый квадрат.

      Товары.

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
10 акции
доля8
чирикать1
Регистрация1
WhatsApp