こんにちは。
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
>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と ?>の部分を外してもやはりエラーが出てしまいます。
なにか決まりのようなものがあるのでしょうか・・?
子テーマ化も気になっているのですが、ついつい本体をカスタマイズしてしまいます。
お返事が遅くなりましたが、エラーの内容はいつも同じでしょうか?
エラーの内容を教えて頂けたら、もう少しアドバイスできるかもしれません。
>Junko Nukagaさま
こちらこそお返事が遅れて申し訳ないです。。
お気にかけていただいてとってもうれしいです。
ありがとうございます。
ページ送りのほうはいろんなサイトなどを参考にして、だんだんと形になってきました!
あと一息のところまで来ています。
少しずつしか進まないですが、なんとか出来そうです。
ヒントや参考ページなど教えていただき感謝です。
また他の質問をするかもしれません、そのときはまたよろしくお願いいたします。
ありがとうございました。