Wordpress(ワードプレス)テーマ・テンプレート(デザイン)の無料・日本語版でおすすめなモノと、作り方(作成手順)エンジニアの転職情報サイト現役のjavaエンジニアが運営する転職情報サイトです。更新日:2022-10-16WordPress(ワードプレス)テーマ・テンプレート(デザイン)の無料・日本語版でおすすめなモノと、作り方(作成手順)WordPress(ワードプレス)のテーマ・テンプレートとは、WordPressで作ったブログの「視覚的な構成(デザイン)」のテンプレートになります。テーマ・テンプレートは、phpファイルや、HTML・css、Javascriptや画像ファイルなどで構成されていて、WordPressがデフォルトで用意しているモノから、個人で作って配布されたモノまで、多数のテンプレートが用意されています。Twelve」というテーマテンプレートを使用しています(下図)今回の記事では、無料かつ日本語版の「テーマ・テンプレート」のオススメや、ダウンロード・インストール手順について。テーマ・テンプレートの作り方やカスタマイズについても、触れています。以下、目次になります。当章では、Wordpressの無料かつ日本語版の「テーマ・テンプレート」について、オススメする「4選」を順に解説していきます。上述している通り、Wordpressは、世界で最も一般的なブログのソフトウェア(CMS)になります。ネット上には、テーマ・テンプレートが無数に存在しています。テーマ」とググれば、「250万件」近くのWebページがヒットします。このように、無料なモノから有料なモノ、初心者用からビジネス用まで、ネット上には無数に存在しているのです。したがって、初心者の方が、「Wordpressのテーマ・テンプレート、何にしようかなー?」と検討した時、数の多さに戸惑ってしまうでしょう。そこで、まずは「Wordpressのテーマ・テンプレートを選定するさいの「軸」を明確にしておきましょう。高い】テーマ・テンプレートを選定するさいに、最も重要なのが「安全性と信頼性が高いか!」です。テーマ・テンプレートは、PHPやJavascriptなどのプログラミング言語で作られてるため、そのどこかに「トロイの木馬」などの「マルウェア」が仕掛けられていると、「データの改ざん」や「情報流出」などにつながり、最悪の場合「サイト消失」といった結果を招いてしまいます。テーマ)」というキーワードで表示されたテーマを解析したところ、なんと「90%」のテーマにマルウェアが仕込まれていたという結果が紹介されています。要は、先頭10件中、公式テーマの1件以外は全て「何かしらの脆弱性を含んだテーマ」であったということですね(参考元:モバイル・ファースト・マーケティングラボ:【厳選】安全・レスポンシブなWordPress無料テーマ10選)このことから、いかに、ネット上に転がっている「無料テーマ」を、安易に使ってはダメ!ということが分かるでしょう。信頼性・安全性ともに高いのが、Wordperss公式テーマで、デフォルトでインストールされているモノです。公式なモノじゃなくても、テーマ・テンプレートの製作者の所在がちゃんと明確になっていて、ブログやTwitter・Facebookなどでサポートを受け付けている場合に関しても、「信頼性」や「安全性」は高いといえるでしょう。【そのテーマに関して、ソース(情報)が豊富にある】テーマ・テンプレートを選定するうえで、そのテーマに関しての「情報(ソース)」が豊富にある事も非常に重要です。・「テーマを使った感想」などの情報が豊富にあるのかを確認しましょう。情報があればあるほど、利用者も多いという事ですし、何かしら困ったときに、ググって解決できる可能性が、それだけ高くなる。【レスポンシブ・Webデザインに対応している】レスポンシブ・Webデザインとは・・・デバイスごとに、Webデザインを最適化する仕組みのことです。「PC」だけに最適化している場合、「スマホ」で、そのサイトを見た場合、非常に見にくいモノとなってしまい、離脱率の増加に繋がります。PC、スマホ、タブレット、それぞれのデバイスに、動的に最適化させる「レスポンシブ・Webデザイン」に対応しているのか・・・をチェックするようにしましょう。昨今では、「レスポンシブ・Webデザイン」の重要性が説かれ、対応しているテーマが多くなってきていますが、未だに対応していないモノも数多く存在しています。「SEO」とは・・・検索エンジン最適化のことで、GoogleやYahooの検索結果ページの上位に表示させる技術のことです。検索エンジンの上位に、サイトを表示させることで、検索エンジン経由のアクセスが期待できます。検索数の多いキーワードでは、月間に数万から数十万の「検索」がされます。上図は、「Wordpress」というキーワードの月間検索数になりますが、なんと11万回も検索されている事が分かります(Googleの「キーワードプランナー」調べ)仮に、この「Wordpress」というキーワードで、サイトが上位表示されていれば、毎月10万以上の検索者に対して、アプローチができる。このように、「SEO」をおこなうことは、サイトに多数のアクセスを集めることに繋がるのです。「Wordpressテーマ・テンプレート」を選定するうえで、「SEO」に強いことも、ポイントの1つになります。ネット上に配布されている「テーマ・テンプレート」には、この「SEO」に強いことを、謳っているモノが多数存在します。以上が、Wordpressのテーマ・テンプレートを選定するさいに、持っておくべき「軸」になります。これらの「軸」をもとに、おすすめのテーマ・テンプレートについて、下記4つにまとめました。~】こちらは、上述している通り、デフォルトでインストールされている「テーマ・テンプレート」です。公式で配布されているものなので、機能・セキュリティともに安心して使え、定期的にバージョンアップもおこなわれています。Tweleve)を利用しています。ネット上のソースも多いですし、最もオススメする「テーマ・テンプレート」です。~)じゃなくても、「wordpress.org」で、公開されているテーマ・テンプレートに関しては、「WordPress.org」による審査を受けているので、安全性・信頼性は一定以上のモノになります。日本語対応・ソース(情報)の多さ。兼ね合いで、選択すると良いでしょう。World】Webデザインのブログで有名な、「Webクリエイターボックス」の運営者が制作した、テーマ・テンプレートになります。ブログはもちろん、TwitterやFacebookアカウントも公開しているので、信頼性は高いでしょう。ネット上のソースが少ないのが、気になります。【Stinger】SEOやアフィリエイトに特化した「テーマ・テンプレート」として、非常に有名なモノになり、ENJILOGというブログの運営者が作成したテーマ・テンプレートになります。ブログはもちろん、TwitterやFacebookアカウントも公開しています。利用者も非常に多く、ネット上の「ソース(情報)」も豊富に存在しています。以上、4つのおすすめなテーマ・テンプレートでした。利用したい「テーマ・テンプレート」が決まったら、次は、ダウンロードとインストールをしていきましょう。当章では、その手順について、順に解説していきます。Wordpress管理画面のメニューから「外観」→「テーマ」を選択します。下図のように「テーマの管理タブ」を選択すると、今利用しているテーマや、利用可能なテーマが表示されます。この画面で、簡単にテーマを切り替えることができるんですね。「テーマのインストールタブ」を選択すると、画面が切り替わります。こちらで、テーマを検索したり、おすすめのテーマを選んでインストールするわけですね。Thirteen」というテーマを検索して、「いますぐインストール」というリンクをクリックすることで、インストールすることができます。上部のメニューで「アップロード」という項目がありますが、こちらは、外部のサイトからダウンロードした「zip形式のテーマ・テンプレート」をアップロードすることで、インストールがおこなわれます。当章では、Wordpressテーマ・テンプレートの作成やカスタマイズをする上で、知っておかなければならない事をまとめました。以下、目次になります。「テーマ・テンプレート(デザイン)」の基本概念とファイル構成についてWordPressテーマの関数一覧ワードプレスに、「テーマ・テンプレート」を認識させるために必要な事では、順に解説していきましょう。WordPress「テーマ・テンプレート(デザイン)」の基本概念とファイル構成についてまずは、Wordpressの「テーマ・テンプレート」の基本概念を理解しておきましょう。通常、Webページというのは、1つのHTMLファイルで構成されています。Wordpressの場合、1つのHTMLファイルで構成するんじゃなくて、いくつかの「PHPファイル」で構成しています。その構成されたモノが「テーマ・テンプレート」になるわけです。それを示したのが、以下のイメージ図になります。※HTML・PHPについて分からない方は、ググってください。このようにして、1つのWebページを、いくつかの部品(PHPファイル)の集まりとして構成しているのが、Wordpressの特徴になります。上図にもある通り、大きく分けると、「ヘッダー」「コンテンツ(本文)」「サイドバー」「フッター」に分けられ、それぞれを「PHPファイル」で表現しています。これら、テーマ・テンプレートを構成している部品が、どのPHPファイルで構成されているのかを、まとめていきましょう。これらのファイルが置かれているディレクトリが、テーマ・テンプレートのディレクトリになり、下記になります。・wordpress/wp-content/themes/twenty●●●/このディレクトリ内にあるファイル・ディレクトリが、テーマ・テンプレートを構成しているわけですね。以下、その中でも重要なファイルと用途になります。指定がない場合、基本的には「index.php」がトップページのベースとなります。このページがベースとなり、他のファイル(header.php、footer.php、sidebar.phpなど)を読み込んでいます。個別の記事ページになります。「single.php」も「index.php」同様、header.php、footer.php、sidebar.phpなどを読み込む、ベースとなるファイルです。トップページのベースとなるファイルです。「home.php」は「index.php」よりも、優先順位が高く、「home.php」が呼び出されると、「index.php」は呼び出されません。テーマ・テンプレートで使う関数の一覧が定義されているファイルになります。繰り返し処理をおこなうファイルになります。テーマ・テンプレートで、メインで使うスタイルシート(css)になります。以上が、主なファイルになります。その他にも、多数のファイルがありますが、これらは、いろんなページのデザインをもっと素敵にカスタマイズしたり、機能を増やしたりするファイルになります。必要という訳ではありませんので、とりあえずは、上記に挙げているファイルを覚えておくと良いでしょう。Wordpressのテーマ・テンプレートでは、ファイルを呼び出す「優先順位」というものがあって、例えば、上述しているとおり、「Home.php」と「index.php」では、「Home.php」が優先して呼び出されます。同じように、カテゴリーごとに記事一覧を表示させる「category.php」というファイルがありますが、こちらも、もし「category.php」がなければ、「index.php」が呼び出されますが、優先順位的には「category.php」が高くなります。WordPressの「テーマ・テンプレート(デザイン)」の関数一覧WordPressでは、「テーマ・テンプレート」をカスタマイズするさいに便利な関数が、多数用意されています。そこで、初心者が知っておくべき関数について、以下にまとめてみました。)」の場合、「loop-index.php」が呼び出されます。いう文字列を、「twentytenテーマ」の翻訳ファイル(poファイル)によって、日本語に翻訳します「_e(‘●●’,’●●’)」という関数も、同様に翻訳関数になります。ブログの各情報を表示するための関数です以下、主なモノになります。個別記事の各情報を表示するための関数です以下、主なモノになります。現在表示中のページ(条件分岐に使う)現在、ユーザーが表示しているページを示す関数で、ページによって処理を分けたい時に使用します。以下、主なモノになります。ファイルの読み込み関数になります。);」の場合、テンプレートディレクトリ内の「myfile.php」を読み込みます以上、主要な関数一覧でした。?>)でおこなう必要があります。最後に、Wordpressに、自作した「テーマ・テンプレート」を認識させるための手順を解説していきます。「テーマの管理画面」の「利用可能なテーマ」に、追加されます(下図、例)手順は、シンプルで、テーマディレクトリ(wordpress/wp-content/themes/)に、自作したテーマ・テンプレートをまとめたディレクトリを配置します。「style.css」は、以下、記述例のように、文頭を設定してください。1.0*/以下、各項目の説明になります。テーマのバージョンまた、「screenshot.png」には、テーマ・テンプレートを表す画像を設定してください。「screenshot.png」を設定することで、下図のように、Wordpress管理フォームの「テーマの管理画面」に表示されます。これで、Wordpressが「テーマ・テンプレート」を認識するでしょう。まとめ今回の記事では、無料かつ日本語版の「テーマ・テンプレート」のオススメや、ダウンロード・インストール手順について。テーマ・テンプレートの作り方やカスタマイズについても、触れてきました。~」が、最もオススメです。安全性・信頼性が高く、ネット上のソースは多いし、定期的なバージョンアップもおこなわれています。SEO的な面も考慮されていますしね。WordPressテーマ・テンプレートのカスタマイズについては、下記記事でもまとめていますので、ぜひ参考にしてください。コメントをキャンセルメールアドレスが公開されることはありません。~未経験者へのおすすめも。~未経験者についても。~求人情報の見方や注意点も。