まとめああ、面白かった。表から見た場合と内側から見た場合、一つで二度美味しいとても楽しいサイトでした。皆さんも是非ソースを見てこの素敵な趣向に一時の安らぎを感じてみてはいかがでしょうか。ここで指摘した事柄に対しては、SEOなどの影響がどれだけあるか未知数であるのと同時に、ここまで完璧に振り切ったサイトは知名度・話題性による流入を期待できるため何一つ参考になりません。ホームページビルダーを使用したからダメという記事ではないので誤解なさらないようにお願い致します。p{padding-left:4em;text-indent:-4em;}全体をpaddingで右に寄せて、その後text-indentで一行目をマイナス方向に字下げする事で、二行目以降を字下げしているように見せる事ができる。イレギュラーな使い方かもしれないが、シナリオや議事録などの特殊な文体では利用できる場合がある。aoringo12新しくサイトを立ち上げるときに一番大事だったりするサイトデザイン。その負担を軽減してくれるテンプレートは知っておくに越したことはありません。個人的にビビッとくる物に出会える事は少ないため、厳選に厳選を重ねた俺まとめを残して置きます。いつかこれを使ってサイト作るんだ・・・。Html5xcss3.comレトロな雰囲気がとてもオシャレ。落ち着きながらもとんがった雰囲気がとても良いですね。Html5xcss3.com黄色が印象的なだけではなく、それぞれの要素がウインドウサイズに合わせてシームレスに変化します。メニューもまとまるわけではなく、そのままなところも良いですね。文字の後ろに文字が来たりして、細かな所にオシャレさを感じます。Dzyngiriシンプルなデザインで横幅一杯に要素が並ぶのがとても壮観ですね。レスポンシブもとてもシンプルで印象があまり変わらないのが良いです。UP右側に固定されたメニューがとても大きく見やすいです。スマフォでの閲覧時にもメニューがにゅっと出るアクションでとてもかわいらしいです。aoringo12jetpackはとても便利ですね。人気記事ウィジェットなんてのもあるのですから。このウィジェット、cssがあまりイケてません。画像も小さいんですよね。いうわけでカスタマイズしちゃいましょう。画像の解像度を変更する人気記事ウィジェットを司ってるのは「top-posts.php」です。「jetpack/modules/widgets/」に入っています。ここで画像の解像度が決定づけられています。40;「40」で検索して出た部分を好みの数字に変更します。CSSを除外するjetpackに含まれるcssファイル「widget-grid-and-list.css」を直接編集しても見た目を変更する事が出来ますが、jetpackをアップデートしてしまうと、上書きされてしまいます。影響はできるだけ少なくありたいものですね。いうわけでこのCSSファイルはそもそもwordpressで読み込まないように除外してしまいましょう。{wp_deregister_style('widget-grid-and-list');}テーマのfunction.phpに上記コードを追加しましょう。これでcssファイルを読み込まなくなります。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を導入する事が出来ます。他にも沢山の便利機能が一個に集約されているので、プラグインの節約にもなります。結構な数のプラグインを導入しています。cleanerは、設定によっては競合してお互いにベストな状態を発揮できなくなります。モードのキャッシュはとても強力ですが、wordpressの.htaccessに変更を加えるという点では注意が必要です。cleanerは同じディレクトリにキャッシュファイルを保管しています。cleanerディレクトリ内のcssやjsファイルのブラウザキャッシュが上手く動かない場合があるのです。cleanerのディレクトリを別に移すのが無難な選択ですね。dogmap.jpwp-config.phpに下記コードを追加しましょう。'minify');これで「wp-content/minify」にキャッシュファイルを生成するようになります。aoringo12IE8以下はcssデザインが大きく崩れる。サポート外と割り切っても良いのだけれど、そうもいかないだろう。:#ffffff9;最後の「9」がポイントとなっている。aoringo12wordpressのエディタはとても便利ですが、エディタでの編集時と実際に投稿後ではデザインが変わる事が多々あります。エディタとブログ上で適応されるcssが違うわけですね。いうわけで、エディタ画面で利用できるcssを作りましょう。入っているなら既にエディター用のcssが設定済みです。このファイルの内容を変更していけばOKです。用意されてない場合さて、入っていない場合です。この場合、cssファイルを追加してもwordpressは認識しません。function.phpにコードを一行追加しましょう。aoringo12前提条件wordpressのプラグインといえばキャッシュプラグイン。何よりもまずキャッシュ。それほど重要な要素です。Cache」の四つのプラグインを利用してどの組み合わせがこのサイトに最適なのかを考えていきます。Response」は導入済みとします。Cleaner」はヘッダーを整理、js/cssを動的出力・キャッシュ・圧縮・結合する事が出来るプラグインです。Response」はphpの処理が全て終わってから結果を出力するのではなく、処理をしつつ出力もするようになります。Plugins各種プラグインおさらい各種プラグインがどういったものなのか、軽くおさらいしましょう。どのキャッシュプラグインがどういう機能があるのか抑えていないと事故になります。Cacheページそのものを静的ファイルに出力し、利用者がページを見る場合そのファイルを閲覧する事になります。デフォルトのwordpressでは毎回mysqlに問い合わせてphpが出力・整形を繰り返すので、この部分をスキップしよう。