なのブログ

   

メンタル障害持ちながらA型就労で広告デザインやWebをしている人のブログ

WordPressでHTMLを編集する方法

タイトルはWordPressでHTMLを編集、と書いてありますが、大幅な変更はテーマのPHPファイルをいじる他にはできません。ここで紹介するのはある程度HTMLの知識がある方向けで、文字のここだけ変えたいなー的な小さな要望なら叶えられる程度のものです。

まずサイトの変えたい箇所あたりを右クリックで検証します。例えば検索バーの場合は検索バーに該当する箇所をソースの中から探してください。そこにあてられているクラス名が分かるかとおもいます。

次にWordPressのダッシュボードの左メニューから外観→テーマエディターと進みます。

CSSファイルを開き、Ctrl+F(MacはCommand+F)で先ほどのクラス名を検索。変えたい内容を書きます。保存をして更新します。

ブラウザのキャッシュが残っていて変わらない場合があるので、Chromeを例にすると履歴から閲覧履歴の消去と進み、キャッシュの消去を行います。もう一度リロードすると変わっているはずです。またこのキャッシュ消去が面倒な場合は、Chromeの拡張機能であるクリアキャッシュを入れておくと便利です。