無料プレゼント情報!

WordPress

【WordPress】テーマの編集でHTMLとCSSを編集する方法

テーマの編集でHTML・CSSを編集

テーマの編集では、適用しているテーマのHTML・CSS・PHPのコードを直接書き換えることができます。

※この操作はHTML・CSSの基本を理解している人が自己責任でやるようにしてください!

手順① サイトトップから変えたい領域で右クリック

サイトトップを確認して、変えたい領域を決定します。下の図では、各記事のフッターエリアの背景色を変更します。

変えたい領域の上で右クリックし、「検証」を選択します。

テーマの編集でhtml・cssを編集する方法

手順② 変えたい領域のid名・class名を確認

「検証」を選択すると、HTML・CSSのコードが表示されます。変えたい領域のHTMLを確認します。

下の図の場合、変えたい領域は「entry-footer」というclass名が当てられていました。そして、CSSを確認すると、「entry-footer」の背景色(background-color)には#f7f7f7(薄い灰色)が当てられていることがわかりました。

テーマの編集でhtml・cssを編集する方法

手順③ 「テーマの編集」でid名・class名を検索する

「テーマの編集」に戻って、Macであれば【command】+【F】、Windowsであれば【Ctrl】+【F】でそのウィンドウ中の文字に、先ほどのid名・class名がどこにあるか検索をします。検索をかけると自動的に検索した単語に色がつきます。

テーマの編集でhtml・cssを編集する方法

手順④ CSSを書き換え「ファイルを更新」をクリック

該当するid名・class名が見つかったら、cssコードを書き換えます。(しっかり書き換えた部分はメモに残しておきましょう)そうしたら「ファイルを更新」をクリックします。

テーマの編集でhtml・cssを編集する方法 テーマの編集でhtml・cssを編集する方法

手順⑤ 変更されたか確認する

変更がされたか確認しに行きましょう。サイトトップに行き、「更新」を押します。サイトが変更されていれば書き換え完了です。

テーマの編集でhtml・cssを編集する方法

※書き換えが更新されない時の対処法

この時に変化がなくて「あれ?」ということが良くあります。その時の解決方法をご紹介します。

  1. 新しいタブで【Command】+【Y】を打って、ブラウザの「履歴」を表示
  2. 「閲覧履歴データを消去する」を選択
  3. 「キャッシュされた画像とファイル」だけにチェックを入れて、「消去」を選択
  4. サイトトップに戻り、「更新」をクリック

CSS書き換え前のデータがキャッシュ(通信回数を減らすために画像などのデータを保存しておく機能)に残ったままになっていて、新しく書き換えたCSSが反映されない現象が起きているので、キャッシュを一旦消去して再度CSSを読み込ませるようにしているということです。

基本的にはHTML・CSSの基本的な扱いがわかっている人のみが操作をしましょう!

無料プレゼント情報!

関連記事

  1. WordPress

    【WordPress】固定ページの新規追加と編集画面の解説

    固定ページと投稿ページの違いは?固定ページと投稿ページは編集方…

  2. 【WordPress】外観のカスタマイズの使い方

    WordPress

    【WordPress】外観のカスタマイズの使い方

    外観のカスタマイズの解説【外観】の【カスタマイズ】では…

  3. 【WordPress】プラグインの探し方と導入方法

    WordPress

    【WordPress】プラグインの探し方と導入方法

    プラグインの検索&導入方法方法① WordPressから検索&…

  4. 【WordPress】テーマのテンプレートの探し方と導入方法

    WordPress

    【WordPress】テーマのテンプレートの探し方と導入方法

    テーマとは?サイトのデザインや機能などをワンセットにしたものを…

  5. 【WordPress】設定の解説

    WordPress

    【WordPress】最初に確認したい9つの設定

    設定では項目が多くて面倒ですが、SEO的に大事な部分があります。…

  6. 【WordPress】記事の新規投稿&編集画面の解説

    WordPress

    【WordPress】記事の新規投稿&編集画面の解説

    記事を新しく投稿する方法WordPressで新しい記事を投…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

投資成績

【自分で積立投資-SP投資】

2013年 年利10.8%

2014年 年利12.7%

2015年 年利15.3%

2016年 年利16.6%


2017年1月 月利1.49%

2017年2月 月利1.48%

2017年3月 月利1.85%

2017年4月 月利1.97%

2017年5月 月利1.60%

2017年6月 月利2.30%

2017年7月 月利1.85%

2017年8月 月利2.03%←New!!

(8ヶ月の複利14.2%)

※利率は低く見えますが、資金を他人に預けない形の積立式運用なので、安全に着実に複利運用で資産が倍増していきます。

【個人投資成績】

1月 +66万6250円(月利133.3%)

2月 +170万5000円(月利341%)

3月 +62万8250円(月利125.7%)

4月 +24万8000円(月利49.6%)

5月 -13万4500円 残念!

6月 +5万3750円(月利10.8%)

7月 +10万250円(月利20.1%)

8月 -25万8750円 残念!←New!!

8ヶ月累計 +300万8250円(利率602%)

※元本50万円を用意した場合の結果

【四季報-見出し分析】

2016新春号 損益率-3.5%

2016春号 損益率 +15.4%

2016夏号 損益率 -1.9%

2016秋号 損益率 +15.2%

2017新春号 損益率 +21.5%



→詳しい実績はコチラ

最近の記事

  1. レバレッジと強制ロスカット
  2. FXとは?

facebook友達募集中!

※メッセージで「IBカレッジから来た」と知らせてくれると確実に承認できます!

ブログランキング参加中!

  1. アフィリエイターの強い味方!Xserverの申し込み方法解説

    ブログ-ツール

    アフィリエイターの強い味方!Xサーバーの申し込み方法解説
  2. Xサーバーでドメインの取得と登録方法を解説!

    ブログ-ツール

    Xサーバーでドメインの取得と登録方法を解説!
  3. 【株式】損切りできずに塩漬けにしていませんか?その心理を解説!

    株-基礎知識

    塩漬け株にしない「損切り3か条」で楽をしよう!
  4. 【WordPress】テーマの編集でHTMLとCSSを編集する方法

    WordPress

    【WordPress】テーマの編集でHTMLとCSSを編集する方法
  5. 一瞬でインストール完了!XサーバーでWordPressの導入

    ブログ-ツール

    一瞬でインストール完了!XサーバーでWordPressの導入
PAGE TOP