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秒ごとに資産が増えています。

過去5年の投資の成績
2015年 年利15.3%
2016年 年利16.6%
2017年 年利20.9%
2018年 年利22.0%
2019年 年利20.9%

しっかりとした投資知識を手に入れ、
お金持ちになれるマインドセットを獲得すれば、
誰でも資産を築くことができます。

『投資って難しいんじゃないの?』
と思う方が多いかもしれませんが、僕がしている投資は
・参加者の97%が成功している投資術
・1週間で不労所得を獲得できる
・年利10%以上を確実に出し続けられる
・毎月たった5分の作業しかしない
などなど、かなり特徴のある投資です。

たった1週間で不労所得を獲得できる知識とマインドを配信していますので、
興味のある方は以下のリンクからご登録ください。

関連記事

  1. WordPress

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

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

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

    WordPress

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

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

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

    WordPress

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

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

  4. 【WordPress】設定の解説

    WordPress

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

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

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

    WordPress

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

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

  6. 【WordPress】メニューの設定方法

    WordPress

    【WordPress】メニューの設定方法

    メニューの設定方法メニューでは「ヘッダーのメニュー」や「サイドバー…

コメント

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

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

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

こちらもチェック!

記事を書いた人


初めまして。青木隆治です。


ブロガーをしながら、投資で培った資産から得られる不労所得(働かなくても得られるお金)で生活をしています。


投資と聞くと
『えっ、危ないんじゃないの?』
と反射的に考えてしまう人が多いです。


実際数年前の僕もそんな反応でした。


しかし、お金のことを学べば学ぶほど、投資が今後の日本・世界で生きる上では大事だということに気づきます。


もともと男子校の先生をしていたのですが、その頃の僕は本当に頭の固い人間で


『お金は汗水たらして得るものだ!』
『投資は危ないものだ!』
『お金は人生で必要ではない!』


などと公言していました。


しかし、今ではお金に対するしっかりとした知識・マインドを手に入れることで、『お金に対する苦しみ』が極限まで薄くなっています。


では、そんな僕がどのようにして投資で成功したのか、どんな知識を手に入れてきたのか、詳しく書いてあるのでご覧ください。


↓↓↓↓↓↓↓↓
青木隆治のプロフィール

投資成績

【自分で運用する投資】

2013年 年利10.8%

2014年 年利12.7%

2015年 年利15.3%

2016年 年利16.6%

2017年 年利20.9%

2018年 年利22.0%

2019年 年利20.9%←New!!


2019年1月 月利1.59%

2019年2月 月利1.66%

2019年3月 月利1.72%

2019年4月 月利2.08%

2019年5月 月利1.65%

2019年6月 月利1.89%

2019年7月 月利1.88%

2019年8月 月利1.93%

2019年9月 月利1.62%

2019年10月 月利2.01%

2019年11月 月利1.73%

2019年12月 月利1.99%


2020年1月 月利1.65%

2020年2月 月利1.81%

2020年3月 月利1.67%


(3ヶ月の複利5.1%)

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

→詳しい実績はコチラ

おすすめ記事

  1. 知らずに投資したら損する!会社四季報の各号の特徴をまとめてみた!
  2. あなたが成功できるようになる「環境作り」の考え方

Youtubeでも配信中!

チャンネル登録者数
10,000人突破!!
1週間で不労所得を獲得するメルマガ
PAGE TOP