固定PAGE下層インデックス child-pages-shortcodeの装飾CSSサンプルと自エラー

固定ページの階下層を一覧表示するプラグイン
child-pages-shortcodeを使用しました。

ショートコードを使用。

ちなみに投稿ページの階下層の表示は別のプラグインList-category-postsを使用。

ある時はアイキャッチ画像が見れないのは自ミスだった事

多分自分のミスなのだけど、
いつからか自サイトでアイキャッチ画像が表示されない状態が続いて、
固定ページ編集画面の表示オプションにも表示されない事がありました。

「他のプラグインとの相性の問題?」「wordpressバージョンの相性?」
などの問題が頭に浮かんで、検索とトライ&エラーで仕事の手が遅くなったことがありました。

ただ単におそらくテーマを触った時に「function.php」内の下記の記述を間違って消してしまったようで、
下記記述を足す事で一瞬で解決しています。
 
function.php

add_theme_support(‘post-thumbnails’);

CSS例

child-pages-shortcode.css

.child_pages
{
overflow: auto;
margin-bottom: 1em;
}

.child_pages .child_page
{
float: left;
overflow: hidden;
}

.child_pages .child_page-container
{
margin:0 5px 0 5px;
padding-bottom:-10px;
border: 3px solid #dedede;
background-image: url(img/bg-white.png);
background-repeat: repeat-x;
background-position: left bottom;
border-radius: 5px;
}

.child_pages .post_thumb
{
text-align: center;
overflow: hidden;
background-image: url(img/camera.png);
background-position: center center;
background-repeat: no-repeat;
}

.child_pages .post_thumb img
{
max-width: 100%;
max-height: 100%;
}

.child_pages .post_thumb .wp-post-image
{
}

.child_pages .post_content
{
padding:0 6px;
max-height:100px;
}

.child_pages .post_content h4{
font-weight:normal;
text-shadow:none;
font-size: 90%;
line-height: 1.2em;
padding:3px;
border-radius: 3px;
background:#999;
margin-top:5px;
}
.child_pages .post_content h4 a{
color:#fff;
}

.child_pages .post_content .post_excerpt
{
font-size: 90%;
line-height: 1.2em;
margin-bottom:15px;
}

.child_pages .post_content h4{

font-weight:normal;
text-shadow:none;

 




記事のタイトルとURL をコピーする!

PAGE TOP

Copyright(c) 2012- HAGライフ All Rights Reserved.