aoringo12当サイトで一番力を入れているのはカテゴリの「見た目」です。私のサイトのコンセプトは「私に都合の良い総合データベース」なので、各アクセス記事に高速でアクセス出来る事が絶対条件なのです。現在進行形でカスタマイズしている最中ではありますが・・・。カテゴリからアクセスを考えていくとき、どういったカスタマイズが必要なのか考えていきましょう。小説カテゴリには画像と概要は要らない私のサイトでは、小説カテゴリは子カテゴリに分けて名前順で出力されるようになっています。することで連載も1から順序よく整列して見渡しやすくなっております。小説には基本画像は必要ないのでサムネイル表示はありません。概要も縦に長くなるだけなので除外。コードスニペット、素材カテゴリは一つにまとめてタイトルで振り分けコードスニペットの場合はカテゴリが全て「コードスニペット」で統一されており、タイトルでそれぞれのプログラム言語などに振り分けています。」と入れておくと、カテゴリ上ではそれを削って整列させています。カテゴリごとに最適な表示方法を決めていくことでカテゴリ自体がサイトマップの役割を果たし、ユーザーをそれぞれの目的にあった誘導を想像していけると良いですね。私もサイト構築頑張っていかなきゃ。aoringo12新しくサイトを立ち上げるときに一番大事だったりするサイトデザイン。その負担を軽減してくれるテンプレートは知っておくに越したことはありません。個人的にビビッとくる物に出会える事は少ないため、厳選に厳選を重ねた俺まとめを残して置きます。いつかこれを使ってサイト作るんだ・・・。Html5xcss3.comレトロな雰囲気がとてもオシャレ。落ち着きながらもとんがった雰囲気がとても良いですね。Html5xcss3.com黄色が印象的なだけではなく、それぞれの要素がウインドウサイズに合わせてシームレスに変化します。メニューもまとまるわけではなく、そのままなところも良いですね。文字の後ろに文字が来たりして、細かな所にオシャレさを感じます。Dzyngiriシンプルなデザインで横幅一杯に要素が並ぶのがとても壮観ですね。レスポンシブもとてもシンプルで印象があまり変わらないのが良いです。UP右側に固定されたメニューがとても大きく見やすいです。スマフォでの閲覧時にもメニューがにゅっと出るアクションでとてもかわいらしいです。aoringo12毎回迷うのですよね。いうわけで色々なサイトを巡ってまとめました。blogあくまでsectionタグやarticleタグで囲ってる部分の見出しとしてh1は使うと良いそうですよ。そんなわけで、今作ってる私の運営するビアガーデンサイトは記事タイトルを原則としてh1タグで囲っています。冷えたオリオンビールで乾杯しましょう!!なので記事一覧ページではh1タグが頻出しています。itemprop="articleBody">概要</div></article>こんな感じですよ。今のところgoogleさんの検索順位もそれほど影響を受けていないので、間違った記述でもないと思います。h1タグには記事タイトルを入れるあくまでそのページが何の為のページか。わかるようにh1タグをつけるようにしましょう。googleの検索エンジンはどんどん進化していて、迷うことなくそのページを認証してくれますが、それ以外の検索エンジンは誤解する場合があるようです。私はサイトタイトルや説明をpタグにして、記事タイトルをh1で囲うようにしています。見出しタグは30文字~60文字くらいで納める見出しタグがある程度重視されるのは間違いありません。それはほどよい長さで、分かりやすくあるべきです。考えると30文字~60文字くらいが丁度よく、その中にキーワードを出来れば含める。いうのが一般的なようです。見出しタグの歯抜けはNGH1、H2、H3と順序よく使うようにします。することでどの文章がどの文章と関係を持っているのか暗黙的に示す事が出来ます。H4」といった使い方は問題ありません。H4」みたいな使い方はNGですね。まとめいくつか見出しタグについてのページを漁りましたが、大抵の記述は古い情報ばかりのようでした。今はそこまで使い方に気をつけなくても問題無いように感じます。その見出しがどこに属しているのか。文章と見出しが合っているのか。話題の転換で見出しタグを使っているのか。基本的な理由で見出しタグをつけていけばいいのかなと思いますよ。aoringo12試行錯誤してきたwordpressの高速化プラグイン。その総括をしようかなと思います。ああでもない、こうでもないと色々とやってきましたが、ようやく落ち着いたという感じです。私が関わっているwordpressサイトにはこの組み合わせで運営されておりますよ。キャッシュ系その名の通りキャッシュ系プラグイン。これが無いと始まりませんね。Pluginsソース整理といえばこれ。ヘッダー部分のお掃除をしてくれます。jsファイルやcssファイルを圧縮してキャッシュ化しておくことも可能。cssファイルを編集してもその都度新しいcssキャッシュファイルを作成してくれるので他キャッシュ系プラグインの影響でレイアウトが崩れる心配も無し。ありがとうございます。Pluginswordpressの出力画面をhtmlに出力してそれを見せちゃうというページキャッシュプラグイン。動的な処理を常時やるようなサイトに向きませんが、このサイトのような普通のブログにはモアベターなプラグインとなります。キャッシュの有効期限が切れても、切れたキャッシュをユーザーに提供しつつ新しいキャッシュを裏で生成したりと痒いところに手が届きます。設定が豊富で取っつきにくいかも知れませんが、その分細やかな設定が可能です。Pluginsmysqlリクエストをキャッシュするプラグインです。私は検索ページをキャッシュしないようにしているので、そういう時はこいつが働くようになっています。wordpressはmysqlで全ての設定やデータを管理するので、このプラグインはもはや必須と言っていいでしょうね。Pluginsphp関数の出力をキャッシュします。これが有ると無いとではかなり動きに差があります。Fix同様、静的キャッシュが動かない所で強力にサポートしてくれます。Pluginswordpressは多言語に対応しており、ページを表示する度にどの言語で表示するべきかをphpにより判定しております。このプラグインはその部分をキャッシュ化する事で高速化を図りますよ。管理者ページでキャッシュをオンにすると恐ろしい事になるので、私は閲覧ページのみオンにしております。cache」はもしかするとすさまじい容量を食うかもしれない。works処理系wordpressの各種処理を手助けするプラグインです。縁の下の力持ちといった所。Pluginsphpというのは、普通処理が全て終わってからクライアント側に送信しますが、このプラグインを利用すればphpの処理をリアルタイムでクライアントへと送信するようになります。結果的に閲覧者はすぐに画面に反応があるのでストレスが減るというわけですね。サーバーによっては利用できない場合があるので気をつけてくださいね。画像系ブログの画像はいつだって頭を悩ませる所ですね。ここでもプラグインは活躍します。worksアップロードする画像を指定の解像度へリサイズしてくれるプラグインです。どんなに巨大な画像をあげようが、これで「1024px」等と設定しておけば、そのサイズになるのです!!ブログの解像度に合わせて設定しておけばなにより強力な速度対策になるでしょう。過去にアップロードした画像を一括変換する機能もついてます。Optimizerアップロードされた画像を圧縮してくれるプラグイン。場合によっては50%以上も容量を抑える事が出来ます。アップロードされたpngをjpgに変換したりする機能もあります。至れり尽くせりですね。このプラグインも過去にアップロードした画像を圧縮する事が出来ます。Plugins画面に表示されるであろう画像だけを読み込むようにして、下へとスクロールを始めたら画像の読み込みを開始する「遅延ロード」をさせる事ができるプラグインです。PluginsCDN設定って面倒くさいですよね・・・このプラグインを導入することによってボタン一個でCDNを導入する事が出来ます。他にも沢山の便利機能が一個に集約されているので、プラグインの節約にもなります。結構な数のプラグインを導入しています。aoringo12前提条件wordpressのプラグインといえばキャッシュプラグイン。何よりもまずキャッシュ。それほど重要な要素です。Cache」の四つのプラグインを利用してどの組み合わせがこのサイトに最適なのかを考えていきます。Response」は導入済みとします。Cleaner」はヘッダーを整理、js/cssを動的出力・キャッシュ・圧縮・結合する事が出来るプラグインです。Response」はphpの処理が全て終わってから結果を出力するのではなく、処理をしつつ出力もするようになります。Plugins各種プラグインおさらい各種プラグインがどういったものなのか、軽くおさらいしましょう。どのキャッシュプラグインがどういう機能があるのか抑えていないと事故になります。Cacheページそのものを静的ファイルに出力し、利用者がページを見る場合そのファイルを閲覧する事になります。デフォルトのwordpressでは毎回mysqlに問い合わせてphpが出力・整形を繰り返すので、この部分をスキップしよう。