Re: BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者）

トップ > テーマ制作 > BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者）

Godin > BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者） @ 2015/4/8 10:45
» n1215 > Re: BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者） @ 2015/4/9 0:26
Godin > Re: BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者） @ 2015/4/9 11:51

n1215 > Re: BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者） @ 2015/4/9 0:26
Godin 様 http://komomo.biz/works/index こちらのページのソースを見ると画像のimgタグ自体は２つ分出力されており、２つ目の画像がCSSのdisplay:noneで非表示になっていることがわかりました。（何故このような仕様になっているかまではちょっとわかりませんが……）テーマ適用時に表示が異なるのは、HTMLが若干違うためにCSSでが上手く適用されないせいのようです。最新版でテーマを適用した状態では、２つ目の画像のimgタグがaタグで囲まれてしまっています。この部分を修正する必要がありますね `<a href="/works/archives/1"> <img src="/theme/bccolors/files/blog/works/blog_posts/2014/02/00000001_eye_catch.png?1465123803" class="img-eye-catch" alt="" /> <!-- ↓このaタグが余計--> <a href="/theme/bccolors/files/blog/works/blog_posts/2014/02/00000001_eye_catch.png?361569154" class="img-eye-catch" rel="colorbox"> <img src="/theme/bccolors/files/blog/works/blog_posts/2014/02/00000001_eye_catch.png?1685421319" alt="" /> </a> </a>` app/webroot/theme/bccolors/Blog/works/index.phpが実績一覧のページ（ http://example.com/works/index ）を表示するコンテンツテンプレートとなっています。該当箇所は33行目あたりです。 `<a href="<?php echo $uri ?>"> <?php $this->Blog->eyeCatch($post, array('link'=>false)) ?> <?php $this->Blog->eyeCatch($post, array('noimage'=>'/theme/bccolors/img/blog/works/noimage.png')) ?> </a>` ２つ目の画像をリンクで囲まれないようにするということで `<a href="<?php echo $uri ?>"> <?php $this->Blog->eyeCatch($post, array('link'=>false)) ?> <?php $this->Blog->eyeCatch($post, array('link'=> false, 'noimage'=>'/theme/bccolors/img/blog/works/noimage.png')) ?> </a>` で良いと思いますがいかがでしょう？ Twitter:　@n_1215

n1215 > Re: BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者） @ 2015/4/9 0:26

Godin 様

http://komomo.biz/works/index
こちらのページのソースを見ると画像のimgタグ自体は２つ分出力されており、
２つ目の画像がCSSのdisplay:noneで非表示になっていることがわかりました。
（何故このような仕様になっているかまではちょっとわかりませんが……）

テーマ適用時に表示が異なるのは、HTMLが若干違うためにCSSでが上手く適用されないせいのようです。
最新版でテーマを適用した状態では、２つ目の画像のimgタグがaタグで囲まれてしまっています。
この部分を修正する必要がありますね


<a href="/works/archives/1">
<img src="/theme/bccolors/files/blog/works/blog_posts/2014/02/00000001_eye_catch.png?1465123803" class="img-eye-catch" alt="" />
<!-- ↓このaタグが余計-->
<a href="/theme/bccolors/files/blog/works/blog_posts/2014/02/00000001_eye_catch.png?361569154" class="img-eye-catch" rel="colorbox">
<img src="/theme/bccolors/files/blog/works/blog_posts/2014/02/00000001_eye_catch.png?1685421319" alt="" />
</a>
</a>

app/webroot/theme/bccolors/Blog/works/index.phpが実績一覧のページ（ http://example.com/works/index ）を表示するコンテンツテンプレートとなっています。
該当箇所は33行目あたりです。


				<a href="<?php echo $uri ?>">
						<?php $this->Blog->eyeCatch($post, array('link'=>false)) ?>
						<?php $this->Blog->eyeCatch($post, array('noimage'=>'/theme/bccolors/img/blog/works/noimage.png')) ?>
				</a>

２つ目の画像をリンクで囲まれないようにするということで


				<a href="<?php echo $uri ?>">
						<?php $this->Blog->eyeCatch($post, array('link'=>false)) ?>
						<?php $this->Blog->eyeCatch($post, array('link'=> false, 'noimage'=>'/theme/bccolors/img/blog/works/noimage.png')) ?>
				</a>

で良いと思いますがいかがでしょう？

Twitter:　@n_1215

フラット表示

前のトピック | 次のトピック

Re: BCCOLORS（実績一覧）ページで、画像が２段積みになってしまう件です（初心者）

キーワード検索