No. 1714
投稿内容カテゴリー
amazon


リスト表示(page-itiran.php)時のアイキャッチ画像(Thumbnail)の右に文字を回り込ませる

スポンサーリンク
336×280 レクタングル(大)




ブログランキング


Palmo (パルモ)「片手でラクラク いつも安定、安全、安心」

全記事一覧用の固定ページテンプレートを作成

 一覧表示時にアイキャッチ画像を追加

そのアイキャッチ画像の右側にテキストが回り込むように設定した備忘録です。

PAGE itiran 固定ページテンプレート (page-itiran.php)を使って全記事一覧を作る

PAGE itiran 固定ページテンプレート (page-itiran.php)を使って全記事一覧を作る
目次1 PAGE itiran 固定ページテンプレート (page-itiran.php)のコードを全記事一覧用に書き換える2 全記事一覧の固定ページを作成3 記事一覧に投稿日と更新日を付け加える4 記事一覧に要約を付け加える5 プラグイン

WordPressの記事一覧にアイキャッチを表示させてみた(+αで個別記事にも)

WordPressの記事一覧にアイキャッチを表示させてみた(+αで個別記事にも)|PresentNote
WordPressの記事一覧で150×150のサムネイルサイズのアイキャッチを表示させる方法です。使用しているテンプレートはTwenty Elevenです。

<?php the_post_thumbnail(‘thumbnail’); ?>

<span style=” float: left; margin-right: 1em;”><?php the_post_thumbnail(‘thumbnail’); ?></span><br>

アイキャッチに個別記事へのパーマリンクを貼る方法

アイキャッチに個別記事へのパーマリンクを貼る方法|PresentNote
今まではアイキャッチを表示させているだけでしたが、アイキャッチにパーマリンクを埋め込もうと思い、設定してみました。さらにアイキャッチ画像ロールオーバーした際に、発光したような感じになるようにもしてみたいと思います。

style.cssに追記

/* =リンクの発光
———————————————– /
/
サムネイル */
a .linkimg {
background:none!important;
}
.entry-content a:hover .linkimg {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
background:none!important;
}

%d人のブロガーが「いいね」をつけました。