あふぃり〜ちどっとこむ

アフィリエイトを始めるための準備と注意点(備忘録)

Twenty Eleven で抜き枠&アイキャッチ画像で閲覧表示させるには?

      2015/08/02

 抜き枠アイキャッチ00

 

Twenty Eleven でデフォルトのままだと、
全文表示で、全体を閲覧しづらい

なので、理想としては “STINGER5” のように
抜き枠&アイキャッチ画像付き表示にしたいところ

その方がサイトに訪れてきてくれた方々にも親切かなと……

 

このカスタマイズは、

“content.phpファイル”

を少し書き換えなければならないので、
小テーマで編集~~!

 

まず “Twenty Eleven:content.php”

の書き込まれた元祖のファイルを全てコピーする

 

それをテキスト、もしくはメモ帳、 Dreamweaver などにペースト

 

下記のピンク下線部分を書き換える↓

プリセット時

 

 

 

下記のように書き換える
(上記図のピンク下線部分を赤下線部内容へ書き換え、そして青下線内容を追記)↓

これにする

 

 

 

書き換えたら、“content.php” でファイルを保存

それをサーバーのファイルマネージャーから、小テーマ内にアップロード

 

『小テーマの超簡単な作成の仕方』参照 

 

レイアウトは微妙ですがとりあえずこんな感じになりましたです笑

もっとちゃんとSTINGERみたいに文字を折り返して表示出来るみたいですが
わたしはこれでとりあえずよしとしてみます笑↓

スクリーンショット 2014-10-11 16.26.33

 

ではテキトー備忘録でした〜〜(‾ェ(‾ェ‾)ェ‾)v

 

 

 

"サーバー契約・ASP登録・ドメイン取得” の
注意点や選び方をまとめてみましたので
こちらもチェックしてみて下さい☆
★レンタルサーバー選び方
注意点
はこちら

★登録必須ASPの内容
ピックアップ
はこちら
★独自ドメイン取得
注意点
はこちら

 

 - 小テーマについて, css・html について, テーマカスタマイズ, Twenty Eleven について , , , ,

スポンサーリンク



スポンサーリンク



Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

9 + twenty =

  関連記事

特定箇所へジャンプさせる方法(ページ内に目次を作る)

  サイトの記事を書く際で、細部までなるべく丁寧に説明しようと書いてい …

子テーマの超簡単な作成の仕方!

    ☆ テーマの編集についての注意点   *W …

hタグ(見出しタグ)ルール

    ブログやサイトで記事を書く際に、“タイト …

記事内にソースコードを表示させるプラグイン Crayon Syntax Highlighter

  サイトで記事を書いていると、CSS ,HTML, などのコードを書 …

Word Pressメニューバーカスタマイズ

    Word Pressはサイトやブログを運営していくための友ツー …

タグを記憶させておけるWPプラグン AddQuicktag

  記事を書く時毎回使うタグってありますよね それを毎回書いてると面倒 …

Word Press子テーマや他テーマの一番単純なアップロードの仕方

  Word Press&エックスサーバーだと、 子テーマを作成してサ …

リンク付き画像を簡単設置〜Image Widget〜

    サイドバーなどにリンク付きの画像を設置したい時ってあ …

AdSense レスポンシブ広告余白背景カラーの変更

  Adsense広告はレスポンシブを設定してますが ワードプレスのテ …

Word Press無料テーマ4種レビュー

  サイト構築の上で、 サイトのデザインは大切 まずは視覚的イメージが …