wordpress3.5に関して質問です。

固定ページのレイアウト
(タイトル名、左右の余白、本文のフォントサイズ等)
を投稿ページと同じようにしたいと思っています。
style.cssのどこを修正して良いのかご指導頂ければと思います。
宜しくお願い致します。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/03/30 15:32:02
  • 終了:2013/04/02 18:16:55

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4605ベストアンサー獲得回数19422013/03/31 16:24:28

ポイント150pt

<BODY> についているクラスが、投稿ページと固定ページで違っています。

例えば、この投稿ページには、BODY タグには以下のようなクラスが指定されています。

single single-post postid-256 single-format-standard custom-background single-author singular two-column right-sidebar

こちらの固定ページ の BODY タグは以下の通り。

page page-id-53 page-template-default custom-background single-author singular two-column right-sidebar

分かりやすいように、id と共通のクラスを除くと、以下が違っています。

投稿ページ

single single-post single-format-standard 

固定ページ

page page-template-default 

style.css を見ると、クラス .sigle-post に対して、以下のような指定があります。

/* 個別ページ用のスタイル */
/* 20130308追加 */
/* 20130326追加 */
body.single-post .entry-meta{
       margin-left:4.5%;
}
body.single-post .pkz{
       margin-left:4.5%;
       font-size:14px;
}


body.single-post .entry-content img {
    display: block;
/* 20130317変更 */
   /* margin-right: auto; */
    margin-right: 1em;
    margin-left: auto;
}

body.single-post .entry-content {
    font-size:1em;
    /*margin-right: 1em;*/
   /* margin-left: auto;*/
   /* width:100%; */
      width:90%;
}
/*20130322追加 */
body.single-post .entry-title {
    font-size:26px;
    margin-left:4.5%;
}

クラス pkz は、固定ページには無いようなので、その他の指定を body.page に対しても、指定してあげれば良いと思います。
例えば、こんな感じで。

/* 個別ページ用のスタイル */
/* 20130308追加 */
/* 20130326追加 */
body.single-post .entry-meta, body.page .entry-meta{	/* ★ */
       margin-left:4.5%;
}
body.single-post .pkz{
       margin-left:4.5%;
       font-size:14px;
}


body.single-post .entry-content img, body.page .entry-content img {	/* ★ */
    display: block;
/* 20130317変更 */
   /* margin-right: auto; */
    margin-right: 1em;
    margin-left: auto;
}

body.single-post .entry-content, body.page .entry-content {	/* ★ */
    font-size:1em;
    /*margin-right: 1em;*/
   /* margin-left: auto;*/
   /* width:100%; */
      width:90%;
}
/*20130322追加 */
body.single-post .entry-title, body.page .entry-title {	/* ★ */
    font-size:26px;
    margin-left:4.5%;
}


もし、single.php を直接いじってスタイルやレイアウトを変更しているところがあれば、同じような修正を page.php にもしてあげる必要があります。

他6件のコメントを見る
id:a-kuma3

個人的には、↓の position: absolute; ってどうなんだろう、と思いつつ、元の style.css も、そうなってるので触らないとして、

.singular .entry-header .entry-meta {
    position: absolute;
    top: 0;
    left: 0;
}

調整するとしたら、以下の部分。

.singular .hentry {
    border-bottom: none;
/* 20130327修正 */
    /* padding: 4.875em 0 0; */
        padding: 0 0 0 0;
    position: relative;
}

padding-top を 4.875em → 0 にしてますが、適当な大きさ (1.5em ~ 2em くらい?) にしておけば良いと思います。

2013/04/02 17:06:18
id:mkusume

ちょっとまた関連している事でお伺いしたい事がでてきましたのでこの質問は一旦閉じて再度質問させて頂きます。

2013/04/02 18:16:18

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません