• 解決済 shimo-kame

    (@shimo-kame)


    ワードプレス初心者です
    各固定ページのタイトルを違う画像でしたいのですが出来ません
    今1つの固定ページに
    <?php echo get_page_uri($post->ID);?>
    を入れています。
    よろしくおねがいします

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • <?php the_post_thumbnail(); ?>
    を使うと固定ページのアイキャッチ画像をヘッダーやサイドバーなど任意の場所に表示できますね。

    トピック投稿者 shimo-kame

    (@shimo-kame)

    digit@maetelさんありがとうございます。

    文面が足りずすいません

    http://xxxxxx/wp-admin/post.php?post=2308&action=edit
    http://xxxxxx/wp-admin/post.php?post=2166&action=edit
    http://xxxxxx/wp-admin/post.php?post=2164&action=edit
    http://xxxxxx/wp-admin/post.php?post=2163&action=edit
    http://xxxxxx/wp-admin/post.php?post=2162&action=edit

    5つの固定ページのタイトル名を消して<h1 class=”entry-title”>タイトル名</h1>
    各固定ページのタイトルを違う画像で表示したいのですが、どこに何を書いたらいいかわからず
    困っております。

    ご教授よろしくお願い致します

    こういうのですか?当然画像を用意しておけばIDでも可能ですが…。

    http://wpdocs.sourceforge.jp/テンプレートタグ/has_post_thumbnail
    アイキャッチ画像を使うんであれば
    固定ページのテンプレートで
    <h1 class="entry-title">タイトル名</h1>の部分を

    if(has_post_thumbnail()) {
    	the_post_thumbnail();
    } else {
    	echo '<h1 class="entry-title"></h1>'; //略
    }

    な感じで。

    こんにちは

    各固定ページの○○を違う○○にしたい

    というのは、タイトルに限らず、デザインを行っているといろいろと出てくると思います。

    こういった場合の、WordPressの一番ベーシックなやり方を覚えておくと、何かと応用が利くようになります。

    WordPressの固定ページを表示すると、body要素に、page-id-4400(数字は固定ページのID)といったクラスが自動的に挿入されます。

    なので、CSSで

    .page-id-4400 .entry-title{
     background:url(http://example.com/example.jpg);
    }

    とすれば、その固定ページの.entry-titleの背景だけを指定できます。

    このとき、たいていは、文字があるとかっこ悪いので、そういう時は、

    <h2>固定ページタイトル</h2>

    を、固定ページのテンプレートを開いて

    <h2><span>固定ページタイトル</span></h2>

    などとして、文字列操作用の要素を追加してやります。

    .page-id-4400 .entry-title span{
     visibility:hidden;
    }

    文字列などを非表示にする方法は、大雑把に、visibility:hidden;display:noneがありますが、それぞれ性質が異なるので、CSSを調べてみてください。

    私的には、最も基本的なやり方だと思っています、参考になればうれしいです

    トピック投稿者 shimo-kame

    (@shimo-kame)

    nobitaさんのやり方で出来ました!本当にありがとうございました。
    gatespaceさん Tsuyoshiさんの教えて頂いたやり方も試してみます。
    CSSもっと勉強します

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「各固定ページのタイトルを違う画像でしたい」には新たに返信することはできません。