Добавить еще одну колонку wordpress

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

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

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

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

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

Вы можете подумать об использовании HTML или CSS для создания столбцов на вашем сайте WordPress.

Это не так сложно, как большинство людей предполагают, и вы можете достичь этого с помощью lt;div’ gt; в паре с конкретным атрибутом стиля.

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

Стиль lt;div»ширина:30%;pодвадинг:0 10pt 0 0;float:left;” (гнёт);
Колонка 1
Колонка 1
Злт;/Див
Стиль lt;div»ширина:30%;pодвадинг:0 10pt 0 0;float:center;” (гнёт);
Колонка 2
Колонка 2
Злт;/Див
Стиль lt;div»ширина:30%;pодвадинг:0 10pt 0 0;float:right;” (гнёт);
Колонка 3
Колонка 3
Злт;/Див

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

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

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

Если вы не хотите использовать кодирование, есть и другие варианты.

Выбор темы для столбцов

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

Примером этого будет тема Дуэта.

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

Использование таблицы для столбцов

Один из способов сделать это будет создать новую страницу в WordPress.

Затем можно использовать такой код, как приведенный ниже в текстовом поле:

Стиль стола»-текст-выравнивание: центр; высота: 152px;”граница “1” cellpacing “0” cellpadding “0” ширина “390”

Стиль lt;tr»фон-цвет: #e9e9e9; шрифт-вес:bolder;” (gt; lt;td’gt;Title 1)

Злт;тд-gt;Деталь Четыре lt;/td

Злт;тд-gt;Подробнее Один АЗТ; / TD

Злт;тд-gt;Подробная информация Два A’lt;/td

Злт;тд-gt;Подробная информация Три A’lt;/td

Злт;тд-gt;Подробная информация Четыре A’lt;/td

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

Это три простых и быстрых способа добавления колонок на ваш сайт без использования плагина.

Источник

Добавляем колонки у постов в админке (сортируемые)

Поговорим о создании новых колонок в таблице записей (постов) в админке. Также рассмотрим как сделать такие колонки сортируемыми, как например, сортируется колонка даты. Так можно будет создать колонку с данными произвольного поля и затем сортировать записи, выбирая нужные. Делается все это просто.

В этой статье, в качестве примера, создадим колонку «Визиты», с данными произвольного поля views, куда записываются посещения. Колонка получится сортируемая.

Хуки для создания колонок

Позволяет добавить колонки в таблицу записей на указанном экране (у нас edit-post).

Передает массив с данными колонок, который мы можем изменить, добавив свою колонку (views) или удалить существующую через unset(). Название нашего фильтра будет: manage_edit-post_columns .

manage_(post_type)_posts_columns Аналогичный предыдущему — добавляет колонки. Только тут указывается тип записи а не ID экрана. Название нашего фильтра будет: manage_post_posts_columns . С версии 3.1. рекомендуется использовать этот хук. manage_(post_type)_posts_custom_column

Отвечает за заполнение данных колонки на странице постов. В нашем случае: manage_post_posts_custom_column .

Передает название колонки и ID поста.

Аналогичный первому — регистрирует сортируемую колонку, где мы указываем имя запроса orderby.

Также передает массив с зарегистрированными сортируемыми колонками. В нашем случае фильтр выглядит так: manage_edit-post_sortable_columns .

Этот фильтр-действие срабатывает в самом начале метода get_posts() класса WP_query.

Хук передает весь класс по ссылке (&$this). Используя этот фильтр, мы можем задать параметры главного запроса WP ($wp_query), по которому потом строится вывод.

Чтобы узнать screen_id используем функцию get_current_screen(). Её можно повесить на хук in_admin_header :

В нашем случае screen_id = edit-post — это страница редактирования постов в админке.

Создаем колонку

Вставляем такой код в файл темы function.php:

На этом можно остановится, если нам не нужно сортировать колонку — будет просто колонка с данными.

Делаем колонку сортируемой

Здесь ключ views должен совпадать с ключом при регистрации колонки: $out[‘views’] и $sortable_columns[‘views’] . Значение: views_views будет значением параметра запроса «orderby», который WordPress добавит автоматически ( &orderby=views_views ). Это же значение будет добавлено в параметры запрос WP_query и если оно будет совпадать со значениями известными WP (‘title’, ‘date’, ‘modified’, ‘comment_count’ и т.д.), то WP сам отсортирует колонку как нужно и тут можно остановится. Полный список значений известных WP, исключения составляют: meta_value и meta_value_num.

Если мы укажем meta_value вместо views_views , WP не сможет автоматически выполнить правильную сортировку. Поэтому, если в параметре orderby указывается наше значение views_views ( &orderby=views_views ), то мы создадим кастомный, нужный нам запрос.

Для сортировки по произвольному полю, проще всего изменить аргументы базового запроса, использовав хук pre_get_posts . Но важно понимать, что этот хук глобальный и срабатывает всякий раз, когда генерируется страница и не только в админке, но и на фронте. Поэтому мы должны точно указать в каком случае изменять запрос, этим случаем у нас будет значение аргумента orderby = views_views . Во всех остальных случаях запрос не трогаем.

Вариант 1:

Вариант 2: принцип точно такой же, только используется хук request:

Вариант 3: принцип взял из статьи Sortable Taxonomy Columns.

Тут мы изменяем SQL запрос, а не параметры передаваемые WP_query. Пригодится, если нужно создать какую-нибудь уникальную сортировку. Переделал под наш случай:

Посты с незаполненными произвольными полями (его не будет существовать у поста), не попадут в выборку.

Заметка

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

Например, так (или аналогичным способом) сделать не получится:

Ширина колонки

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

Источник

Администратор WordPress

Блог про WordPress

Добавляем боковую колонку для главной страницы в WordPress

Бывает случаи, что боковая колонка на главной странице сайта должна отличаться от боковой колонки на внутренних страницах по содержанию, а иногда и по форме. В некоторых темах и шаблонах разработчики предусмотрели возможность выбора виджетов именно для главной страницы сайта, разметив область сайдбара. Но такая возможность встречается не во всех шаблонах, поэтому, если вы не нашли ее у себя, то не стоит отчаиваться и менять свой шаблон, боковую колонку для главной страницы вы можете создать очень легко, не затратив для этого много времени, просто нужно зарегистрировать новую боковую колонку и назначить ее вывод на главной странице. Первым делом, что вы должны сделать – это открыть файл functions.php вашего шаблона. В большинстве случаев, именно в нем регистрируются все боковые колонки вашего шаблона. Открыв файл, найдите в нем код, отвечающий за регистрацию боковой колонки в сайдбаре. Примерно, он будет выглядеть так:

Этот код, по-умолчанию, создает в вашем шаблоне боковую колонку под виджеты, видеть которую вы можете в разделе “Виджеты” административной панели. После регистрации боковая колонка по-умолчанию в вашем шаблоне, как правило имеет название “Боковая колонка 1″ или “Сайдбар 1″. Теперь давайте зарегистрируем новую колонку для главной страницы и назовем ее, например, “Сайдбар главной страницы”, а также присвоим ей некий идентификатор, который потребуется нам для вывода этой колонки именно на главной странице.

Можете даже скопировать ваш код регистрации боковой колонки по-умолчанию и вставить его ниже, добавив еще две строки:

Как видите, мы добавили имя нашей новой боковой колонке “Сайдбар главной страницы” и идентификатор “homepage-sidebar”. Теперь, если вы перейдете в меню виджетов в административной панели, то увидите, что у нас появилась новая зарегистрированная колонка. Вот только, добавив в нее свои виджеты, вы не увидите никаких изменений на главной странице. А все потому, что мы пока что зарегистрировали новую боковую колонку, назначили ей имя и идентификатор, но не задали ей условия отображаться только на главной странице сайта. Вот теперь пришел черед назначить ей то самое условие, без которого новая боковая колонка на главной странице сайта не появится. Для этого откройте файл в шаблоне, который отвечает за вывод главной страницы, как правило, это файлы index.php или home.php. В WordPress боковая колонка подключается функцией get_sidebar(), поэтому найдите именно ее и замените на следующий код с условием:

Источник

Добавляем и удаляем колонки в таблицах в админке

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

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

Также хочу порекомендовать вам свой видеокурс по созданию темы WordPress на основе готовой HTML-вёрстки 🔥

Весь урок разделю на две части – про добавление колонок и про удаление колонок.

Часть 1. Добавление колонок

Добаление колонки в таблицу терминов таксономии

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

Вот как это будет выглядеть:

Однако, если вы не используете раритетную версию WordPress, то ваша таблица будет выглядеть немного по-другому:

Тут я добавил колонку с изображением в таблицу таксономий «Метки» post_tag .

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

Тут всё свободится к работе с хуком manage_edit-<ТАКСОНОМИЯ>_columns и массивом колонок. Для начала самый изи вариант:

Но в использовании этого кода есть один момент – колонка добавится в самый конец таблицы, т.е. после колонки «Записи», но вроде так быть не должно – изображение-превью должно быть в начале таблицы!

В таком случае могу порекомендовать использовать PHP-функцию array_slice() .

Ещё один момент – колонка может быть слишком большой ширины. Давайте изменим её ширину при помощи CSS.

Супер, колонка добавлена, но она пуста!

Давайте это исправим. Относительно добавления изображения конечно есть, где разгуляться, давайте предположим, что вы добавили поле загрузки изображения в метки при помощи плагина Carbon Fields или ручками, тогда это мета-поле таксономий (например с ключом _preview ) содержит ID изображения.

  • На строчке 8 указываем ID колонки, который мы задавали при её добавлении.
  • Тут мы используем хук manage_post_tag_custom_column , потому что добавляем колонку именно для меток, ID этой таксономии post_tag , а для рубрик например хук выглядел бы следующим образом manage_category_custom_column .
  • Функция switch() удобна для добавления нескольких колонок, если вам нужна только одна, то можете обойтись и обычным условием if() .
  • Также на строчках 13-18 проверяем, установлено ли изображение, если нет – выводим плейсхолдер.

Добавление колонки в таблицу медиафайлов

В этот раз наоборот не буду ничего придумывать и банально добавлю колонку с ID медиафайла в таблицу.

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

Добавление колонки в таблицу типов постов

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

Пусть это будет некое мета-поле количества просмотров поста.

В хуке manage_edit-<ТИП ПОСТА>_columns не забывайте поменять <ТИП ПОСТА>на название типа записи, например post – для записей, page – для страниц, либо название произвольного типа записи.

Кстати, эту колонку мы делаем сортируемой в отдельном уроке!

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

Источник

Читайте также:  Беспроводные аррел беспроводные наушники
Оцените статью