必見！！WordPress高速化してみた。
WordPress高速化について、色々と工夫してみつつの出来上がった結果 ひとまず前提条件として、 wpXクラウドと CDNが欲しいところ。CDN使うなら、普通のレンタルサーバーと「W3 Total Cache」プラグインなどでも良いのでは？というのは抜きで。(他色々キャッシュプラグイン+CDNでもそれなりに高速化の方法はここでは割愛) ワードプレス設置直後でこの速度。(wpX側のキャッシュ無効の状態でコレ) ここに記事だけ突っ込んでも遅くはならない。 ここから普通に今まで使っていたプラグイン有効化したりTheme(テーマ)変更したり、スクリプト等を色々と貼り付ていくどんどん重くなる。 ※当サイトの2018年度時点ではモバイル端末の表示はAMPに任せることと割り切っている為、PC閲覧表示速度に特化した設定ではありません。 表示速度が遅い理由アドセンス掲載していると遅い結果になる。 Adse
Google先生の言うとおりWordPressを高速化して元に戻した。
圧縮を有効にしろ スクロールせずに見えるコンテンツのレンダリングブロックしろ 画像を最適化しろ JavaScript を縮小しろ ブラウザのキャッシュを活用しろ リソース（HTML、CSS、JavaScript）を縮小しろ JavaScript を縮小しろ サーバーの応答時間を短縮しろ 以下、まずは初心者の方のでも実装が簡単そうなものから紹介します。 リソース（HTML、CSS、JavaScript）を縮小しろ CSSやjs、HTMLを圧縮して最適化（Minify）します。要は、空白とか改行とかコメントとかをギュッとします。オンラインツールがあるので簡単です。 tool http://www.creativyst.com/Prod/3/ ①に現在のCSSやjavascriptをコピーして②を押すだけ。 作成された③をコピーして張り替えればOKです。 但し、可読性は落ちるので常にCSSとかを
ロリポップのサイト改ざん事件に学ぶシンボリックリンク攻撃の脅威と対策
既に報道されているように、ロリポップ！レンタルサーバーに対する改ざん攻撃により、被害を受けたユーザー数は8428件にのぼるということです。ここまで影響が大きくなった原因は、報道によると、(1)「WordPressのプラグインやテーマの脆弱性を利用」し、不正なファイルがアップロードされた、(2)パーミッション設定の不備を悪用されて被害が拡大した、ということのようです。 29日夜の時点では、攻撃者の改ざん手法について「WordPressのプラグインやテーマの脆弱性を利用」し、不正なファイルがアップロードされて「wp-config.phpの」の設定情報が抜き出されたと説明していたが、30日午後7時過ぎの説明で、この脆弱性が侵入経路となって同社のパーミッション設定の不備を悪用されたことが原因だったことを明らかにした。 「ロリポップ」のWordPressサイト改ざん被害、原因はパーミッション設定不備
WordPress3.6にしたら、1.10は1.2より古いとか言い出した。
WordPressを3.6にアップグレードしたところ、以下のようなエラーが出だした。 「blockUI requires jQuery v1.2.3 or later! You are using v1.10.2」だと？何言ってんだ。 まぁ、とりあえずダイアログは出るが、使えてはいる。 どうも、jQueryのblockUIだか、それを使ってるコードのほうだか分からんが、バージョンチェックをしくじっているらしい。このSupportの記事にあるように、バージョンチェックで「1.2以上」としたいのにもかかわらず、今の「1.10」を、「最後の0を外して」比較してしまっているらしく、「1.10」は「1.2」より古いという誤った判断の元、このダイアログが出ているらしい。 Supportの記事に方には解決策が出ているっぽいが、英語を読めないし複雑そうなのでやめた。早くバージョンアップして解決してくれ！
WordPress 3.6 日本語版リリースのお知らせ
WordPress 3.6 日本語版をリリースしました。 ダウンロード: WordPress 3.6 日本語版をダウンロード アップグレード: 「WordPress のアップグレード」を参照してください。 新機能・変更箇所: WordPress Codex 日本語版の「Version 3.6」ページを参照してください。また、英語版と日本語版との違いについては「WordPress 日本語版について」を参照してください。マルチバイト文字列の扱いに関する変更については WP Multibyte Patch 1.7 を参照してください。 日本語版の Twenty Thirteen テーマでは Source Sans Pro フォントと Bitter フォントがデフォルトで有効となっています。お使いの環境でこれらのフォント表示に問題がある場合は、上記の WP Multibyte Patch で無効化
[WordPress][高速化]話題のCloudFlareを設定してみた / 確かに速くなる！ / が、ちょっとした覚悟も必要 | stryhのchangelog
職業Webエンジニアだけどインフラ周りはまだまだな@saita_ryouheiです( • ̀ω•́ )✧キリッ 巷で話題になってるCloudFlare。 私も04/25の夜に申し込み、設定しました。 設定後、ちょくちょく自分のBlogのレスポンスを確認してますが、確かに速くなってますね。 ブラウザーにもよりますが、Webの世界である種の基準になってる3秒ルール。 3秒でレスポンスが返ってくる事もあります。 ※サーバのスペックにもよります。 高速化された事の恩恵も受けますが、設定後色々と様子見をしてますが、ちょっとした覚悟も必要なのかなと個人的に感じてます。 その前に・・・ 高速化の恩恵、CloudFlareの申し込み・設定等を書く前にどういう環境下、主にレンタルサーバー会社であったり、WordPressのバージョンであったり、使用しているプラグイン等でブログを運営しているのか記載をしておき
![[WordPress][高速化]話題のCloudFlareを設定してみた / 確かに速くなる！ / が、ちょっとした覚悟も必要 | stryhのchangelog](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d0f32717c57083467a869f6e650bd61a514af43/height=288;version=1;width=512/http%3A%2F%2Fstryh.com%2Fwp-content%2Fuploads%2F2013%2F05%2Fcloudflare.jpg)
サイトマップを自動で作成してくれるPS Auto Sitemapの使い方 | びーおーぷんどっとねっと
サイトマップを自動で作成してくれるのでかなり便利です。 実際にどの程度の人がサイトマップを見てくれているのかは別問題ですけど。 PS Auto Sitemapのダウンロード PS Auto Sitemapの公式ページ WordPress › PS Auto Sitemap « WordPress Plugins プラグイン→新規追加からでもインストールできます。 インストールが完了したら有効化します。 PS Auto Sitemapの設定 有効化するだけではサイトマップページは残念ながらできあがりません。 新規固定ページか新規投稿でサイトマップページをつくります。 サイトマップを表示させたい記事を作成します。 作成した記事のcontent部分に、HTMLモードで以下のコードを入力します。 <!-- SITEMAP CONTENT REPLACE POINT --> 記事編集画面で記
WordPress 3.4レビュー。ツイートを挿入しやすくなったりiPadで使いやすくなったり！ | Firegoby
まもなくWordPress3.4がデビューということで自作プラグインを放り込んだり海外のサイトで情報を集めてるところなんですが、RC1がリリースされて仕様がほぼ固まったということで、僕なりに気づいた主な変更点をまとめてみました。 twitterのツイートをプラグインなしで簡単に記事に挿入できるようになります！ なんとtwitterのツイートをURLをコピペするだけで、記事に挿入できるようになります。 ちょっと専門的にいうとoEmbedに対応ってことです。 記事への挿入は以下のようにURLをコピペするだけです。これは便利。 実は、これと全く同じことができるプラグインを私が1年ほど前に作ってたんですが、WordPress本体が同じ機能を実装するということで、見事にお蔵入りになりました。笑 WordPress › oEmbed Tweet « WordPress Plugins WordPres
さくらのVPSで驚愕速度のWordPressをゲットしました。（体験者談） / Maka-Veli .com
先日、キャッシュ系のプラグイン記事を書きましたが、共用レンサバでの運用がきつくなってきたので延命処置として行なっていました。 この度、晴れてさくらインターネットのVPSに引越し、驚きの快適さを手に入れたので御報告。 なお、引越しは全てデジタルキューブさんでWPのチューニングをやってる、wokamoto氏にお願いする事にいたしました。すげー対応良いし作業早いしいつもビールばっかり！ VPSとは？ このスライドがわかりやすいです。 VPS で快適 WordPress 生活 - wokamoto ロリポップ等が一般向けには浸透してると思いますが、共用サーバはその名と通り一つのサーバをスペースで区切ってレンタルします。 これとは別に専用サーバってのが、その名の通りサーバを丸っと借りるパターン。何でもできるし全部借りてるのでパフォーマンスは機器のスペックそのまま活かせる。けどめっちゃ高
ブログ改造備忘録②：今使っているWordPressプラグイン全33種類まとめ。 | norirow's Diary
コンテンツへスキップ モバイル通信 オプション扱いにはなりますが…。 大概のプロバイダーが…。 毎日WiMAXを使用しているわけですが…。 ワイモバイルと言いますのは…。 WiMAXに関しては…。 LTEに関しては…。 ワイモバイルも通信可能なエリアは拡大の一途を辿っており…。 オプションにはなるのですが…。 現段階で市場にある色々なモバイルルーターの中で…。 いろいろ調べましたが…。 思いの外知らない人が多いようですが…。 WiMAXモバイルルーターに関しましては…。 正直申し上げて…。 キャッシュバックを受け取る前に「契約を解約」なんてことになりますと…。 様々に比較検討してみましたが…。 「ポケットWiFi」と申しますのは…。 モバイルWiFiの月額料金を格別低い金額にしている会社を調査してみると…。 NTTDoCoMo又はY!mobileに規定されている速度制限が行われますと…。
WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する
WordPressのアイキャッチ画像は凄く便利で 僕もテーマ開発時には必ず使用するんですが Webに疎いクライアントさんは必ずと言って いいほどアイキャッチ画像、という言葉が ピンとこないようで忘れがちです。なので、 わかりやすいように説明文や画像を挿入して あげます。 正直、僕も初めて「アイキャッチ画像」と言われても機能性が全然ピンとこなかったのでWebに疎い方じゃ余計に理解しにくそうです。なので、分かりやすく説明文を入れておくと親切かもしれません。 説明文を入れる このようにアイキャッチのメタボックス内に説明文を加えます。 コードfunctions.phpに以下を加えます。 add_filter( 'admin_post_thumbnail_html', 'add_featured_image_instruction'); function add_featured_image_ins
Twenty Eleven のレスポンシブ構造を図解してみた
WordPress 3.2 からデフォルトテーマとなった Twenty Eleven はデバイスを問わずコンテンツを表示できるレスポンシブデザインとなっていていろいろ素敵なわけですが、その構造ゆえに子テーマをつくろうとすると非常に難解なため頭痛薬がいくらあっても足りません。 というわけで、Twentye Eleven のレスポンシブ構造を図解してみました。 header 上記の図を見るにあたっての注意点 ※矢印をつかって margin や padding が指定していないところには margin または padding は設定されておらず、つまり外包または内包する要素に隣接していると思ってください。 ※もともとのソースにおいて、margin や padding となっているところはそのまま、margin-top、padding-right などと指定されているところはそのように表記していま
WPのWYSIWYGをCKEditorに変更するプラグイン・CKEditor For WordPress
WPを使ったWeb制作の納品時の 選択肢の一つとして覚えておいて 損は無さそうなのでメモ。記事投稿 のWYSIWYGを使いやすいCKEditor に変更するプラグイン。スタイルも カスタマイズできます。 CKEditorに入れ替えるのでCKEditorでも出来るスタイルの変更も管理画面で行なえます。 上記のようにWordPressの標準装備のWYSIWYGをCKediterに変えます。標準は標準でいいところがあるのであくまで選択肢の一つですかね。以下にちょっとだけ紹介します。 画像 画像にidやclass、heightなどなど色々加えられます。URLを指定するのでアップロードしてから使う感じですね。 テーブル 簡単にテーブルを作成することが出来ます。 テキスト装飾 テキストの装飾も色々出来ます。背景色を付けたり、n乗の表現もワンクリック。 ぜひCKediterのデモを触ってみてください。C
著作権放棄のWP2.9の管理画面の操作マニュアルを無料配布します
以前WP2.7と2.8の管理画面 の使い方のマニュアルを配布 していまして、最近になって 2.9がリリースされましたので 遅ればせながらマニュアルも リリースします。 以前配布した際も編集出来る様に元データも同梱しましたので既に2.9用に変更されている方もいらっしゃると思いますがが、一応作成者なのでリリースします。 以前と重複しますが、このマニュアルはWordPressを使ってWebサイトを制作する業者の方がクライアント様にお渡しする管理画面のマニュアルです。御社の作業工程が少しでも早まる事、クライアント様への説明時間等が削れれば幸いです。 著作権は放棄しますので、マニュアルを売却すなり、改変再配布するなり、擬人化するなり、キテレツ、我輩コロッケ食べたいナリ、ご自由にどうぞ。リンク義務などもありません。 折角なのでシェア出来た方が作った甲斐がありますしね。コンセプトは「Web制作の業者さん
日本語で読めるプラグインを使わないWordPressカスタマイズ方法まとめ
豊富なプラグインで手軽に気軽に カスタマイズする事が出来るのも WordPressの魅力ですが、ソース が汚くなったり、重くなったり、など メリットだけでもなかったりします。 また、実現したいけどいいプラグインがないなんて事も有ると思います。そこで、プラグインではなく、テーマファイルなどを直接カスタマイズする方法を日本語で書いてある記事をまとめました。フォーラムは載せていないので探してみてください。結構有ります。 wp-adminをSSLでロック管理画面をセキュアに。https://abc.com/wp-admin/にする方法です。企業サイトなどは特に導入の検討をすると良さそう。1行加えるだけなので手軽に導入できます。 wp-adminをSSLでロック メディアにある画像のサムネイルを表示する[sexy-lightbox href=’http://kachibito.net/wp-cont
WordPress 2.9
以下は、2009年12月19日に Matt が書いた WordPress.org 公式ブログの記事、「WordPress 2.9, oh so fine」を訳したものです。本文内のリンク先はすべて英語ページです。 追記: 日本語版もダウンロードできるようになりました。 …oh so fine, I want to make you mine, all the time…♪ っと、やあやあ。今日は WordPress 開発チームとコミュニティの皆さんを代表し、WordPress version 2.9 “カーメン”カルメン（訳注）のリリースを発表するために出てきました。このリリースは、ジャズボーカリストカルメン・マクレーカーメン・マックレーに敬意を表して名付けました（Last.fm の WP リリース専用ステーションにも追加済みです！）。ツール > アップグレード から簡単にアップグレードす
blog.eラーニング.co.jp» Wordpressテンプレ編集時の注意点
WordPressは、わかりやすいソースコードで記述されていて、プログラマでなくてもある程度のカスタマイズを実現できます。今回は、非プログラマが犯しがちな2つの落とし穴について解説します。 1. 文字コードはUTF-8を使うこと。 WordPressのソースコードはUTF-8です。Shift-JISでも、euc-jpでもありません。UTF-8です。エンコードを間違えると、文字化けするだけでなく、重大なエラーが発生し、最悪の場合はWordpressの管理画面が利用できなくなってしまう可能性さえあります。ソースコードは必ずUTF-8で保存してください。 2. HTMLコメントでコメントアウトしない。 テンプレートから要素を削りたいことってありますよね。たとえば、投稿日時や、投稿者情報、コメント欄など。でも、要素を削るために、HTMLのコメントアウトを使うのは危険です。 <!–<?php the
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ジャストシステム、iOS/Androidアプリ「hpb pad for WordPress」無償公開 
IDEA * IDEA
Photoshop Vip » 2009年に公開された無料WordPress(ワードプレス)テンプレートまとめ
