STINGER7の関連記事を2列に表示する

公開日: wordpress  ,

閲覧所要時間: 約 2

wordpress関連記事をサクッと2列に表示

20160326010020

STINGER以外でも出来るかも!?(試していないのではっきりした事は言えませんけどwww)

ただstinger7以外で試して上手く出来たヴァージョンはstinger5、stinger6でも大丈夫でした。

やることをサクッと纏めてみるとこんな感じです

1、コンテンツ部分の幅を大きくする

2、kanren.phpを違う名前でもう一つ作る例として(kanren-main)を用意する

3、single.phpの編集

4、CSSを付け加える

以上です。

では簡単にいきますね。

1、本文部分のコンテンツ幅を728pxに広げます。変更するCSSはこの部分。

を以下に変更

2、kanren.phpをダウンロードして以下に書き換える。ここではkanren-main.phpとして同じ場所にアップロードする。

を以下に変更する

4、最後にCSSに以下を追加して出来上がりです。
あくまでも子テーマでの事ですので親テーマを利用してる場合は以下に書き換えるようにしてください。

以下はタブレットやスマホなどでレスポンシブ表示させる為のものです。

ただし2列には表示されませんのでお間違えのないようにね

もうすぐ春ですね。。。。
めちゃ早い・・・・・・・
STINGERも知らない内にヴァージョン7ですね。
私のこのブログはヴァージョン3のままですwww
ヴァージョン6位からファイルの数もかなり多くなってきてカスタマ難しそうだけど機能がかなりUPしてる感じだしアップグレードしようか考え中です。

wordpressのカテゴリで本日よく読まれてる記事

まだデータがありません。

他カテゴリで本日よく読まれてる記事

まだデータがありません。

 関連記事-こちらもどうぞ

 タグ関連記事

20140302220743

wordpressのコメントフォームに写真を表示するようにfunctions.phpに書く方法

wordpressのコメントフォームに写真を表示する方法の第三段です 今回はfunctions.phpにコード書いて表示する方法です 今までのものをおさらいすると 1.「Simple Local...

記事を読む

20131116222006

Stingerのテーマを導入後の設定科目

Stingerのテーマを早速導入しました。これから基本的な設定はStingerの本家サイトにあるのでそれを見ながらやります。 SEOにも効果のあるWordPressの基本設定を参考にして下さ...

記事を読む

20131214090408

Stinger3にPocketボタンを追加してみました

最近Pocketの存在を知りました 色んなパソコンやタブレット使ってるとブックマークの同期などにも疲れてしまいグチャグチャになりがちな私に このPocketの存在を知り使ってみたら凄く...

記事を読む

子テーマ

STINGER3の子テーマの作り方

今まであまり子テーマを作ることに関心はなかったのですが最近やっぱ作った方が管理しやすいかなと思い  私のブログにも子テーマを作ることにしましたのでそのやり方を簡単にメモ代わりに書いていきます...

記事を読む

20140226043134

stingerのフッターにくっついてくるsnsを取ることにしました

このブログを書き始めてかなり月日も経ちました。 やっと少しずつではありますがwordpressのことが漠然ですが理解しつつあります。 とは言ってもソースを書くことなんかは一生無理ぽいですが検索しな...

記事を読む

コメントを残す

更新情報

Simplicity2.4安定版が出ました  更新日: 12月13日
STINGER8が出ました  更新日: 12月13日
20170719235441
Simplicityの固定ページにショートコードを使って特定のカテゴリを表示する方法

今から紹介する方法はSimplicityのテーマじゃなくても動きま

20170719095238
WordPressの固定ページでカテゴリーやタグを使えるようにする方法

今まで使う機会がなかったのですがちょいと入り用が出来たので固定ペー

20170711084633
Simplicityのカスタマイズ時にスタイルシートが反映されない時の注意

Simplicityで良くハマることがスマホ用のスタイルシートが反

20170602170051
Simplicityで使えるスキンの「m-tomato」が凄く良い

Simplicityではスキンと言う機能があり スタイルシートの

20170520130242
無料テーマの「Numinous」の紹介

Numinous はクリーンでエレガントなマガジンタイプの Wor

→もっと見る


まだデータがありません。

  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでもPC表示にする方法 - 週間後藤隊長より[06/18]) […] 参考サイト […]
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (優香より[02/17]) お返事遅くなり申し訳ございませんでした。 wordpress popular p…
  • そのままでは危ないWordPressの設定へのコメント (【重要】WordPress4.7と4.7.1の人は4.7.2にすぐにアップデートしましょう! | 時代は変わる(PCやネット関連)より[02/12]) […] そのままでは危ないWordPressの設定マメにWordP…
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (HYより[02/09]) この記事大変参考になりました。 すみません。一つご質問があります。 「Wor…
  • wordpressテーマのGushにしたらwp-jquery-lightboxが動かないへのコメント (優香より[03/01]) Elloraさん こちらこそよろしくお願いします。 ありがとございました。

    スポンサードリンク