Новая тема   Ответить

 GarryBarry
Шлифую тут одну темку WP, столкнулся с проблемой.
Вобщем нужно отредактировать вид сингл поста. Имеется одна картинка и текст, нужно привести к такому виду:

но блять сука никак не приводится
при создании поста ставлю выравнивание картинки слева, по итогу текст обтекает картинку, естественно. Понимаю, что нужно заключить пиксу в блок и чтобы он растягивался по высоте текста.
Не могу найти где редактнуть это дело. В файле single.php темы есть кусок кода:
Цитата:
и все. Где найти сам исходник вывода этого шлакоблудия, чтобы там все это позасовывать в нужные мне дивы, бесит уже. Может нужно ковыряться в исходниках и темплейтах самого WP, а может все проще? Направьте в верное русло

 SAV
the_content() - текст твоего поста, в самом посте надо пиксу в блок помещать
style.php или здесь, возможно, по классам темы задать получится

 andreich
the_content() is located in wp-includes/post-template.php

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

 SAV
тогда the_content() должен распределять пикчу и текст по блокам, а иначе то как?

 andreich
DrumNBreaks писал:
я не особо шарю в CSS но они так и называются каскадные
и как я могу предположить
что

<div class="single_left_content">

<?php the_content(); ?>

</div>

можно создать контейнеры (или как они там называются правильно) которые как раз и будут отвечать за то как отображать пикчу и текст в блоке <div class="single_left_content">

имхо тут надо верщика грамотного потрясти

 SAV
andreich писал:
можно, можно и таблицу создать только все это создавать надо...
из-за того что текст не является блоком - он обтекает картинку

 FXIX
обычно когда не знаешь где шаблон - в верстке смотришь классы или иды, и по ним в папке темы ищешь.

 st01en
Не путайте теплое с мягким. the_content() всего лишь выводит то, что у тебя забито в пост. Обрабатывает твой ввод в хтмл, если юзаешь хтмл вид или просто как текст. Поэтому здесь нужно редактировать то, что вставляется в сам пост. проще всего так
<table width="100%">
<tr><td class="img"><img src="blablabla"></td><td class="text">postpostpostpost</td></tr>
</table>
ну а в стилях уже выставить для img вертикальное выравнивание. Редактировать post-template.php бессмысленно, ибо там нет шаблона, там только обработка того, что вы забиваете в пост.

 andreich
st01en писал:
прочитай внимательно весь топик, твоя конструкция рабочая, но ТС не подходит

P.S.
а на счет теплое и мягкое, это знаешь, там иногда в такое бывае в исходниках

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

http://codex.wordpress.org/Post_Types

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

 WorldTraffic
если тема стандартная twenty ten например, то можно так:

добавил картинку без выравнивание, после картинки делаешь отступ
пример:

....код картинки /></a>

текст....

это дает то что картинка и текст будут выглядеть так после публикации
<p>картинка</p>

<p>тест</p>

далее в цсс ищем
.entry-content p { text-indent:50px;}

и меняем на

.entry-content p{ float:left; width:285px; }

а width:285px; нужно выставить так что бы это было половина ширины поста или чуть меньше - поэкспериментируй

и тогда получится так как тебе надо

но это конечно извращение

 SAV
world-gay-sex писал:
разная высота постов...

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

 st01en
SAV: Мысль правильная, но парсить после поста

<div class="single_left_content">
<?php $xpen=the_content();
preg_match_all(***);

и понеслась
?>
</div>

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

 WorldTraffic
SAV писал:
и?

 SAV
world-gay-sex писал:
код покажешь?

 WorldTraffic
SAV:

<div class="entry-content">
<p><a href="http://domain.com/wordpress/wp-content/kartinka.jpg"><img class="size-medium wp-image-2005 alignnone" src="http://domain.com/wordpress/wp-content/kartinka.jpg" height="127" width="300"></a></p>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
</div><!-- .entry-content -->

 GarryBarry
кажется то что подсказал world-gay-sex более похоже на правду, позже попробую.
если не получится, то действительно, будет проще сделать "болванку-заготовку" поста с версткой и Цитата:

 GarryBarry
world-gay-sex писал:
еще не пробовал, но думаю этот вариант будет не всегда работать. Если в визуальном редакторе сделать абзац, то он тоже обозначит его в теги <p> и получится шляпа

 WorldTraffic
DrumNBreaks писал:
это уже готовый код, который получился, а в редактирование поста в html режиме будет так


<a href="http://domain.com/wordpress/wp-content/kartinka.jpg"><img class="size-medium wp-image-2005 alignnone" src="http://domain.com/wordpress/wp-content/kartinka.jpg" height="127" width="300"></a>

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

 SAV
world-gay-sex писал:
заключение в <p>, что и в <div>, как и другие тэги, в стилях настраивается, и тут нет проблем с оптиканием... ТСу же не подошел такой вариант, чтобы что-то куда-то заключать