ショートコード利用で、classを与えたい
-
横幅が広いイメージ画像のみにclassを付けたいです。
現在、1つの画像に1つの投稿ページを作成しています。
カスタムフィールドを利用し
「mainphoto」と言うフィールドを追加して
そこにhttp://www.example.com/images/sample.jpg
を記載し、<?php if(get_post_meta($post->ID,'mainphoto',true)){ echo '<p><img src="'.get_post_meta($post->ID,'mainphoto',true).'" alt="'; echo the_title_attribute( 'echo=false' ).'"></p>'; } if(get_post_meta($post->ID,'lower-desc',true)){ echo '<p class="img-desc-bottom">'.get_post_meta($post->ID,'lower-desc',true).'</p> '; } ?>
として、画像を表示させています。
(今までhtmlで作ったサイトの画像フォルダから移動させると、
アドレスが変わりgoogle的に良くないのかな?と思っての事です。)横長の画像と縦長の画像があり、
レスポンシブデザインに対応させたい為、
横長の画像のimgタグにclassを与えて、max-widthを設定したいと思っています。方法としてショートコードを利用すれば良いかと思い、
function.phpにfunction my_add_yokosize() { echo ' class="yoko280"'; } add_shortcode('yokosize', 'my_add_yokosize');
と記載し、
投稿用のsingle.phpに<?php if(get_post_meta($post->ID,'mainphoto',true)){ echo '<p><img src="'.get_post_meta($post->ID,'mainphoto',true).'" alt="'; echo the_title_attribute( 'echo=false' ).'"'; if ( has_shortcode( $post->post_content, 'yokosize' ) && is_singular() ) { echo do_shortcode('[yokosize]'); } echo '></p>'; } if(get_post_meta($post->ID,'lower-desc',true)){ echo '<p class="img-desc-bottom">'.get_post_meta($post->ID,'lower-desc',true).'</p> '; } ?>
など色々と試してみたのですが上手くいきません。
解決策を教えて頂けないでしょうか?
詳しくPHPを分かっておりません。
何卒、宜しくお願い致します。
9件の返信を表示中 - 1 - 9件目 (全9件中)
9件の返信を表示中 - 1 - 9件目 (全9件中)
- トピック「ショートコード利用で、classを与えたい」には新たに返信することはできません。