WordPressで、「コード(html)をheaderにコピーするだけ？」また、何処にコピーするか分からない
- 2016.09.20
- 初心者からチョット上に
- サーバー, スピードアップ
「このコードをheaderに、チョコっとコピーするだけ、チョー簡単」と書いていましたが、またまた、私にとっては「それ何処にコピーするの？」です。
なんと分かるまで一カ月もかかりました。教室でも行けば初日に教えてくれることなのでしょうけど。独学だと厳しものがあります。
headerは、何処にある？
また、同じ疑問「何処？」です。
Google のSearch Console のプロパティ設定のときにWebサイトを確認する方法のひとつに「HTMLタグを追加」の説明で、
以下の meta タグをコピーして、サイトのホームページにある <head> セクション内の、最初の <body> セクションの前に貼り付けます。
と、いうのが出てきます。
私からすると、上の文章も、ほとんど知らない外国語ですが。
「<head> セクション」というのが、headerと同じなのかな？と想像して、
プラグインのhead cleanerというのがありますから、それから推測して、<head>セクションとは、ホームページをHTMLというプログラム言語で書いている「プログラムの頭の部分」のようだと考えました。
じゃ、それは、何処に書いてる？
また、迷宮に突入。
手当たり次第にGoogle先生の検索に。
どうやら、WordPressの「外観」→「テーマの編集」で編集できるというのを見つけました。
header見つけた！
実は、ここから一カ月、headerは見つかりませんでした。
WordPressの「テーマの編集」を開けても、何やらプログラムらしい文章が短くありますが、headとか、bodyという単語は見つかりませんでした。
何より、ホームページをプログラムするには短すぎる文章でした。
う〜。
お手上げ。
ちなみに、Search ConsoleのHTMLタグは、プラグインのAll in One SEO Packに入力すれば、HTMLを直接書き込まなくてもOKでした。
それは、cssでした
私が、WordPressで、見ていたのは、子テーマのHTMLでした。だから、style.cssしかなかったのです。
初心者は、こんなものです。みなさん。
構造というか、仕組みというか、全体がどうなっているか知らないものですから、子テーマのHTMLを何回も睨んで、溜め息をついて閉じるのが続きました。
そして、一カ月過ぎました。
あるとき、Google検索の中に「header.phpに書いて下さい」ていうのを見つけました。
HTMLは、分割されて書かれていた
私は、ホームページのプログラムというから、最初から最後まで何十ページもあるword文章がひとつあると、勝手に思い込んでいました。
ところが、ホームページのプログラムは、サーバーの中で、部分に分割されて保管されていました。
そして、各部分の名前を付けたファイルが、かたまり毎にファイルに保管されています。
まるでPCと同じです。
要は、ドメインという住所のサーバーに来た来訪者は、index.htmlという目次(指示書)のファイルに一番初めに到着します。
そして、「そのページを見たなら、このファイルを見に行って、あの写真をも読み込んで」という指示を見て、実行となります。
ですから、wordの文章のスタイルだと、毎回、全てを読み込んでしまうことになるので、効率が悪いのですね。
でも、毎回、(異なる組合せの)部品を組み立てるので時間がかかる場合も出てきます。
これが分かると、スピードアップ対策も理解出来そうです。
やっとheaderを見つけました
話を戻すと、私が見てた子テーマは、上の図でいうとEのファイルぐらいです。
見たかったのは、赤枠(上図)の位置付近にあるheader.phpです。見つかるわけないですね。
私は、WordPressを使った見方が分からなかったのでFTPサーバーから、直接書き足し。荒技でした。良い子は真似しない方がよいです。
WordPressからは、「外観」→「テーマの編集」そのページの上の辺りに、「編集するテーマを選択」とあるので、そこでテーマを選択。
すると、たくさんのHTMLのリストが出てきます。その中にheader.phpがあります。そこを選択すると、下段に編集できるテキスト画面に内容が現れます。
その画面でコピーしましょう。
バックアップは、テキスト画面を全部コピーして、Wordでなくて、Editerソフトに保管。
これで解決！
長い一カ月でした。
-
前の記事
WordPressブログ初心者向けの説明なのに、まったく分からない単語:「FTPサーバーにアップ」て、なに？ 2016.09.19
-
次の記事
WordPress文章中の「見出し」をSEOに活かす方法:初心者の私は知らなかった！ 2016.09.21