Блог про блоги от Дмитрия Донченко

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

А происходит этот как правило в тех случаях, когда в файле CSS-стилей шаблона Wordpress не прописаны стандартные стили для правильного обтекания текстом изображений. Эти стили можно найти на сайте Wordpress.

Для себя и для вас, решил опубликовать их в своем блоге, если у вас не работает обтекание текстом в Wordpress, просто скопируйте следующий код и вставьте его в файл шаблона style.css.

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}
 
.alignleft {
   float: left;
}
 
.alignright {
   float: right;
}
 
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
 
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
 
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

Для красоты к строкам:

.alignleft {
   float: left;
}
 
.alignright {
   float: right;
}

Можно добавить еще параметр margin для того, чтобы сделать автоматический отступ между картинкой и текстом, в результате этот кусок кода будет выглядеть вот так:

.alignleft {
   float: left;
   margin-right: 5px;
}
 
.alignright {
   float: right;
   margin-left: 5px;
}

Если вам понравился этот блог, вы можете подписаться на обновления блога через RSS ленту, или по E-Mail. Спасибо за визит!

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

За отображение архивов вашего блога, отвечает файл шаблона archive.php, в разных шаблонах в этом файле могут быть разные строки, а то и вообще этого файла может не быть, если его нет, просто скопируйте файл index.php с новым именем archive.php.

После этого, открываем файл, и находим строку с проверкой какой именно архив просматривает пользователь, строка для проверки на просмотр архива по категориям выглядит вот так:

<?php /* If this is a category archive */ if (is_category()) { ?>

все что идет до закрывающейся фигурной скобки “}” выполняется только если пользователь просматривает архив по категории, соответственно нам необходимо добавить в этот блок строчку, которая будет отображать описание категории, которое можно писать, при создании или редактировании категории в панели администрирования Wordpress-блога.

Cтрока которую необходимо вставить, выглядит вот так:

<?php echo category_description($category); ?>

Если вы не нашли строчек с проверкой условий просматривания архивов, можете просто добавить в файл archive.php вот эти строки:

1
2

<?php /* If this is a category archive */ if (is_category()) { ?>
<?php echo category_description($category); } ?>

Вот и все, ничего сложного нет, но если остались вопросы, задавайте в комментариях.

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

За вывод результатов поиска в вашем блоге, отвечает файл “search.php” который находится в папке шаблона, вашего Wordpress блога.

Открываем файл вашим любимым редактором PHP, находим строку типа:

<h2>Результаты поиска</h2>

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

 <h2 class="pagetitle">Результатов поиска по запросу: <?php /* Cчитаем результаты поиска */ $allsearch = &new WP_Query("s=$s&showposts=-1"); 
  $key = wp_specialchars($s, 1); 
  $count = $allsearch->post_count; ?>
  <span class="search-terms">
  <?php echo "\"".$key."\""; ?>
  </span> 
  - <?php echo $count; ?>. 
  <?php wp_reset_query(); ?></h2>

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

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

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

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

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

В моем случае было достаточно добавить всего пару строк:

проверяем что человек просматривает архив по категориям:

<?php /* If this is a category archive */ if (is_category()) { ?>

добавляем к стандартному запросу Wordpress параметр сортировки:

<?php query_posts($query_string . "&order=ASC"); } ?>

Эти две строки были добавлены в файле archive.php до строк:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Собственно говоря и все, задача решена.

Прошу обратить внимание что в разных шаблонах, это может выполняться по разному, а в некоторых даже отсутствует файл archive.php, это можно исправить, просто скопировав файл index.php с новым именем и добавив необходимые изменения.

Остались вопросы, пишем в комментариях.

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