С нами с 16.03.07
Сообщения: 2697
Рейтинг: 3147
|
Добавлено: 04/12/12 в 01:52 |
Шлифую тут одну темку WP, столкнулся с проблемой.
Вобщем нужно отредактировать вид сингл поста. Имеется одна картинка и текст, нужно привести к такому виду:
но блять сука никак не приводится
при создании поста ставлю выравнивание картинки слева, по итогу текст обтекает картинку, естественно. Понимаю, что нужно заключить пиксу в блок и чтобы он растягивался по высоте текста.
Не могу найти где редактнуть это дело. В файле single.php темы есть кусок кода:
Цитата: |
<div class="single_left_content">
<?php the_content(); ?>
</div>
|
и все. Где найти сам исходник вывода этого шлакоблудия, чтобы там все это позасовывать в нужные мне дивы, бесит уже. Может нужно ковыряться в исходниках и темплейтах самого WP, а может все проще? Направьте в верное русло
|
|
|
|
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
Добавлено: 04/12/12 в 02:46 |
the_content() - текст твоего поста, в самом посте надо пиксу в блок помещать
style.php или здесь, возможно, по классам темы задать получится
|
|
|
|
Z
С нами с 15.05.05
Сообщения: 55045
Рейтинг: 7770
|
Добавлено: 04/12/12 в 09:30 |
the_content() is located in wp-includes/post-template.php
|
|
|
|
С нами с 16.03.07
Сообщения: 2697
Рейтинг: 3147
|
Добавлено: 04/12/12 в 11:52 |
SAV писал: | the_content() - текст твоего поста, в самом посте надо пиксу в блок помещать
style.php или здесь, возможно, по классам темы задать получится |
это понятно, для меня не проблема поместить в самом посте пиксу в дивы, и текст в дивы. Но сайт делаю не для себя, попросил родственник сделать ему небольшой сайт, сам бы я каждый раз вписывал это все дело в блоки, подбирал бы высоту, не вопрос. А тут человек не близкий к теме, вот я и думал сразу в теме все это отредактировать, чтобы он просто и без заморочек добавлял свои посты через простой редактор ВП.
По классам можно задать для пиксы margin снизу, но опять таки, текст в каждом посте разной длинны, и в каждом посте будет смотреться по-разному.
andreich писал: | the_content() is located in wp-includes/post-template.php |
да, в курсе, уже копался там. показалось что там верстка не присутствует, только пхп составляющая, ничего не нашел нужного.
|
|
|
|
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
Добавлено: 04/12/12 в 15:27 |
тогда the_content() должен распределять пикчу и текст по блокам, а иначе то как?
|
|
|
|
Z
С нами с 15.05.05
Сообщения: 55045
Рейтинг: 7770
|
Добавлено: 04/12/12 в 16:32 |
DrumNBreaks писал: | только пхп составляющая, ничего не нашел нужного. |
я не особо шарю в CSS но они так и называются каскадные
и как я могу предположить
что
<div class="single_left_content">
<?php the_content(); ?>
</div>
можно создать контейнеры (или как они там называются правильно) которые как раз и будут отвечать за то как отображать пикчу и текст в блоке <div class="single_left_content">
имхо тут надо верщика грамотного потрясти
|
|
|
|
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
Добавлено: 04/12/12 в 16:58 |
andreich писал: |
можно создать контейнеры...
|
можно, можно и таблицу создать только все это создавать надо...
из-за того что текст не является блоком - он обтекает картинку
|
|
|
|
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
Добавлено: 04/12/12 в 20:27 |
обычно когда не знаешь где шаблон - в верстке смотришь классы или иды, и по ним в папке темы ищешь.
|
|
пришел к победе коммунистического труда
|
0
|
|
|
С нами с 22.05.09
Сообщения: 639
Рейтинг: 1087
|
Добавлено: 04/12/12 в 20:53 |
Не путайте теплое с мягким. the_content() всего лишь выводит то, что у тебя забито в пост. Обрабатывает твой ввод в хтмл, если юзаешь хтмл вид или просто как текст. Поэтому здесь нужно редактировать то, что вставляется в сам пост. проще всего так
<table width="100%">
<tr><td class="img"><img src="blablabla"></td><td class="text">postpostpostpost</td></tr>
</table>
ну а в стилях уже выставить для img вертикальное выравнивание. Редактировать post-template.php бессмысленно, ибо там нет шаблона, там только обработка того, что вы забиваете в пост.
|
|
|
|
Z
С нами с 15.05.05
Сообщения: 55045
Рейтинг: 7770
|
Добавлено: 04/12/12 в 23:20 |
st01en писал: | Не путайте теплое с мягким |
прочитай внимательно весь топик, твоя конструкция рабочая, но ТС не подходит
P.S.
а на счет теплое и мягкое, это знаешь, там иногда в такое бывае в исходниках
|
|
|
|
Добрых Дел Мастер
С нами с 03.05.08
Сообщения: 3143
Рейтинг: 1227
|
Добавлено: 04/12/12 в 23:29 |
почему не подходит. вполне подходит. только он забыл добавить, что для кастомного вывода надо свой тип контента мутить. поле под картинку в админке. и свой сингл.пхп. где будет так как он захочет.
http://codex.wordpress.org/Post_Types
я вп давно не ковырял, года 3, может там чего поменялось. но тип контента "пост" это просто вывод того, что набросали в редактор. текст и картинки. и тамже внутри редактора потасовали, в окошке где сам пост набивается. ему же надо чтобы чувак опа текст набил, опа картинку залил. и опа она на шаблоне вывелась в нужной ему верстке.
|
|
пришел к победе коммунистического труда
|
0
|
|
|
worldtraffic.trade
С нами с 20.08.06
Сообщения: 2836
Рейтинг: 2309
|
Добавлено: 05/12/12 в 01:24 |
если тема стандартная twenty ten например, то можно так:
добавил картинку без выравнивание, после картинки делаешь отступ
пример:
Код: [развернуть] |
....код картинки /></a>
текст....
|
это дает то что картинка и текст будут выглядеть так после публикации
<p>картинка</p>
<p>тест</p>
далее в цсс ищем
Код: [развернуть] | .entry-content p { text-indent:50px;}
|
и меняем на
Код: [развернуть] |
.entry-content p{ float:left; width:285px; }
|
а width:285px; нужно выставить так что бы это было половина ширины поста или чуть меньше - поэкспериментируй
и тогда получится так как тебе надо
но это конечно извращение
|
|
|
|
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
Добавлено: 05/12/12 в 04:08 |
world-gay-sex писал: | а width:285px; нужно выставить так что бы это было половина ширины поста или чуть меньше - поэкспериментируй |
разная высота постов...
это не ковырял, но на вскидку, допилить функцию ввода постов, чтоб перед дефолтными действиями, там база и пр., пропарсить текст поста, выдернуть пикчу и сформировать два блока
|
|
|
|
С нами с 22.05.09
Сообщения: 639
Рейтинг: 1087
|
Добавлено: 05/12/12 в 09:25 |
SAV: Мысль правильная, но парсить после поста
<div class="single_left_content">
<?php $xpen=the_content();
preg_match_all(***);
и понеслась
?>
</div>
Только тут сложность в том, что если пикчу выдернуть можно регуляркой, то как он текст забьет в пост неизвестно. Может табом абзац сделать, может пробел в начале поставить или чо-нить еще впихнуть.
Мне кажется проще научить один раз, что и куда вставлять в табличку, которую я нарисовал выше, чем каждый раз выслушивать "Ааааа, все пропало!Все пропало, шеф!"
|
|
|
|
worldtraffic.trade
С нами с 20.08.06
Сообщения: 2836
Рейтинг: 2309
|
Добавлено: 05/12/12 в 14:37 |
SAV писал: | разная высота постов... |
и?
|
|
|
|
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
Добавлено: 05/12/12 в 15:07 |
world-gay-sex писал: | и?
|
код покажешь?
|
|
|
|
worldtraffic.trade
С нами с 20.08.06
Сообщения: 2836
Рейтинг: 2309
|
Добавлено: 05/12/12 в 15:37 |
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 -->
|
|
|
|
|
С нами с 16.03.07
Сообщения: 2697
Рейтинг: 3147
|
Добавлено: 05/12/12 в 15:39 |
кажется то что подсказал world-gay-sex более похоже на правду, позже попробую.
если не получится, то действительно, будет проще сделать "болванку-заготовку" поста с версткой и Цитата: | научить один раз, что и куда вставлять в табличку, которую я нарисовал выше, чем каждый раз выслушивать |
|
|
|
|
С нами с 16.03.07
Сообщения: 2697
Рейтинг: 3147
|
Добавлено: 05/12/12 в 15:42 |
world-gay-sex писал: | 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 -->
| |
еще не пробовал, но думаю этот вариант будет не всегда работать. Если в визуальном редакторе сделать абзац, то он тоже обозначит его в теги <p> и получится шляпа
|
|
|
|
worldtraffic.trade
С нами с 20.08.06
Сообщения: 2836
Рейтинг: 2309
|
Добавлено: 05/12/12 в 16:50 |
DrumNBreaks писал: | еще не пробовал, но думаю этот вариант будет не всегда работать. Если в визуальном редакторе сделать абзац, то он тоже обозначит его в теги <p> и получится шляпа |
это уже готовый код, который получился, а в редактирование поста в 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>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
|
|
|
|
|
С нами с 20.01.03
Сообщения: 18003
Рейтинг: 9760
|
Добавлено: 05/12/12 в 18:34 |
world-gay-sex писал: | 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 -->
| |
заключение в <p>, что и в <div>, как и другие тэги, в стилях настраивается, и тут нет проблем с оптиканием... ТСу же не подошел такой вариант, чтобы что-то куда-то заключать
|
|
|
|