2017/7/11シェアする10685441148979LINE!226108WordPressテーマ「Simplicity(シンプリシティー)」を作成しました。Simplicityには主に、以下の7つの特徴があります。シンプル内部SEO施策済み拡散のための仕掛けが施されている端末に合わせた4つのレスポンシブスタイル手軽に収益化ブログの主役はあくまで本文カスタマイズがしやすい以下で詳しく説明します。シンプルSimplicityは、とにかくシンプルなWordpressテーマを作ろうという考えの下作成しました。気のないよく言えばシンプル、悪く言えば地味なテーマです。余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。そのままでも十分使用できます。検索エンジンへの最適化(SEO)最高のSEOはコンテンツの充実です。自然な被リンクをもらうこと。これにはどんなSEO施策もかないません。同じ質のコンテンツなら多少なりとも、内部SEOによって検索エンジン上位表示されるようにSimplicityを作成しました。以下のような内部SEOをしています。実際に行っている事のいくつかは、以前詳しく記事に書きました。Simplicityが内部SEO施策で行っている7つのことSimplicityは、SEO(検索エンジン最適化)を常に考えながら作成しています。21:48拡散のための仕掛けが施されている今や、ブログには必要不可欠となったSNSのための設定が施されています。SNSボタンとSNSページボタン拡散用のボタンがデフォルトで設置されています。Wordpress管理画面上のから簡単な設定を行えば、SNSページ用のボタンも簡単に設定できます。シェアカウントをJavaScriptで非同期で取得するため、ページ表示スピードがアップする独自シェアボタンも2種類用意してあります。非同期で取得するバイラルタイプのシェアボタンも2種類用意してあります。スマホデフォルトでは以下のように表示されるようになっています。OGPのタグがデフォルトで挿入ブログの記事をソーシャルグラフに流すための規格のOGP情報が、プラグインを必要とせずデフォルトで挿入されます。Cards情報をプラグインを必要とせずデフォルトで挿入されます。どのようなタグが挿入されるかは、当サイトのソースをご覧ください。「SNSの設定」カスタマイズについての解説Simplicityでは、テーマをインストールしたその瞬間からSNS拡散ボタンが設置されています。20:34PCとスマホ合わせて4つのスタイルSimplicityは、パソコンとモバイル(スマホ、タブレット端末)に対応しています。パソコンとモバイルそれぞれに2つのレスポンシブスタイルがあり計4つのスタイルがあります。(広告が極力訪問者の邪魔にならないようにしつつも、高パフォーマンスを目指すSimplicityの広告配置では、完全なレスポンシブにすると、広告の表示が最適化されないので、広告の見せ方に合わせた4つのスタイルになっています。)※完全レスポンシブ機能追加により、完全なレスポンシブデザインで利用することもできます。それぞれについて説明すると以下のようになります。パソコン(高解像度)解像度の高いデスクトップPCやノートで適用されるスタイルです。解像度の幅は、1150px以上を想定してスタイルしてあります。パソコン(低解像度)解像度の低いノートパソコンなどで適用されるスタイルです。解像度の幅は、680~1150pxを想定してスタイルしてあります。モバイル(高解像度:タブレットなど)比較的解像度の高いスマホやタブレットで適用されるスタイルです。解像度の幅、640px以上を想定してスタイルしてあります。モバイル(低解像度:スマホなど)縦向き。解像度の低い旧スマホなどで適用されるスタイルです。解像度の幅は、320~640px未満を想定してスタイルしてあります。Simplicityは、これからさらに増えるであろうスマホユーザーにも読みやすいように、スマホなどでの使いやすさも考えて作成しました。Insights」のモバイルサイトのユーザーエクスペリエンス診断(簡単に説明するとモバイルでの使い勝手診断)結果が100点満点中100点になっています。ユーザーエクスペリエンスについての詳細は、海外SEO情報ブログ記事に詳しく書かれています。簡単に収益化AdSense広告のレクタングル大(336×280px)とレクタングル中(300×250px)2つのタグを広告用ウイジェットに貼り付ければ、収益性の高い位置に広告が表示されます。デフォルトの広告位置は、パソコンだと記事下×2、関連記事下×1になります。モバイルだと、記事下×1、関連記事下×1になります。Simplicityでは、Wordpress管理画面の「テーマカスタマイズ」からさらに収益性の高い広告位置を選択することもできます。テーマカスタマイズ画面から本文中広告を選択すれば、パソコンだと次のような広告位置になります。本文中(最初のH2見出し前)×1、記事下×2になります。モバイルだと、本文中(最初のH2見出し前)×1、記事下×1、関連記事下×1になります。僕自身が自分のブログで実践した広告テスト結果だと、本文中に広告を掲載する方がパフォーマンスは上がります。本文中広告に抵抗のある方もおられると思うので、デフォルトでは本文中に広告を掲載しない設定になっています。(パフォーマンスが悪かった時も管理画面から簡単に戻せます。)追記(2014/8/5):広告位置を「サイドバートップ」にする機能も追加しました。※設定画面からさらにパフォーマンスを追求した広告表示にすることもできます。17:36「広告の設定」カスタマイズについての解説Simplicityでは、広告の表示や位置などの設定を行うことができます。08:36ブログの主役は本文記事ブログの主役は本文記事です。本文記事が読みやすいよう、記事中の画像が読者に見やすいように作りました。具体的には、以下のようなデザインになっています。最後の「ビッグイメージイズベター」というのは、適度な大きさの画像がデフォルトで表示されていた方が、訪問者に優しいという個人的な考えからです。訪問者が、わざわざ「クリックして拡大」などの動作をしなくても、スクロールするだけで中身が理解できる、大きな画像が表示出来た方が、訪問者にとって使い勝手が良いと思います。そのためにメインカラムの幅を大きく取ってあります。(広告を2つ並べるためでもある)画像を大きく見せるためにお勧めな画像のサイズ設定は以下を参照してください。Simplicityでお勧めなメディアのサムネイルサイズ設定Simplicityをインストールしたデフォルトの状態でお勧めなメディアの画像(サムネイル)サイズです。20:51(※画像を大きくすると、もちろん転送サイズは多少増えますが、それを超える利点が訪問者にあると思います。)他の記事を紹介しやすいようにブログカード機能なんてのもあります。Simplicityのブログカードの使い方と注意点Simplicityでブログカードを使う方法の紹介です。ブログカード利用には、利点と難点がありますので、それらを踏まえてご使用ください。01:13↑これがブログカードです。デフォルトで文章の装飾でよく利用するスタイルが用意されています。Simplicityの基本的な文章装飾スタイルを使う方法まとめSimplicityでは、デフォルト状態で、文字装飾に使えるCSSの拡張クラスをいくつか用意しています。17:06カスタマイズがしやすい冒頭にも書きましたが、Simplicityは後からスタイルシートで自由にカスタマイズできるように作成しました。余計な装飾は省いてスタイルしてあるので、後からユーザー好みの色をつけていくなんてこともできると思います。ダウンロードでは、すぐにスタイルシートでカスタマイズできるように子テーマも配布しています。テーマ改造では、テーマファイルのカスタマイズに役立つ情報も紹介しています。Simplicityの子テーマをインストールする方法Simplicityは、そのままでも利用できますが、カスタマイズを念頭に置いて作成したWordpressテーマです。20:21管理画面からカスタマイズスタイルシートを編集ができない方のためにも、Wordpress管理画面からヘッダー画像を設定してブログのシンボルとできるようにもしてあります。Analytics、ウェブマスターツールタグの設置ができるようになっています。「アクセス解析」カスタマイズについての解説SimplicityカスタマイズメニューからGoogleウェブマスターツールの所有者確認をする方法これまでは、テーマファイルの編集やプラグインを導入しなければならなかった設定も手軽に行うことができます。Wordpressを使うという方にも使っていただきたいテーマです。管理画面からカスタマイズせずとも、Wordpress初心者が手軽にデザインを変更できるように、スキン機能も実装されています。スキンを選択するだけで、以下のように手軽に外観を変更することができます。スキンは今後も増やしていければと思います。スキンの詳しい仕様は以下になります。Simplicityのスキン機能の仕様Simplicity20140907からスキン機能を追加しました。19:56テーマファイルをカスタマイズもちろん、バリバリカスタマイズする人のためにソースコードもなるべくシンプルにしたつもりです。yourself(同じ記述を繰り返さない)」とまでにはいかないのですが、なるべく重複するコードを1ヶ所にまとめてテンプレート化しています。テンプレート構造については以下。Simplicityテーマのファイル構造について説明Simplicityのファイル構造について説明します。09:44ダウンロードSimplicityは、以下のページからダウンロードできます。Simplicity2のダウンロード無料WordpressテーマSimplicity2のダウンロードはこちらです。インストール方法はこちら。15:56スポンサーリンクアドセンス(大)アドセンス(大)シェアする10685441148979LINE!226108フォローするわいひらSimplicity後継テーマ現在Simplicityの後継テーマであるCocoonが公開されています。これからサイト始めるのであれば、Cocoonの利用をおすすめします。Googleサイト内検索Simplicityのダウンロードダウンロードはこちらから。子テーマスキンのダウンロード新着記事Simplicity2.8.6公開。ボックスメニューショートコード追加。Simplicity2で投稿・固定ページの本文中広告の数を制御する方法Simplicity2.8.5公開。本文中広告の数制御フック追加。パンくずリストの不具合修正。Simplicity2.8.4公開。レビュー構造化データのエラー対応。Postsの仕様変更対応。Simplicity2.8.2公開。レビュー構造化データの仕様変更対応。スポンサーリンクよく問い合わせがある症状テーマアップデートで表示が崩れた場合は、ブラウザのリロードボタンを押すか、動作不良時のガイドラインにあるキャッシュの削除を行ってください。使用サンプル作者@MrYhiraのサイト寝ログでもSimplicityを使用しています。ブログをメールで購読メールアドレスを記入して購読すれば、更新をメールで受信できます。1日前cocoonに移行中の出来事です。Lee1ヶ月前simplicity2のアップロードミス後、ログイン出来ません。最近のコメントわいひら2020/1/31Simplicity2.8.5公開。本文中広告の数制御フック追加。パンくずリストの不具合修正。自動アップデートは行いません。以下の方法で自前でアップデートしていただく必要があります。https://wp-simplicity.com/simplicity-update/村林2020/1/31Simplicity2.8.5公開。本文中広告の数制御フック追加。パンくずリストの不具合修正。パンくずリストで警告が出ていました。「Simplicityを2.8.5にバージョンアップしました。ご返信ありがとうございます。ご回答の内容でやってみようと思います。フォーラムの方への書き込みの件も承知しました。今後はフォーラムの方へ書き込むようにします。AdSense広告を貼り付ける方法おそらくサーバーのファイアウォール機能によってブロックされているんだと思います。AdSense広告を貼り付ける方法そういうわけではありませんが、コメント欄の案内に、以下のように書かれているように、基本的にフォーラムしかチェックしていませんでした。