2016-03-07 3 views
0

Вот что я иду:Wordpress, PHP - Вставка изображений в Тематической Главная

enter image description here

Вот мой последний скриншот страницы:

enter image description here

Теперь я просто нужно правильно вставить изображение Christi и сделать ширину статьи шире. К сожалению, я не знаю, как вставить изображение в php.

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

<article class="front"> 
<!--<h2 class="first-title"> 
<?php 
if (get_theme_mod('ti_frontpage_article_title','About us')) { 
echo get_theme_mod('ti_frontpage_article_title','About us'); 
} 
?> 
</h2> 

<?php 

if (get_theme_mod('ti_frontpage_article_image' 
,get_template_directory_uri().'/images/about_us.jpg')) { 

?> 
<img src="<?php echo get_theme_mod(
'ti_frontpage_article_image',get_template_directory_uri(). 
'/images/about_us.jpg'); ?>" 
alt="<?php echo get_theme_mod('ti_frontpage_article_title','About us' 
); ?>" 

title="<?php echo get_theme_mod('ti_frontpage_article_title', 
'About us'); ?>"> 
<?php } 
?>--> 

<?php 
if (get_theme_mod 
('ti_frontpage_article_content','Lorem ipsum dolor sit amet, 
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut 
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
proident, sunt in culpa qui officia deserunt mollit anim id est 
laborum. Sed ut perspiciatis unde omnis iste natus error sit 
voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque 
ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae 
dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit 
aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos 
qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.')) 
{ 

echo '<p>' . get_theme_mod 
('ti_frontpage_article_content', 
'<img src="images/Christie_Schmuke.jpg" alt="Christi Schmuke"> 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde 
omnis iste natus error sit voluptatem accusantium doloremque 
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore 
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo 
enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, 
sed quia consequuntur magni dolores eos qui ratione voluptatem sequi 
nesciunt. Neque porro quisquam est.') . '</p>'; 

} 
?> 
</article> 

Как вы можете видеть, я заметил, некоторые из исходного кода, который включал h2 «о нас» и образ города из constructzine -lite theme (front-page.php). Если вы думаете, что я могу вставить изображение, просто используя CSS, и вы хотели бы видеть style.css, пожалуйста, дайте мне знать. Я использую дочернюю тему, чтобы доработать большую часть CSS. Пожалуйста, помогите, если это возможно. Благодаря!

EDIT: Я использую дочернюю тему, но родительская тема - Constructzine-Lite.

+1

А как насчет того, чтобы использовать ее изображение в качестве цветного изображения для страницы и вызвать соответствующие функции? – hungerstar

+0

Вы имеете в виду, что я должен вынести комментарии для «h2 - about us» и заменить изображение? Я мог бы попробовать это, но я довольно близко прямо сейчас, как это происходит ... – HappyHands31

+2

Я верю @hungerstar означает, что вы должны писать контент в сообщении (или пользовательский тип сообщения) и использовать опцию с включенным изображением, а затем отображать его с чем-то вроде ' 'alignleft')); ?> ' –

ответ

1

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

Вы можете запрограммировать полный путь к изображению, если вам действительно нужно и хотите избежать PHP. http://example.com/wp-content/themes/theme_name/images/image.jpg

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

1
<?php echo '<img src="'.get_template_directory_uri().'/images/image.jpg'">' ?> 

Имейте в виду, что get_template_directory и get_template_directory_uri - это два разных тонких gs. Один возвращает значение, равное значению (соответственно).

Смежные вопросы