外観18件WordPress無料で使えるすごいテーマ発見です!WordPressでは無料で使えるテーマがたくさんあります。関連:「外観」使用してサイトのデザインを変更するどれも素晴らしいので迷ってしまいますよね。私はこれまで「Travelify」を使用しており、こんな感じでした。シンプルで良いのですが、結構英語の部分があり説明が分からず困ることがありました。MEDIA」に変更しました。関連:サイトのテーマを変更する際の準備と注意点テーマを変更後、色々設定してみて思ったことがあります。MEDIA」、すごすぎます。使ってみて感動した点とテーマの導入方法を紹介します。MEDIA」を作成しているFITから、有料テーマ「THE・THOR(ザ・トール)」の販売が始まりました。MEDIAの完全上位互換で、現在このサイトでも使用しています。Thor(ザ・トール)」の紹介です。MEDIA」を使用してこのサイトを作成していました。MEDIA」はWordPressで使用できる多機能・高性能なテーマです。素晴らしいテーマなのですが、2017年10月27日にリリースされたばかりの新しいテーマなので、これからのアップデートにも期待が持てる新進気鋭のテーマです。MEDIA」を使用することにしました。使ってみて感動した機能とオススメな点を紹介します。MEDIA」がVer2.0.0にアップデートされ、新機能が16個も追加されました!感動した機能を以下ページにまとめました。MEDIA」の使いやすさがパワーアップ【16の新機能追加】プラグイン無しでかなりのことができるこれは公式サイトの以下のページで紹介されているので、そちらをご覧ください。私には高度すぎて使いこなせていない部分もありますが、基本的な部分は初心者でも使いやすいよう簡単に設定が出来るようになっています。便利すぎる機能が簡単に使えてありがたいので、紹介させていただきます。MEDIA」はAMP対応のテーマなので、簡単にAMP機能が導入ができます。MEDIA」でのAMP導入方法・主な問題修正AMPはスマホでページを表示した際に高速で表示できる機能のことです。通常はプラグインを使用してAMPに対応し、デザインなどを変えたい場合は自分でプログラムなどを組む必要が出てきます。MEDIAの機能を使用すれば、自分でデザインしなくてもAMPページのデザインは通常のページとほとんど同じになります。PHPの修正が必要だったりもしますので、分からない点は詳しい人に聞いてみましょう。初心者マークを付けて質問すれば、エンジニアが親切丁寧に回答してくれます。MEDIA」はサイト作成者に優しく、WordPressの投稿ページが使いやすくなっています。MEDIA」では、記事のIDを用いて設定する項目が多くあります。トップページ上部に表示させる記事を選んだり、固定ページ一覧を表示するときにいらないページを除外したり、といった感じです。その設定が行いやすいよう、WordPressの投稿一覧ページに記事IDが表示できるようになっています。記事ごとの閲覧数を表示させることができ、さらにそれを並び替えることができます。どの記事が人気なのか、すぐに把握できるのは地味に嬉しい機能ですね。アイキャッチに設定した画像をサムネイル表示までしてくれます。MEDIA」はアイキャッチが大きく表示されるテーマなので、どの記事にどんなアイキャッチを設定したか確認したいときにページの編集画面までいかなくても良いのは助かります。設定し忘れも一目瞭然ですね。MEDIA」では、ウィジェットが多く用意されています。ウィジェットとは、サイドバーなどにカテゴリーや最新記事など好きなものを表示させるためのブログパーツのことです。サイドバーはもちろん、投稿記事の上・下、TOPページの上にもウィジェットエリアがあり、好きなウィジェットアイテムを配置することができます。フッターのウィジェットエリアは左・中央・右に3分割されているので細かな配置が可能です。それに加え、サイドバー下にはスクロールに追従する固定表示用のウィジェットエリアまで用意されているのですごいです。ウィジェットアイテムには広告用のものがあり、サイドバーや記事の上下にアフィリエイト用の広告を簡単に配置することができます。この追従型のウィジェットエリアにGoogleアドセンスの広告を配置するのは規約違反なので、注意が必要です。配置可能な別の広告か、別のウィジェットアイテムを配置するようにしましょう。MEDIA」を使用していると、投稿ページに閲覧数を表示されます。MEDIA」がページごとの閲覧数を把握してくれているということです。それを利用して、人気記事ランキングを作成することができます。作成したランキングは、ウィジェットのパーツとして配置できるのはもちろん、最新記事が表示されるトップページの下部に表示させる専用機能が付いています。極め付きは、固定ページを利用したランキングページを作成できることです。記事数を自由に設定することができ、試しに「500」に設定してもエラーを起こさず動きました。このサイトの記事数が130ちょっとしかないので、そこまでしか表示されませんでしたが・・・。TOP50でランキングページを作ってみました。(そんなに必要ないだろ・・・)ここまで多くの記事数でランキングページを作れるテーマはあまりないのではないでしょうか?自由な記事数を指定したランキングページを簡単に作成できるスポンサーリンクレイアウトを1カラム2カラムと選択可能1カラムはサイドバーなし、2カラムは右にサイドバーが表示されるレイアウトになります。投稿ページ、固定ページ、アーカイブページのそれぞれで設定が可能になっています。アーカイブページというのは、新着記事が表示されるトップページやカテゴリーページのことです。固定ページはページごとに1カラムレイアウトに設定することも可能です。ページの種類ごとに個別にカラム数を設定できるカテゴリーのアーカイブページにカテゴリの説明文章を表示可能カテゴリーを作成する際、説明文というのを設定できます。MEDIA」では生かすことができます。MEDIA」では、カテゴリーのアーカイブページに、設定した説明文を表示させることができます。カテゴリ名だけで分かりやすくなっているといいのですが、このサイトのようにカテゴリがバラバラで「その他(絵)」みたいに分かりにくいカテゴリがある場合にはぜひ活用したい機能です。カテゴリーのアーカイブページに説明文を表示できるトップページにピックアップ記事を設定できるトップページを固定ページにしていない場合、上部に3件のピックアップ記事を表示することができます。見てほしい記事を固定で3件、目立つように配置できるので、閲覧者の増加が期待できます。必要ない場合には非表示にもできますが、表示させているだけでページのデザインが整うので、特にピックアップしたい記事がない場合でも表示を有効にしておくといいと思います。ピックアップ記事は記事IDで選択しますが、選んでいない場合は最新の記事が3件表示されます。MEDIA」では、トップページ下部にカテゴリーごとの最新記事を1件ずつ表示させることができます。これは、他のテーマではあまり見ない機能で、このサイトのようなカテゴリーごとに全然違う内容を記事にしているようなサイトには非常に魅力的な機能です。必要ないカテゴリーはIDを指定して除外することができるので、必要なカテゴリーのものだけを表示しスッキリさせることができます。カテゴリー別の最新記事をトップページ下部に表示できる投稿記事の最後に同じカテゴリの新着記事を表示できる記事の下部に、読んでいる記事のカテゴリーと同じカテゴリーの新着記事を6件表示することができます。新着記事が表示できるテーマは結構ありますが、記事と同じカテゴリーのものだけを表示してくれるのはあまり聞きません。これもカテゴリーが多いサイトにはありがたい機能ですね。必要なければ非表示に設定することもできます。読んでいる記事と同じカテゴリーの新着記事を6件、ページ下部に表示できる見出しタグをもとにした目次を表示できる投稿ページの最初の見出しタグの前に目次を表示することができます。「Travelify」のときはプラグインを使用して目次を表示していました。MEDIA」では、プラグインなしで目次を作成できます。ページごとに表示・非表示を選択できるため、短い記事だけ非表示にすることも可能です。最初の見出しタグの前以外の場所に表示したい場合は、記事ごとに自由な場所を選択できます。MEDIA」の目次を使用する場合は、プラグインの方を無効にしておく必要があります。細かいカラー設定が可能テーマのカラーを自由に設定することができます。メインの色の他、カテゴリごとのイメージカラーを選択できます。これまで紹介してきたのカテゴリー関係を表示を、それぞれのイメージカラーで表示させることが可能なので、パッと見てどのカテゴリーかを分かりやすく出来ます。色はもともと用意されているものが30色で、さらに自分で微調整した色を用意できるユーザー定義カラーが5枠用意されています。これだけあれば最大35個のカテゴリーをすべて別の色に設定することも可能なので十分すぎますね。MEDIA」の使い方こんな感じで素晴らしいテーマですが、以前紹介したテーマの追加方法では利用することができません。関連:テーマを検索し追加するこのテーマはWordPress公式テーマではないため、テーマの検索をしても出てこないからです。いうテーマを「野良テーマ」というそうです。「野良テーマ」といわれると不安をあおりますが、多機能すぎるテーマはWordPress公式テーマになれないそうです。WordPress公式のプラグインが使われなくなるからです。確かに、オススメのテーマを調べてみると公式テーマではないものの方が多く出ているように感じます。気に入ったテーマがあれば積極的に使ってみましょう。公式ではないので、危険なテーマの可能性もあります。調べて悪い評判がないかだけは確認してから使用するようにしましょう。MEDIA」の開発元は、千葉にあるFIT-フィット-という個人事業所です。個人ではなく個人事業所で、ホームページを見ると事業内容がWEB系のようです。日本の事業所が開発元で、他にもWordPressのテーマを作っているところなので、安心して使用できます。それでは導入方法を見ていきます。公式サイトからダウンロードまずは公式サイトからテーマをダウンロードしましょう。MEDIA」をダウンロードします。子テーマもあるので、それも一緒にダウンロードしましょう。FITが提供するLIONテーマのダウンロードページ関連:子テーマとは?カスタマイズに子テーマを使用すべき理由と使い方ダウンロードしたファイルはZIPファイルになっていますが、展開は不要です。テーマのアップロードとインストールWordPress公式テーマ以外は、ダウンロードしたテーマをアップロードする必要があります。左メニューの「外観」から「テーマ」をクリックします。次に、画面上部の「新規追加」ボタンをクリックします。「テーマのアップロード」をクリックします。「ファイルを選択」ボタンをクリックして、先ほどダウンロードしたテーマを選択します。MEDIA」「子テーマ」の順番です。ファイルはZIPファイルのまま展開せずに選択します。MEDIAが使用できるようになります。インストール後はWordPressの公式テーマと同じように、有効化するとそのテーマが適用されます。有効化する前にしっかり準備を整えてから有効化するようにしましょう。関連:サイトのテーマを変更する際の準備と注意点ちなみに有効化するのは「子テーマ」の方です。あとは自由に設定を変更して自分だけのサイトを作成しましょう。MEDIA」は、すべてを紹介することが出来ないほど多機能なテーマです。カテゴリーに関する設定が豊富なので、このサイトのように幅広いカテゴリーを扱っているサイトにはピッタリで非常にオススメです。MEDIAの完全上位互換で、現在このサイトでも使用しています。Thor(ザ・トール)」の紹介です。MEDIA」を使用してこのサイトを作成していました。[sit[...]広告の表示も簡単なので、Googleアドセンスなどのアフィリエイトに挑戦したい方にも良いと思います。以前のテーマ「Travelify」のときは、広告用ウィジェットがなく、知識がなくて自分で何とかすることができなかったため、すべての投稿記事に広告コードや応援ボタンを毎回貼っていました。今考えるとものすごい面倒臭いことをしていたのだなぁ、と感じます。プラグインなしで、しかも簡単に様々な設定ができるため、私のように知識があまりない初心者でも安心して使える素晴らしいテーマだと思います。」を活用することで十分対処できます。関連:プログラム系質問サイト「teratail(テラテイル)」が初心者に優しすぎてスゴイまた、元々のトップページなどがオシャレだったり、カテゴリの色を分けるだけでかわいくなったりと、デザインセンスがあまりなくても綺麗なサイトが作れるのも嬉しいです。これからWordPressでサイトを作る予定のある方は、試してみてはいかがでしょうか?おすすめです!ここまでお読みいただき、ありがとうございました。Thor(ザ・トール)」の紹介です。MEDIA」を使用してこのサイトを作成していました。PMこんばんは!WordPressテーマ「LIONMEDIA」お勧めなんですね。ブログを作るところなので、入れてみます。プラグインの設定なしでも、かなり使えるんですね。情報ありがとうございます。PMお世話になります。ライオンメディアを使用中でカスタマイズしたい項目がありたどり着きました。教えて頂ければとてもありがたいのです。順にしたいと思っております。追加CSSなどわからにことが多く教えて頂けますと幸いです。PMコメントありがとうございます!CSSは表示したもののデザイン設定(色など)で使用するので、今回はPHPをさわる必要があるかと思います。MEDIA(親テーマ)のloop.phpで行っているようです。?></p>の下に持ってくると上手くいきました。全体は以下の通りです。?>">続きを読む</a></div></article>親テーマを直接編集すると、テーマの更新で戻ってしまうので子テーマを使用するといいと思います。いうか、親テーマを直接編集するのは怖いです・・・。子テーマなら失敗しても追加した部分を削除すれば解決なので楽です。loop.phpという名前で上記内容のPHPファイルを作成し、FTPでアップロードを行います。子テーマの使い方とPHPファイルの使い方は以下のページで紹介していますので、ご覧ください。私の環境では上手くいったので、これでいかがでしょうか?念のためバックアップを取ってからお試しください。PMPHPもCSSも私も手探りでさわってみています。ほとんどは調べた内容をちょっと変更するくらいなので、1から作ったりは出来ません・・・。MEDIAを使い始めた者です。カスタマイズについて教えていただけますでしょうか。記事内のみリンク色を変更したいのですが、どこで修正したらいいしょうか。デフォルトではテーマカラーが設定されてしまいます。調べても全然わからなくて教えていただけたら幸いです。aのところに記載されています。親テーマを直接編集するのは怖いので、子テーマに以下の内容を記述すると変更できます。!important;}#000000の部分を変更することで、自由な色に設定できます。私も最初分からなくて、すごく探しました。CSS難しいですよね・・・。色んな部分をカスタマイズできると楽しそうなので、勉強頑張ろうと思います。PMご親切に解答していただきましてありがとうございました。わからないことがあれば質問させていただきます。AMお世話になっております。MEDIA」テーマ変更させていただきました。すいません、ヘッター初期の表示についてご教示いただきたいと思いご連絡させていただきました。MEDIAでは検索ページが最初にクリックされている状態になっております。PMコメントありがとうございます!ヘッダーはデフォルトでは検索メニューが初期設定になっていますね。こちらは「外観」の「カスタマイズ」から変更できます。「基本設定[LION用]」を開き、下の方にスクロールすると「■最初に開くメニューを選択」という項目があります。これを「検索メニュー(default)」から「Gナビメニュー」に変更してみてください。これでサイトを表示した際のヘッダーがメニューからスタートになります。MEDIAはカスタマイズからできることが非常に多いのですごいですよね!(探すのは大変ですが・・・)私のような知識のない初心者でも扱えるのでありがたいです。様ご教示いただきありがとうございます。ブログも見やすくて大変参考になります^^これからもよろしくお願いいたします。よろしければ1点教えていただきたいです。AnalyticsのPV数に乖離がありますが、これはどういうことなのでしょうか。自分でも調べてみましたが、よくわからず・・・初心者のため無知で申し訳ございませんが、よろしくお願い致します。PMコメントありがとうございます!言われて初めて気が付きました・・・。管理画面の方が多い気がします。1.WordPressログイン中のサイト閲覧もカウントされている2.記事作成中のプレビューもカウントされている3.Googleクローラーの巡回もカウントされているのどれか、もしくは複数が原因ではないでしょうか?私も初めてサイトを作ってまだやっと1年なので、深い知識がなく申し訳ないです・・・。PMお返事ありがとうございます。自分ではさっぱりだったので、乖離がどのあたりから生じているか知ることができ非常にためになりました。MEDIAを使い始めたkimと申します。このテンプレートのトップページのピックアップ記事ですが、トップページに固定ページをフロントページに設定した場合はピックアップ記事が表示されない仕様になています。index.phpに記載してあるこちらのコードを一部修正してpage.phpに記載したところ固定ページにも表示できるようになったのですがピックアップ記事のアイキャッチ画像は表示されません。同様にloop.phpとの関連付けがいるような気もしてますが、phpが弱い為苦戦しております。何か情報お持ちでしたらご教授いただけないでしょうか?ちなみにpage.phpに書き加えたコードはこちらになります。?>冒頭のこちらは以下のように変更して記述してあります。コメントをキャンセルメールアドレスが公開されることはありません。現在使用しているエックスサーバーです。