Обтекаемый текст и неприятности тега more

wordpress_tattoo_logoБуквально вчера столкнулся с такой проблемой: сейчас делаю белый блог, все должно быть чинно и красиво, пару часов искал шаблон, переделывал, немного правил верстку, в общем вылизал его просто до блеска, все настроил, начинаю писать пост – проблема, вставляю картинку, а текст располагается не рядом с небольшой картинкой(как например на моем сео-маразме), а некрасиво под ней, а рядом с картинкой пустое место, которое ну совсем никак не смотрится. сразу понял, что проблема именно в шаблоне, потому что на стандартной теме все прекрасно. Но шаблон то я уже настроил, он мне уже как родной стал :) Не мог я просто от него отказаться и поставить рабочий
Часа 2 наверное ковырял шаб ,уже css буквально до буквы изучил ,ну не вижу я там такого параметра, как назло и форум не работает, в аське даже не знаю кого об этом спросить. Но уже после этих двух часом курения кода мне таки удалось выяснить причину – естественно, что я в css не нашел этот параметр, потому что недобросовестные верстальщики попросту не воткнули его туда, ну или забыли. В общем, если вы тоже сталкивались с такой проблемой, то можете доставать из закромов понравившийся шаблон и поправить его
Все, что нужно – это вставить в css файл код

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

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

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

.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;
margin-right: 5px;
}

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

Но это еще не все, потому что пока искал решение этой проблемы, нашел кое что интересное: Вы замечали, что если вы ставите тег , то ссылка ‘Читать полностью’ имеет кривой вид, с префиксом #more-$id\, а ведь для поисковика это две разные страницы, зачем они вам нужны? Не зачем, поэтому это надо убрать, идем в wp-includes, находим там файл post-template.php, и ищем там строку

$output .= ‘ $more_link_text“;

Заменяем ее на строку ниже, убирая #more-$id (слеш только оставте, а то двиг уроните)

$output .= ‘ $more_link_text“;

Вот и все на этом, некоторые проблемы решены.

Хотя нет, не все – иконка RSS, подписываемся, будет интересно ;)
Подписывайтесь, будет интересно ;)

Шаблоны Wordpress , ,

  1. 04 Сен 2009 из 7:46 | #1

    Вооо класс! спасибо, реально трабла особенно на саттелитах постоянно траблы с этим возникают.

  2. medved1
    04 Сен 2009 из 11:20 | #2

    HenzO – всегда рад помочь ;) У меня вот также – на сплогах и сателлитах все забивал на это дело, а тут более белый проект, решение нужно было найти :)

  3. Сергей
    08 Сен 2009 из 0:43 | #3

    Здравствуйте!
    Извините, не нашел контактов на Вашем блоге. У меня есть небольшое предложение к Вам насчет рекламы блога. Напишите мне на почту пожалуйста seroginol(собак)gmail.com

  4. 09 Сен 2009 из 1:15 | #4

    хм ну так это не новость что нужно css поправить
    А вообще чтоб не курить 2 часа и не мучатся можно было погуглить и получить ответ за 2 минуты

  5. medved1
    09 Сен 2009 из 19:20 | #5

    Так я и погуглил ;) Только вот никак запрос не мог подобрать нормальный, все ерунда в голову приходила – ерунда и в выдаче высвечивалась :)

  1. 04 Сен 2009 из 21:29 | #1
  2. 05 Сен 2009 из 16:29 | #2
  3. 06 Сен 2009 из 1:39 | #3
  4. 25 Дек 2009 из 5:39 | #4
  5. 16 Янв 2010 из 2:55 | #5
  6. 17 Янв 2010 из 12:22 | #6
  7. 18 Янв 2010 из 19:24 | #7
  8. 20 Янв 2010 из 0:52 | #8
  9. 25 Янв 2010 из 18:55 | #9
  10. 27 Янв 2010 из 19:06 | #10
  11. 31 Янв 2010 из 8:34 | #11
  12. 04 Фев 2010 из 12:24 | #12
Перед отправкой формы: