サポート » テーマ » twentyfourteenのページ送り部分のカスタマイズ

  • 解決済 echo2014

    (@echo2014)


    こんにちは。よろしくお願いいたします。

    現在twentyfourteenのカスタマイズをしています。
    twentyfourteenは記事のページのページ送りが2段になってます。
    これを一段にして前の記事、次の記事、それぞれの記事のサムネイルも入れたいとがんばっているのですが、2段を一段にすることすらできません・・・
    (CSSの、display:blockがダメなのかな?と外しても2段のままでした)

    このような形にするにはどのようなカスタマイズをしたらよいのでしょうか?
    こちらのようなデザインにしたいと思ってます。(説明がわかりにくいかもしれないので画像をリンクさせました)
    http://www.fastpic.jp/images.php?file=8498399839.jpg

    お詳しい方、カスタマイズの仕方を教えていただけるとうれしいです。
    どうぞよろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは。
    CSSの.post-navigation aに対して、横幅の指定を50%にし、回り込みをする指定を書き込みます。

    width: 50%;
    float: left;

    これで1段になります。

    ただし、希望されているデザインですと、前の記事、次の記事が対象になっているので、.post-navigation aではなく、要素に対して前の記事用のクラスと次の記事用のクラスをつけて、別々のCSSをあてられるようにしなければいけません。

    それはCSSではなくテンプレートファイルを触らなければいけません。
    該当箇所はinc/template-tags.php の 68行目 twentyfourteen_post_nav 以下部分になります。
    ただしここを直接編集すると(CSSもそうですが)、テーマにアップデートがあった際消えてしまうので、子テーマ化する方が良いかもしれません。

    サムネイルの追加もされたいのであれば、下記のサイトを参考にされてはいかがでしょうか。
    http://pressstocker.com/postnavi-eyecatch/

    get_the_post_thumbnailについては下記をどうぞ。
    http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/get_the_post_thumbnail

    トピック投稿者 echo2014

    (@echo2014)

    >Junko Nukagaさま

    アドバイスいただきありがとうございます。
    教えていただきました「width: 50%;float: left;」にしましたら
    一列にすることができました!ありがとうございます!
    その後、サムネイルを入れようとがんばっているのですが・・(かれこれ3時間以上・・トホホです)画面にエラーが表示されてばかりです・・・
    inc/template-tags.phpの
    next_post_link( ‘%link’, __( ‘<span class=”meta-nav”>←次の投稿</span>%title’, ‘twentyfourteen’ ) );
    previous_post_link( ‘%link’, __( ‘<span class=”meta-nav”>前の投稿→</span>%title’, ‘twentyfourteen’ ) );
    の部分に、お教えいただいたページに書いてあった
    <?php echo get_the_post_thumbnail($page->ID, ‘thumbnail’); ?>を、
    上の%titleの部分と入れ替えたいのですが(タイトルは不要なので・・・)
    ペーストしてもエラーが出るばかりなのです。
    <?phpと ?>の部分を外してもやはりエラーが出てしまいます。

    なにか決まりのようなものがあるのでしょうか・・?

    子テーマ化も気になっているのですが、ついつい本体をカスタマイズしてしまいます。

    お返事が遅くなりましたが、エラーの内容はいつも同じでしょうか?
    エラーの内容を教えて頂けたら、もう少しアドバイスできるかもしれません。

    トピック投稿者 echo2014

    (@echo2014)

    >Junko Nukagaさま

    こちらこそお返事が遅れて申し訳ないです。。
    お気にかけていただいてとってもうれしいです。
    ありがとうございます。
    ページ送りのほうはいろんなサイトなどを参考にして、だんだんと形になってきました!
    あと一息のところまで来ています。
    少しずつしか進まないですが、なんとか出来そうです。
    ヒントや参考ページなど教えていただき感謝です。
    また他の質問をするかもしれません、そのときはまたよろしくお願いいたします。

    ありがとうございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「twentyfourteenのページ送り部分のカスタマイズ」には新たに返信することはできません。