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してる感じだしアップグレードしようか考え中です。

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

  1. お洒落で即使えそうなCSS その1
  2. ご挨拶

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

 タグ関連記事

20131214105251

stinger3にfeedlyボタンを設置してみました

Feedlyとは、更新したブログやサイトをお知らせしてくれる「RSS」を受け取るRSSリーダですよー 早速Feedlyボタン設置用HTMLタグを用意しましょう やり方はシンプルですぐに...

記事を読む

20131210234335

STINGER3の記事に区切り千を入れてみたよ

STINGER3のオリジナルだと以下のスナップ写真です。 STINGER3それを記事の下に区切り線を入れてみました。 style.cssから編集します オリジナルは以下になってます [c...

記事を読む

20131214112030

stinger3のヘッドバナーサイズの変更のやり方

オリジナルヘッダー画像サイズは986px×150pxです 高さを変更したい場合 「テーマ編集」より「テーマの為の関数(functions.php)」を選択して以下のタグを探して書き...

記事を読む

20161213164123

STINGER8が出ました

wordpressを使って一番最初に使ったテーマがSTINGERでした。 もう何から何まで感動しました。 このテーマは今もSTINGER3を使っていますが今はSTINGER8まで出てるとはww...

記事を読む

20140302220743

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

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

記事を読む

ブログ管理者などによく売れてる本です

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20180121041301.jpg
simplicity2のグローバルメニューにアイコンを入れる方法

simplicity2に簡単コピペで出来るサンプルをザックと書き残

20180114005419.jpg
WordPressテーマ国産品の無料テーマchameleonの紹介

chameleonの特徴 1、シンプル なデザイン 2、ヘ

PAK58_kiokuyorikiroku_TP_V.jpg
エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズを

74281b8770b9cc5360dbb3bb37f84352_s.jpg
グローバルメニューをスクロール固定する【Simplicity2】

グローバルメニューをヘッダーの一番上に固定する方法を紹介したいと思い

b27a471af36017d6c98acf63487003b3_s.jpg
LiteSpeed CacheをONにするとアフィリエイト広告が表示されない現象

アフィリエイト広告を貼り付けても広告が表示されない現象 問題は

→もっと見る


スポンサードリンク