色々なサイトを見ていると、オシャレなデザイン、落ち着いた良い雰囲気のデザイン、POPなデザイン、ちょっと変わった個性全開のデザイン、
などなど、様々なデザインのサイトが有ります。
あなたも「こんなサイト作れたらいいなぁ」と思いませんか?
2021年現在では、世界のWEBサイトの総数のうち、約40%がワードプレス(Wordpress)で作られていると言われています。
そして、「Movable Type」や「MTCMS」など他のCMS(コンテンツ・マネージメント・システム)があるにも関わらず、ワードプレス(Wordpress)はCMS中の約60%ものシェアを誇っています。
ワードプレス(Wordpress)が、人気の一番の理由は、HTMLやCSSなどのプログラミング知識がない初心者でも、比較的簡単にブログサイトを運営・管理することが出来、
また、ワードプレス(Wordpress)自体は、無料で利用出来るので大企業はもちろんの事、サイト運営資金の少ない中小企業、個人などでも利用できることです。
そして、サイトやブログは作っておしまいではありません。
ワードプレス(Wordpress)なら、作ったあとの日々の記事投稿・サイト更新が簡単なこともポイントです。
ということで、今回は「ワードプレステーマ調べる方法。ツール不用・超簡単であのサイトも分かっちゃう!」と題して、
競合サイトや他人のサイト、気になるおしゃれなあのサイトまで、『何のワードプレステーマ』で作られているのか知る方法を紹介したいと思います。
少なくとも、あなたも同じワードプレステーマを導入すれば、その目標とするサイトと同じように作ることは可能です。
人によっては、こだわってCSS(カスタム・スタイル・シート=サイトデザイン部分のコード)をいじって、オリジナルデザインにしていることも有りますが、基本形は『ワードプレステーマ』によって決まるものです。
また、ワードプレステーマによっては、あらかじめデザインされたテンプレート(ひな形)が何種類か用意されている場合も多いので、全くの初心者でも、
それらしい、【オシャレ】や【かっこいい】デザインのサイトが簡単に作ることが出来るのが、ワードプレステーマを使うメリットです。
テーマ選びの参考にして下さい。
競合サイトや他人のサイト、気になるおしゃれなあのサイトまで、ワードプレステーマを超簡単に調べる方法3つ
ワードプレステーマ調べる方法その1:Google Chromeを使った方法
ここで紹介するほかにも、ツールを使ったり、専用の検索サイトがあったりしますが、
まずは、Google Chromeを使った解析方法を紹介します。
アップル製品(Mac)を使用している場合は、標準ブラウザ「Safari」の開発メニューを出現させてから行う必要があるので、MacのSafariで開発メニューのデベロッパツールを使用するのページを参考に、開発メニューを出して下さい。
STEP1:ワードプレステーマ調べたいサイトをGoogle Chromeで開く
まずは、Google Chromeを開いてください。
Google Chromeはこのアイコンですね。
Google Chromeを開いたら、調べたいサイトのアドレスまたは記事名などを入力して、
検索結果に出します。
STEP2:右クリックでメニューを表示、「検証」をクリックする
そして、このように、目的のサイトが表示されたら、
ここで、マウスを右クリックすると、メニューが現れるので、その中から一番下の『検証』を選択。
STEP3:「検証」ツールで、「CTRL+F」(Macでは「Command+F」)を押す
すると、そのサイトが「どのようなコード」で書かれているかが見れる簡易解析画面になるので、
この状態で、Windowsでは「CTRL+F」、Macでは「Command+F」を押すと、
検索窓が出ます。
STEP4:検索窓に「theme」(テーマ)と入力
ここに、英文字で「theme」(テーマ)と入力すると、
「theme」と書かれている場所がハイライトされているので、
STEP5:結果は、「wp-content/themes/○○○○」の部分をチェック
その部分をよく見てみると、
「wp-content/themes/affinger」(赤線部分)と表示されたので、
このサイトでは、「affinger」というワードプレステーマを使用していることが分かります。
ポイント
たまに、<meta name=”theme-color” content="#ff7322">などテーマに関する他の情報(この例ではテーマの色情報)がヒットする事もあるので、確実に見分けるには、必ず「サイト名/wp-content/themes/」と書かれている部分を見て下さい。
ここに表示されるのが、無料テーマで有名なコクーンなら「cocoon」。有料テーマでアフィンガー5/6と人気を二分するトールなら「the-thor」と表示されているはずです。
その他「sango(サンゴ)」とか「jin(ジン)」「swell(スウェル)」など。
もし、何も表示されない場合は、オリジナルテーマを使用しているか、そもそもワードプレスではなく、HTMLで直接コードを書いてサイトが作られています。
このように、何のテーマが使われてサイトが作られているかが分かってしまいます。
この方法を利用すれば、デザインが気になったサイトを調べるのはもちろんの事、
やたらと有料テーマを推してくるサイト(記事)だけど、本当にそのテーマ使っているのか?と疑問に思ったときなどにも調査することが可能です。
ワードプレステーマ調べる方法その2:Firefoxを使った方法
今度は、WEBブラウザ「Firefox」を使って調べる方法をお伝えします。
STEP1:ワードプレステーマ調べたいサイトをWEBブラウザ「Firefox」で開く
先ほどと同様に、WEBブラウザ「Firefox」を開き、調べたいサイトのURLを入力。
目当てのサイトが表示されたら、
STEP2:右クリックでメニューを表示、「調査」をクリックする
そこで、マウスを右クリック。するとメニューが表示されるので、「調査」という項目をクリック。
STEP3:HTML検索窓に「theme」(テーマ)と入力
すると、赤枠のように「HTMLを検索」と出るので、
そこに、「theme」(テーマ)と入力して、必ずエンターキー(enter)を押す。(入力しただけでは遷移しません)
STEP4:結果の確認。「wp-content/themes/○○○○」の部分をチェック
検索結果は、該当箇所が青色でハイライトされるので、
「wp-content/themes/」と書かれている「直後の所」をよく見ると、そこにテーマの種類、このサイトでは「affinger」を使っていることが分かりました。
操作するコマンドの名称が違うのと表示結果が若干違う程度で、
「Firefox」を使った調べ方も、「Google Chrome」の時と、操作はほとんど変わりません。
ワードプレステーマ調べる方法その3:右クリック禁止のサイトの場合(ソースコードを表示させる)
サイトによっては、コピペ防止の為に、右クリックが禁止されている(出来ない)サイトもあります。
そんな場合はどうしたらいいでしょうか?
使っているWEBブラウザの検索画面で、
「view-source:調べたいサイトのURL」と入力し、検索して下さい。
すると、ソースコードが表示されるので、
先ほどと同様に、Windowsでは「CTRL+F」、Macでは「Command+F」を押すと、検索窓が現れるので、
そこに、「wp-content/themes/」と入力すれば、同じように何のテーマを使っているかが分かります。
最後にまとめ。使っているワードプレステーマが分かったら、公式サイトを見に行く
今回紹介した方法を使って、気になるサイトを調べてみて、自分でもこのWordpressテーマ使ってみたいなと思ったら、
あとすることは、そのテーマの詳細を知るためにググって、テーマの公式サイトを見に行ってみましょう。
私のサイトでも使用していたaffingerの公式サイト。
公式サイトを見ると、そのテーマで出来ることや特徴が良く分かります。初心者の方は、特に自分でも使えそうなのか、操作性やサポート面などもよく確認しておくといいでしょう。
もし気にいったのなら、そのテーマをぜひ導入してみて下さい。上手な人のまねをすることが、初心者でも速く上達(目標達成)する方法です。
ポイント
ちなみに、サイトがある程度出来上がってから、途中でテーマを変更すると、表示崩れが起こったり、修正が必要になったりと何かと大変なので、サイト立ち上げ時に出来るだけ、あなたが気に入ったテーマを最初から使ってスタートするのが、余計な作業を増やさないコツです。
この件についてや、ワードプレステーマ選びに関しては、以下の記事で詳しく解説しています。
こちらもCHECK
-
アフィンガー5こそ初心者におすすめする理由5つ。WordPressテーマ無料と有料の違いは?
今回は、「アフィンガー5こそ初心者におすすめする理由5つ。WordPressテーマ無料と有料の違いは?」と題して、ワードプレスのテーマ、選ぶならどんなテーマが良いのか?無料と有料テーマの違い、アフィン ...
続きを見る
こちらの記事もあわせてどうぞ。
-
参考【実は簡単】WordPressテーマ 新規追加が表示されない理由と対処法
WordPressでいいなぁと思ったテーマを入手して、いざインストールしようとしたら、なぜかうまく行かない。 原因は何なんでしょうか? 新しいテーマをインストールしようとしている時って、ブログやサイ ...
続きを見る
-
参考ブログの始め方 稼がない場合は無料ブログで大丈夫?趣味ブログや日記ブログでは稼げない!
私自身は、これまでいくつものサイト運営(またはブログ運営)を経験してきています。 2021年現在稼働中のサイトは、当サイトを入れて6つ。 中には収益化を目的としていない、完全に趣味の人たちが集うサイト ...
続きを見る
それでは、また次回。
次回は、
こちらもCHECK
-
情報商材買ってみたよりも、アフィリエイトASPのウェビナーに参加した方が収益を得る近道な話
ちまたには、「すぐ儲かる」「私が儲けた極秘の情報を教えます」とか言って、 最終的には『情報商材』を買わせようとするサイトが一定数あるのは事実です。 その情報商材が、中身の価値と支払った金額が釣り合う、 ...
続きを見る
についてです。