無料プレゼント情報!

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

    【WordPress】カテゴリー&タグ設定

    カテゴリーの設定カテゴリーは記事の新規追加の欄でも追加すること…

  2. 【WordPress】設定の解説

    WordPress

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

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

  3. 初心者に知って欲しいWordPressの5つのメリット

    WordPress

    アフィリエイト初心者に知って欲しいWordPressの5つのメリット

    数年前までは「サイトを作る」と言ったら、FC2ブログやアメーバ…

  4. 【WordPress】新しい管理者・新規ユーザーの登録方法

    WordPress

    【WordPress】新しい管理者・新規ユーザーの登録方法

    管理者・新規ユーザーの登録方法手順①「新規追加」をクリック…

  5. 【WordPress】 ウィジェットの使い方

    WordPress

    【WordPress】 ウィジェットの使い方

    ウィジェットとはウィジェットはサイトのサイドバーに入れる項目を…

  6. WordPress

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

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

コメント

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

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

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

投資成績

【自分で運用する投資】

2013年 年利10.8%

2014年 年利12.7%

2015年 年利15.3%

2016年 年利16.6%

2017年 年利20.9%←New!!


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%

2017年9月 月利1.77%

2017年10月 月利1.75%

2017年11月 月利1.96%

2017年12月 月利1.83%

2018年1月 月利1.95%

2018年2月 月利1.86%

(2ヶ月の複利3.8%)

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

【四季報-見出し分析】

2016新春号 損益率-3.5%

2016春号 損益率 +15.4%

2016夏号 損益率 -1.9%

2016秋号 損益率 +15.2%

2017新春号 損益率 +21.5%



→詳しい実績はコチラ

最近の記事

  1. 円高・円安
  2. ドルコスト平均法
  3. FXのスプレッド

facebook友達募集中!

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

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

PAGE TOP