【簡単】ワードプレスのhtmlソースコードを確認・表示・コピーする方法

目安時間:約 7分
ワードプレス,ページのソースを表示が出てこない

りあこです。

 

今日は、
ワードプレスのhtmlコードを

「確認・表示・コピーする方法」

についてお話します。

 

 

・・・と言ってみましたが、

 

正直なところ
この表現自体が正しいかどうか
あまり自信はありません(苦笑

 

 

じゃあ、なぜ
「そんな不確かなことを記事にするのか?」
については後ほどお伝えするとして、

 

先に、
ワードプレスの
htmlソースコードを
確認・表示・コピーする方法
からお話しますね!

 

ワードプレスのhtml・ソースコードを確認する方法

  • まず、コードを見たいサイト(記事)を開いてください。

 

仮に、今回は私が運営している「メルマガ登録ページ」を例にお話しますね。

 

 

 

  • コードを見たいページで「右クリック」します。

ワードプレス,右クリック

 

右クリックするときは、画像やイラストの上などではなく『文章の上や空白の箇所』で右クリックしてください。

 

 

 

  • 「ページのソースを表示」を選択。
  • ワードプレス,ページのソースを表示

 

 

ブラウザによって表現が違います。

 

  • Google Chrome→「ページのソースを表示」
  • Firefox→「ページのソースを表示」
  • Internet Explorer→「ソースの表示」

 

 

もし、「ページのソースを表示」「ソースの表示」などの項目が出てこないとしたら、右クリックする場所を変えてください。

 

ワードプレス,ページのソースを表示が出てこない

 

画像・イラストやフォーム等の上でクリックすると、違うメニューが出てきてしまいます。

 

文章の上や空白の箇所で右クリックしてみましょう。

 

 

 

  • WordPressのソースコード(html)が表示されました!

WordPress,記事,ソースコード,表示

 

 

うまく表示されましたか?

 

今回あなたの知りたかったことは ↑ コレでしたか?

 

 

 

コピーするHTMLコードの場所がわからないときは?

また、コードの表示を確認して

「どこからどこまでが自分の探しているコードなのか?」がわからないようでしたら

一度、HTMLの入門書を読んでみると良いです。

 

自分でアレコレ試してみると、だいたい感覚がつかめるようになりますよ。

 

▼私は『できる』シリーズで、ひと通りのことはできるようになりました。

 

 

ほんの「ささいなこと」でつまづいていました。

ここまで、コードの確認&コピーする方法をお話しましたが、いかがでしたか?

 

じつは私、ブラウザでコードを表示させる方法はすでに知っていたのですが、先日何度やってもうまくいかなくて。

 

うまくいかなかった原因は、

メルマガ登録フォームの上で右クリックしていたから。

 

ワードプレス,ページのソースを表示が出てこない

 

画像(イラスト)の上で右クリックするときと同様に

「ページのソースを表示」の項目が見つからずだいぶ遠回りしてしまった、というわけなのです。

 

ほんと、ブログってちょっとした些細なことでつまづくものですね(^^;

 

でも、おかげで

他にも同じようなところでさまよっている人がいるんじゃないかな?って気づくことができましたよ。

 

WPでコードを確認したい「表示させる方法」ではない!

例えば今回、私はまず
「ワードプレスのコードを表示させる方法」
って検索して調べたんですけどね?

 

検索結果に出てくる記事がすべて

自分の知りたいことと違っていたんです。

 

私の知りたいこと
→ワードプレスでコードを確認する方法
検索結果に出てくる記事
→ワードプレスでコードを(記事内などに)表示させる方法、記述する方法

 

コードを表示させたいのではなく
「コードを確認したい」んですよね。

 

ワードプレス,コード,確認

 

ほら~!お仲間いるじゃない!

 

 

で、自分の検索履歴を見てみたら…

 

  • ワードプレスのhtmlをコピーする方法
  • ワードプレスのソースをコピーする方法
  • WordPress ソースコード 表示
  • WordPress htmlコード 表示
  • WordPress htmlコード 確認
  • WordPress ソースコード 確認
  • WordPress ページのソース
  • WordPress ページのソースを確認する方法
  • wordpress ソースコードの記述を見る方法
  • Chrome ページのソースを表示

 

めちゃくちゃさまよってました(笑)

 

 

おそらくこういった言葉は、私のようなシロウトさんだから出てくるキーワードなのかな…と思いまして。

きっと私の他にも『さまよえる難民』がいるはず!

確信しまして、今回記事にまとめさせてもらいました。

 

お疲れさまでした。

 

保育園,退園回避策

あなたにもできる具体的な方法をお伝えします。

この記事に関連する記事一覧

保育園ママ専用マニュアル
このブログを書いてる人

3人娘のママ・りあこです
育休退園やリストラ・引っ越しなど保育園の退園(危機)を4回経験した強運の持ち主。

同じ境遇で悩んでいるであろう日本全国の保育園ママに向けて(たぶん)日本初の「保育園継続マニュアル」を作成・公開しました。

>>もうちょっと詳しい自己紹介はコチラです

保育園退園ブログ公式ツイート
読者さんの声・ご感想をご紹介します!
カテゴリー
在宅ワークで保育園継続できる?

ページの先頭へ