А как вы оформили вывод постов на главной и в рубриках WordPress? Вывод текста в блоге только на главной.

Здравствуйте, ребята!

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

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

В каких случаях применять?

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

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

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

Без плагина

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

Ниже я буду давать различные куски кода, которые стоит размещать в файле шаблона functions.php.

Исключение конкретных записей по ID

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

function exclude_post($query) { if ($query->is_home) {$query->

if ($query -> is_home ) { $query ->// id записи (поста) return $query ; }

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

ID записи, страницы и категории узнаете в адресной строке браузера при просмотре через редактор.

Следующий вариант позволит исключить записи из RSS ленты.

Исключение из RSS ленты

Такой код позволит исключить анонсы из новостной ленты и не отправлять их по базе e-mail, если используете сервис подписки и анонсирования с помощью Feedburner.

function exclude_post($query) { if ($query->is_feed) {$query->set("post__not_in", array(1, 2));} // id записи (поста) return $query; } add_filter("pre_get_posts","exclude_post");

function exclude_post ($query ) { if ($query -> is_feed ) { $query -> set ("post__not_in" , array (1 , 2 ) ) ; } // id записи (поста) return $query ; } add_filter ("pre_get_posts" , "exclude_post" ) ;

Добавление записей в этом случае и во всех остальных происходит аналогично.

Исключение из рубрик и архивов

Для исключения записей со страниц рубрик, стоит использовать следующий код.

function exclude_post($query) { if ($query->is_category) {$query->set("post__not_in", array(1, 2));} // id записи (поста) return $query; } add_filter("pre_get_posts","exclude_post");

function exclude_post ($query ) { if ($query -> is_category ) { $query -> set ("post__not_in" , array (1 , 2 ) ) ; } // id записи (поста) return $query ; } add_filter ("pre_get_posts" , "exclude_post" ) ;

Данный код можно модифицировать и применить исключение из архивов. Нужно во 2й строек заменить функцию is_category на is_archive.

Исключение из страницы поиска

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

function exclude_post($query) { if ($query->is_search) {$query->set("post__not_in", array(1, 2));} // id записи (поста) return $query; } add_filter("pre_get_posts","exclude_post");

function exclude_post ($query ) { if ($query -> is_search ) { $query -> set ("post__not_in" , array (1 , 2 ) ) ; } // id записи (поста) return $query ; } add_filter ("pre_get_posts" , "exclude_post" ) ;

Комбинирование нескольких вариантов

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

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

• is_search
• is_category
• is_feed
• is_home

Можно комбинировать все варианты и исключить записи отовсюду или же на некоторых страницах. Например, для исключений из рубрик и главной стоит разместить в файле functions.php следующий код.

function exclude_post($query) { if ($query->is_category || ($query->is_home)) {$query->set("post__not_in", array(1, 2));} // id записи (поста) return $query; } add_filter("pre_get_posts","exclude_post");

function exclude_post ($query ) { if ($query -> is_category || ($query -> is_home ) ) { $query -> set ("post__not_in" , array (1 , 2 ) ) ; } // id записи (поста) return $query ; } add_filter ("pre_get_posts" , "exclude_post" ) ;

Во 2й строке с условием (if - если) прописаны параметры для категорий (is_category) или главной (is_home).

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

Если стоит добавить какое-то 3е условие, например для страниц архивов, то стоит его добавить внутри скобок с условием для главной (is_home) и прописать через 2 вертикальные черты. На практике это выглядит следующим образом.

function exclude_post($query) { if ($query->is_category || ($query->is_home || ($query->is_archive))) {$query->set("post__not_in", array(1, 2));} // id записи (поста) return $query; } add_filter("pre_get_posts","exclude_post");

function exclude_post ($query ) { if ($query -> is_category || ($query -> is_home || ($query -> is_archive ) ) ) { $query -> set ("post__not_in" , array (1 , 2 ) ) ; } // id записи (поста) return $query ; } add_filter ("pre_get_posts" , "exclude_post" ) ;

Таким же принципом добавляйте для исключения и другие типы страниц.

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

Исключение целых категорий

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

Структура кода практически аналогична. В нем лишь меняется параметр, который задает исключение поста или категории. В ранее рассмотренных случаях в последней строке был задан параметр исключения записи exclude_post. В новом коде его стоит заменить на exclude_cat.

function exclude_cat($query) { if ($query->is_home) {$query->set("cat","-1, -2, -3");} // id категории return $query; } add_filter("pre_get_posts","exclude_cat");

function exclude_cat ($query ) { if ($query -> is_home ) { $query -> set ("cat" , "-1, -2, -3" ) ; } // id категории return $query ; } add_filter ("pre_get_posts" , "exclude_cat" ) ;

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

Принцип построения условия для типов страниц аналогичен рассмотренным вариантам ранее, где я показывал на примере исключения конкретных постов. Стоит изменять 2ю строку, добавляете необходимые параметры для категорий, поиска, архивов или RSS ленты.

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

Плагины

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

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

Плагин Simply Exclude

Скачать плагин можно, как через консоль WordPress с помощью поиска, так и с официального сайта WordPress .

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

После установки и активации сразу переходим в его настройки.

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

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

В настройках имеются 3 вкладки, которые призваны настроить параметры для разных типов страниц:

• Taxonomies (таксономии) - настройка для функционирования плагина в разделах админ-панели WordPress: рубрики и метки;
• Post types (типы постов) - для типов постов: статьи и страницы;
• Users - настройки для пользователей.

Сейчас я дам скриншот настроек первой вкладки (таксономии) и объясню параметры, которые стоит выставить.

• В первом блоке настроек "Active" необходимо выставить чек-бокс "Active", чтобы плагин добавлял нужные чек-боксы для отключения отображения в рубрики или любые другие типы страниц;
• Во втором блоке ставим все параметры напротив варианта "Exclude". Он означает, что при включенном чек-боксе в редакторе каждого типа страниц, она будет скрыта от отображения и новые статьи будут по умолчанию открыты для показа. Если поставить параметр "Include only", то поставив чек-бокс, записи будут открыты для показа и новые статьи по умолчанию будут скрыты. Если выбран второй вариант "Include only", то после установки плагина все записи будут скрыты и нужно будет выставить вариант "Exclude";
• В блоке "Show/Hide" ставим параметр "Show", чтобы нужные чек-боксы отображались в каждом типе страниц для возможности отключения или разрешения отображения.

Такие же параметры стоит проставить и на остальных 2х вкладках настройек плагина Simply Exclude.

Например, вот скриншот вкладки "Post types".

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

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

Например, чтобы проставить настройки для записей, можно перейти в редактор необходимой статьи или же через пункт все статьи. И там и там будут нужные чек-боксы. В редакторе в правой колонке будет блок "Simply Exclude", содержащий 4 чек-бокса для скрытия записи и страниц:

• Archives - категорий и архивов;
• Feeds - RSS ленты;
• Front/Home - главной;
• Searches - поиска.

Проставив нужный чек-бокс, скроете запись из определенного типа страниц.

В пункте админ-панели WordPress "Все записи" напротив каждого материала в новой колонке с названием "Simply Exclude show" также будут эти 4 чек-бокса. То же самое касается и рубрик. Будет добавлена новая колонка со всеми чек-боксами.

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

Плагин Exclude Categories

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

Скачать плагин можете по кнопке ниже.

После его установки перейдите в настройки (Настройки - Exclude Category) и выберите необходимую рубрику для исключения ее с главной страницы.

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

А пихать различные материалы в одну рубрику - не очень хорошо.

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

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

Желаю прекрасного настроения и великолепного вам дня. До встречи.

С уважением, Константин Хмелев!

Приветствую, вас. Облако меток - это виджет, предоставляемый Blogger, который позволяет классифицировать контент по определенным меткам. Виджет ярлыков делает ваш блог удобным для пользователя, позволяя посетителям легко перемещаться по контенту, который они ищут, выбирая категории / ярлыки.

Стандартный гаджет ярлыки для блоггера, сам по себе выглядит очень просто и оставляет желать более интересный вариант. Но мы можем его настроить с помощью CSS. Если вы не знаете как, не волнуйтесь, с этим можно легко справиться. Используя CSS и эффект анимированного градиента, зададим ему интересный и привлекательный вид. Давайте начнем:

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

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

1 вариант. Красные кнопки

Label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:13px;
font-family:Open Sans;
color:#fff!important;
}

Label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s;

-ms-transition: all 0.4s ;
transition: all 0.4s ;
background-image: linear-gradient(#EE4343, #E07C7C); /* цвет кнопки */
background-size: auto 200%;

/* размер и цвет нижней границы */
}

Label-size a:hover {
background-position: 0 0;
}

2 вариант. Зелёные кнопки.

Label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:13px;
font-family:Open Sans;
color:#fff!important;
}

Label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s ;
-ms-transition: all 0.4s ;
transition: all 0.4s ;
background-image: linear-gradient(#00FF3B, #778C7C); /* цвет кнопки */
background-size: auto 200%;
background-position: 0 100%;
transition: background-position 0.5s;border-bottom:3px solid #000000; /* */
} .label-size a:hover {
background-position: 0 0;
}

3 вариант. Чёрные кнопки.

Label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:13px;
font-family:Open Sans;
color:#fff!important;
}

Label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s ;
-ms-transition: all 0.4s ;
transition: all 0.4s ;
background-image: linear-gradient(#8A8C8B, #1A1D1B); /* цвет кнопки-->
background-size: auto 200%;
background-position: 0 100%;
transition: background-position 0.5s;border-bottom:3px solid #000000; /* толщина и цвет нижней границы */
}

Label-size a:hover {
background-position: 0 0;
}

4 вариант. Пёстренький вариант.

Sidebar .label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:12px;
font-family:Open Sans;
color:#fff!important;
}

Sidebar .label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s ;
-ms-transition: all 0.4s ;
transition: all 0.4s ;
}

Sidebar .label-size-1 a {background:#1abc9c;border:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#127F69;border:3px solid #1abc9c;}
.sidebar .label-size-2 a {background:#3498db;border:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#226693;border:3px solid #3498db;}
.sidebar .label-size-3 a {background:#2ecc71;border:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#1F8C4C;border:3px solid #2ecc71;}
.sidebar .label-size-4 a {background:#9b59b6;border:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#74398E;border:3px solid #9b59b6;}
.sidebar .label-size-5 a {background:#e74c3c;border:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#922C20;border:3px solid #e74c3c;}

В первых трёх вариантах меняйте значения linear-gradient /* цвет кнопки */ на нужные. Можно найти в поиске генераторы linear-gradient.

Меняйте размер и цвет нижней границы - border-bottom:3px solid #000000; /* толщина и цвет нижней границы */

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

В четвёртом коде тоже можно играться со всеми значениями в этих строках

.sidebar .label-size-1 a {background:#1abc9c;border:3px solid #127F69;} /* основные цвета кнопки, нижней границы */
.sidebar .label-size-1 a:hover {background:#127F69;border:3px solid #1abc9c;} /* цвета при наведении курсора */

Когда определились с выбором, идём во вкладку ТЕМА - ИЗМЕНИТЬ HTML . Находим строку ]]> (читаем ) и сразу над ней устанавливаем нужный код. Сохраняем.

Остаётся только полюбоваться результатом или что - то подкорректировать.

введите пожалуйста свой email :

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

Особенности гаджета популярные сообщения Показывает посты миниатюрами с заголовками
Эффект масштабирования при наведении курсора
Названия показываются в прозрачном цвете
Вы сможете сами установить размер миниатюр, которые обычно выводятся в Блоггере размером 72 х 72 пикселя.
Лёгкая настройка цветовой гаммы
1. Для начала нам необходимо просто установить родной гаджет из предложенного Блоггер. Идём в админпанель блога - дизайн - добавить виджет - популярные сообщения. Сам виджет нужно настроить примерно так

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

2. Сейчас ниже выберите для себя подходящий вариант и копируйте его код.

3. Опять зайдите в админпанель - добавить виджет - HTML/JavaScript и вставьте в него код.

4. Виджет с кодом нужно установить над созданным на шаге 1 гаджетом популярные сообщения.

5. Сохраните расположение и посмотрите результат.

Вот 2 варианта стилей гаджета популярных сообщений

1 вариант. Сообщения отображаются лентой в одну колонку

код

//

counter-reset: popcount;
margin: 0;
padding: 0;
}
.sidebar .popular-posts ul li:first-child {}
.sidebar .popular-posts ul li {

height: 130px;
font-weight: bold;

overflow: hidden;
padding: 0px !important;
position: relative;
margin: 2px;
border: 0;
width: 100%;
float: left;
}
.sidebar .PopularPosts .item-thumbnail {margin: 0; width: 100%;}
.sidebar .PopularPosts ul li img {
display: block;
float: left;
padding: 0;
width: 100%;
height: 130px;



transition:1.0s;
}
.sidebar .PopularPosts ul li img:hover {

-moz-transform:scale(1.06);
-o-transform:scale(1.06);
transform:scale(1.06);
overflow: hidden;
}
.sidebar .PopularPosts .item-title {
bottom:0;
left: 0;
right: 0;
padding-bottom: 0;
position: absolute;
z-index: 999;
}
.sidebar .PopularPosts .item-title a {
background: rgba(32, 32, 32, 0.77);
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: bold;
line-height: normal;
font-family: "Oswald",sans-serif;
padding: 10px 0px 5px 10px;
text-transform: capitalize;

}
.sidebar .popular-posts ul li:hover .item-title a {


text-decoration: none;
}
.sidebar .popular-posts ul li:before {

color: #000;


float: left;
font-size: 14px;
line-height: 20px;
list-style-type: none;
padding: 0px 8px 1px 1px;

position: absolute;
top: 0;
z-index: 4;
border: solid #FFF;

}

2 вариант. Сообщения отображаются сеткой в две колонки

Код

//

.sidebar .popular-posts ul {
counter-reset: popcount;
margin: 0;
padding: 0;
}
.sidebar .popular-posts ul li:first-child {}
.sidebar .popular-posts ul li {
font-family:"Oswald","Open Sans","Helvetica Neue",Arial,Tahoma,sans-serif;
height: 130px;
list-style: none !important;
overflow: hidden;
padding: 0 !important;
position: relative;
margin: 2px;
border: 0;
width: 48%;
float: left;
}
.sidebar .PopularPosts .item-thumbnail {margin: 0; width: 100%;}
.sidebar .PopularPosts ul li img {
display: block;
float: left;
padding: 0;
width: 100%;
height: 130px;
-webkit-transition-duration: 1.0s;
-moz-transition-duration: 1.0s;
-o-transition-duration: 1.0s;
transition:1.0s;
}
.sidebar .PopularPosts ul li img:hover {
-webkit-transform:scale(1.06);
-moz-transform:scale(1.06);
-o-transform:scale(1.06);
transform:scale(1.06);
overflow: hidden;
}
.sidebar .PopularPosts .item-title {
bottom:0;
left: 0;
right: 0;
padding-bottom: 0;
position: absolute;
z-index: 999;
}
.sidebar .PopularPosts .item-title a {
background: rgba(32, 32, 32, 0.77);
color: #FFFFFF;
display: block;
font-size: 12px;
line-height: normal;
padding: 5px 0px 2px 5px;
text-transform: capitalize;
transition: all .4s ease-in-out;
}
.sidebar .popular-posts ul li:hover .item-title a {
color: rgba(255, 255, 255, 1);
background: rgba(231, 76, 60, 0.88);
text-decoration: none;
}
.sidebar .popular-posts ul li:before {
background: rgba(255, 252, 8, 1);
color: #000;
content: counter(popcount, decimal);
counter-increment: popcount;
float: left;
font-size: 14px;
line-height: 20px;
list-style-type: none;
padding: 0px 8px 1px 1px;
border-radius: 0px 0px 10px 0px;
position: absolute;
top: 0;
z-index: 4;
border: solid #FFF;
border-width: 0px 2px 2px 0px;
}

На тестовом блоге посмотрите как будет выглядеть вариант 2. У меня там мало опубликованных сообщений поэтому отображено только 2 статьи, чтобы вас это не смущало.

Копируйте код понравившегося виджета популярных сообщений в виде картинок и устанавливайте, следуя описанным шагам.

Жёлтый цвет background: rgba(255, 252, 8, 1); нумерации можно изменить на ваше усмотрение. Он задан в формате rgba (найдите в поиске). Так же поиграйтесь со всеми значениями
background:.

Важно:

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

Некоторые устанавливают популярные сообщения над или под постами блога. Этот виджет работает только для боковой панели.

Если вы всё сделали правильно, а виджет не работает, следует обратить внимание на использование различных классов CSS для боковой панели. Шаблоны у всех разные. В предложенных примерах я использовала класс .sidebar .PopularPosts { у вас может быть .sidebar-wrapper .PopularPosts { или #sidebar .PopularPosts { . Просто везде в коде нужно заменить на тот который в вашем шаблоне

Больше ни каких заморочек быть не должно.

Посмотрите ещё варианты оформления виджета популярных постов

Сейчас, как всегда, готовый код устанавливается в редакторе сообщений в нужном месте в режиме HTML.

Такой вот необычный и стильный hover эффект для изображений может украсить страницы ваших сообщений.

Всем добра и солнечных денёчков. До встречи.

хотите оформить подписку на новые шпаргалки

Изначально формат блогов всегда работал таким образом, что сообщения или как многие называют посты, выводились друг за другом в определенной последовательности: от самых новых до старых, причем последние постепенно превращаются в архив. Такой вид имели абсолютно все блоги в самом начале, но, как и все в этом мире, блоггинг на месте не стоит – развивается, появляются различные варианты шаблонов wordpress, которые отображают информацию по-разному, например, в газетном виде, демонстрируя сверху так называемые featured статьи, т.е. избранные. Большой популярностью стали пользоваться фото блоги, в которых очень мало текстовой информации, в основном фотографии и т.п. Постепенно, люди отходят от навязанных стандартов – и это прекрасно!

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

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

Отобразить на главной странице вступление и текстовый блок;

На остальных страницах блога выводить описание в сайдбаре, в более компактном (уменьшенном) виде.

Для наглядности можно посмотреть пример в блоге о чае. Что касается дизайна, то доделано там не все, но вывод текста на главную страницу я все-таки, настроил. Получается так, что практически все посты WordPress Inside основаны на моем личном опыте.

Рассмотрим условные операторы wordpress.

Для решения поставленной задачи будет применять условные операторы wordpress. Правда тут есть маленькая «неувязка», раскусить которую мне пока не удалось, но на конечный результат она не повлияет. Дело в том, что для того чтобы определить главную страницу в блоге есть сразу несколько операторов - – is_home() и is_front_page(). Изучая описание в кодексе, я не смог до конца разобраться, какая же между ними разница, какие-то термины одинаковые, поэтому я просто на практике определил работающий вариант.

is_home() – это условный оператор, равный TRUE или FALSE, проверяющий, отображается ли «main page» для блога в данный момент. Еще сказано, что в WordPress версия 2.1 функция несколько по-иному обрабатывается, нежели в других версиях, а, если выбрана в качестве главной статическая страница, то могут возникнуть ошибки.

is_front_page() – условная функция, добавленная в версии 2.5, принимает значение TRUE или FALSE, все зависит от того, выводится ли в данный момент времени «front» страница или пост. Судя по всему, эта функция универсальная и должна срабатывать в обоих случаях – когда у вас в панели управления выбрано в качестве главной «статическая страница» либо «отображать последние записи на главной».

Если эту статью читают гуру wordpress, разбирающиеся во всех тонкостях этой системы, то буду очень благодарен за разъяснение. А пока что могу только сказать, что мною используется функция is_front_page() и никаких проблем не наблюдается. При этом на главной странице выводятся «последние посты». Это имеет приблизительно такой вид:

Часто в блогах встречаются такие ситуации, когда помещаются все посты на главной странице и появляется снизу разбиение на страницы. Важно (!), что система worpress не меняет текущее состояние страницы при переходе по ним с «главной» на другую. И мы просто имеет главную страницу, не помещающуюся за один раз. В связи с этим нюансом, мы будем применять еще один полезный условный оператор:

is_paged() - реагирует (TRUE или FALSE) на ту ситуацию, при которой все сообщения архива (для главной, тегов, категории) не помещаются на одну страницу и раздиляются на несколько. Причем, обращаю Ваше внимание, это не касается разделения отдельного поста на страницы при помощи .

В результате – текст выводим только на главной странице.

Для того чтобы выводить на главной странице текст и иметь возможность спрятать его на других страницах используется код, который добавляют в файл шаблона index.php до строки с выборкой последних сообщений блога have_posts():

Мой блог

Добро пожаловать в мой новый блог

Следующим делом необходимо настроить отображение краткого описания для нашего блога в сайдбаре. Находим и открываем файл sidebar.php, приписываем в определенное место следующие строки:

О проекте

Короткое описание

Здесь находится еще один условный оператор, вдруг пригодится кому-нибудь.

is_page (‘ID’) – оператор, проверяющий вывод страницы с номером, который указан в ID. В приведенном примере я скрываю компактное описание моего блога на странице с id 2,так как именно там у меня расположено много материала «о проекте». Я не вижу смысл выводить краткое описание, если все изложено прямо в блоке контента.

В целом тема об условных операторах wordpress - весьма интересна и многогранна. Если у Вас возникло желание более подробно с ней ознакомиться, можно изучить кодекс, там даже рассмотрены некоторые примеры. К примеру, интересный проект разработали topsape – рейтинг лучших манимейкеров в одной из самых популярных бирж ссылок Sape, интересные заработки есть у людей.

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

Если Вы пришли с Google или Yandex и пропустили предыдущую статью, то ознакомьтесь ..

Сделать статичный текст на главной странице сайта WordPress можно несколькими способами:

• при помощи встроенной функции WordPress (читаем статью ). Как видите - дело двух секунд.
• второй способ предполагает размещение определенного кода в файле index.php или home.php (название зависит от шаблона Вашего сайта)
• просто выбрав в админке нужную страницу в Настройках (скриншот ниже)

• создав отдельный шаблон для Главной в файлах темы (понадобятся знания PHP/CSS или помощь специалиста).

Если Вы выбрали первый способ, то не забудьте потом закрыть выбранный пост для индексации, чтобы не было дубля контента. Можете сделать это при помощи robots.txt .

Если выбираете второй способ, то чтобы сделать такое, нужно открыть файл index.php (home.php) и вставить перед функцией вывода всех постов следующее:

произвольный текст или код

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

Этот же код можно использовать и в виджетах, если необходимо отобразить что-либо только на главной странице сайта. Для подобного отлично подойдет плагин .

Если не поняли , перед чем вставлять предложенный мной выше код, то вот небольшая подсказка: у меня в шаблоне за отображение информации на Главной странице отвечает файл index.php. В нем есть вот такой код:

В этом случае от поста останется только его заголовок и небольшое количество первых слов в статье (без форматирования и с удалением имеющихся картинок, гиперссылок и прочей разметки). Сразу оговорюсь, что число слов (или символов) в заголовке, а также число первых выводимых слов поста можно будет ограничить с помощью (как именно объясню чуть ниже).

Как сделать анонсы постов в рубриках WordPress уникальными?

Правда, содержимое анонса поста при использовании функции the_excerpt () может быть заменено содержимым поля «Цитата» , если вы его заполняли при написании статьи (обычно, оно расположено сразу под окном ввода текста). Кстати, данный вариант и снижения дублирования контента, но я его не практикую в силу того, что «не практикую». В общем, банальная лень матушка.

Если области под названием «Цитата» вы под окном ввода текста поста в админке WordPress не наблюдаете, то удалите ваш сайт и переустановите движок заново, а потом перепишите все статьи и займитесь их продвижением. Ну, а если серьезно, то в самом верху админки в ее правой части вы найдете «язычок» с названием «Настройки экрана». Кликнув по нему вы легко сможете активировать нужную вам панель (или убрать лишнюю) простой постановкой или удалением нужной галочки.

Настраиваем вид постов в рубриках при выводе их с помощью the_excerpt

Таким образом, если вы не заполняете для каждого поста поле «Цитата», то при использовании the_excerpt () под заголовком по умолчанию будет. Вас это не устраивает? Как уже упоминал чуть выше, все можно настроить с помощью functions.php. Просто открываете его и добавляете несколько новых строк:

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

Если заголовки статей у вас такие же длинные как у меня, то в категориях можно. Для этого вместо the_excerpt () вставьте:

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

Function do_excerpt($string, $word_limit) { $words = explode(" ", $string, ($word_limit + 1)); if (count($words) > $word_limit) array_pop($words); echo implode(" ", $words)." ..."; }

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

Как выводить на главной или в рубриках WordPress только заголовки постов?

Ну, тут совсем все просто. Достаточно будет удалить из файла-шаблона archive.php (отвечает за формирования архивов (категорий, тегов и т.п.), однако его может не быть в вашей теме оформления) или index.php (отвечает за формирование главной страницы блога, но зачастую и всех остальных с помощью условных операторов) функцию the_excerpt или the_content (смотря что именно используется).

Например, у меня за вывод постов в рубриках отвечает такая конструкция:

И все заработало. Так вот, если проблем с миниатюрами у вас никаких нет, то можете попробовать заменить обычный вывод постов на главной или в рубриках WordPress с помощью the_excerpt на такую вот конструкцию, добавляющую миниатюру в пост :

По умолчанию миниатюра будет прижата к левому краю, а текст будет ее обтекать. Только я еще в свой стилевой файл style.css добавил небольшие от миниатюры, чтобы все это дело лучше воспринималось. Для этого достаточно было добавить лишь одну строчку:

Wp-post-image {padding:3px 15px 5px 5px;}

Однако, на главной я все же оставил вывод постов с помощью the_content и тега More, а в рубриках по-прежнему использую «голый» the_excerpt. Но все же описанный способ я реализовал, но не на совсем типичной для блога странице « ».

По-моему прикольно получилось.

Как сделать главную страницу в WordPress постоянной (статической)?

Собственно, пару лет назад я так и сделал. Тогда у меня на главной (по адресу — https://сайт) отображалась статья, которая сейчас живет на странице 404 ошибки (как ее настраивать смотрите ), посмотреть которую вы сможете, просто добавив какой-нибудь символ с клавиатуры в любой Урл моего сайта (в адресной строке, например, так — https://сайт/404).

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

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

А как вы оформили вывод постов на главной и в рубриках своего блога на WordPress?

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на ");">

Вам может быть интересно

Где скачать WordPress - только с официального сайта wordpress.org
Заголовки статей H1, H2, H3 в Вордпресс, а так же способы отображения категорий (the_content, the_excerpt и другие)
Как в WordPress можно выводить посты из категории с миниатюрами (их создание в Auto Post Thumbnail и catch_that_image)
Настройки блога на WordPress, которые вы должны сделать сразу после его установки Пропало левое меню в админке WordPress после обновления