2013年06月21日20:07 [WordPress] ツイート埋め込みの際 platform.twitter.com/widgets.js を何度も読み込まないようにする方法 カテゴリWordPressTwitter saba_nano Comment(0)WordPress では、ツイートの埋め込みが非常に簡単に出来ます。(バージョン 3.4 以降) https://twitter.com/ツイート主のアカウント名/statuses/ツイートID のような形式の URL を貼り付けるだけで、自動的にツイートを展開してくれます。 これは非常に便利ですが、調子に乗って大量に貼り付けているとひじょーーーーに重くなります。 原因は platform.twitter.com/widgets.js が大量に読み込みされているから、というのが一因としてあります。 例えば、1ページに20個 twi
![[WordPress] ツイート埋め込みの際 platform.twitter.com/widgets.js を何度も読み込まないようにする方法 : saba nano - へっぽこ管理者のサーバ管理日誌(LV.2)](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fda78a05937633f7a2b4b2219826151c370cd607b%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fparts.blog.livedoor.jp%252Fimg%252Fusr%252Fcmn%252Fogp_image%252Flivedoor.png&f=jpg&w=240)
初めてWordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めてWordPress でオリジナルテーマを作りたい!っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013年 1月現在)。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか? 私が
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。WordPressではショートコードを自作して 好きなときに使う事が出来ます。ショート コードを利用すると、通常記事内では出来 ない事もできる様になったり、面倒なマーク アップを簡略化できたりと、とても便利 ですので、ぜひ覚えてみてください。 という訳で、WordPressで作っておくと便利なショートコードをいくつかご紹介します。 その前に宣伝。WordPressのスニペットを集めてシェアする事にしました ご存知のように、WordPressで使える便利なコードは日々世界中で公開、シェアされています。その背景にWordPressがOSSであることが理由の一つとしてあげられるかと思います。WordPressはGPLですので、極論を言えば有料のプラグインも無料で配布可

WordPressのCODEXの英語版に、Nginx利用時の設定ファイルについてのページがあったので、勉強のために翻訳しました。 全体の設定をするファイルから、シングルインストール用/マルチサイト用設定ファイルやキャッシュプラグイン( WP Super Cache か W3 Total Cache )を使うときのためのファイルをインクルードしているのが特徴です。 翻訳は間違っているところもあると思います。また、コードの中のコメントにも訳を付けましたが、下の方のキャッシュプラグイン用のコード部分は力尽きて訳してません。 また、自分ではまだ試していないので、ちゃんと動くかどうかは分からないです。 翻訳元:http://codex.wordpress.org/Nginx 以下、訳。WordPressサイトは、LAMP(Linux + Apache +MySQL +PHP) で動かすことが多
最近、仕事と趣味のプロジェクトで立て続けにnginxを使う機会があった。nginx +PHPについてこないだエントリを書いたけど、今回はApapcheのmod_rewriteのような機能を使ってWordPressのFancy URLを実現する方法について少し書く。といっても簡単。 参考にしたのはここ(英語)。 ■やりたい事WordPressは以下のURLでアクセスするものとする。 http://www.example.com/blog/ Permalinkは、デフォルトだと以下のURL。 http://www.example.com/blog/?p=xxx これを以下のようにしたい。 http://www.example.com/blog/index.php/YYYY/MM/entry-name/ ■WordPressはmod_rewriteの有無を判断 ちなみに、Apacheを使って
Nginx をリバースプロキシ(キャッシュ) として使ってみた
Nginxを使ったWordPressのチューニングといえば、フロントエンドのNginxとバックエンドのNginx(もしくはApache)に分けてproxy cacheを効かせるのが王道です。 さらにWP Super Cacheプラグインを利用してなるべくPHPやMySQLにアクセスさせないようにすると、手軽で絶大なパフォーマンスアップが可能です。 今回はそこからもう一歩進めたチューニングについて書きたいと思います。 二段階層を廃したシンプルな構成 まずは、図をご覧ください。 前述の王道チューニングの構成はA図となります。 proxy cacheはNginxがバックエンドのサーバーに処理を回し、返ってきたレスポンスをキャッシュして、Nginx自身がキャッシュを返すことでパフォーマンスを上げる仕組みです。 A図-1がキャッシュの無いアクセス、A図-2がキャッシュが効いているアクセスを表していま

WordPress.com でやってるメモブログの方にも書いたんですが、WordPress プラグイン WPtouch を使用しているサイトでNginx リバースプロキシを利用する際の Tips です。 あっちの方に書いたのは、ほんとにメモ程度なんでコードだけで分かりにくいかなぁと思いまして、こっちで詳細に説明します。 WPTouch や Ktai Style なんかを使ってクライアントのユーザーエージェント(UA)ごとに表示を変えている場合、Nginx でリバースプロキシを使用すると具合が良くありません。 普通に設定した場合、同一URLへのアクセスがあった際は UA に関係なくキャッシュされてしまいます。 この辺を回避するために、Nginx の設定ファイルで UA を判断して proxy_cache_key を変更するってのは、わりかし良く行われている作戦だと思います。 参照: Wor

負荷的に厳しくなってきたので sakuratan.biz を Apache(さくらスタンダード)からnginx(さくらVPS 512)に移転しました。 頻発していた 503 もほとんど出なくなって快適です。 Apache からVPS のnginx へWordPress を移転したいと考えている人もいるかなーと思いましたので、さくらVPS でnginx リバースプロクシを使ったWordPress ブログの構築する方法をがっつり書いていきたいと思います。 結構長文になってしまいましたので、先に索引を載せときます。nginx とはnginx が速い理由 リバースプロクシ さくらVPS にインストールするシステム構成 EPEL パッケージリポジトリのインストールMySQL のインストールPHP のインストールnginx のインストールnginx とPHP FastC

Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
開発に関わったWordPressの実行速度を短縮させるプラグイン「001 Prime Strategy Translate Accelerator」がリリースされたので、ここでも紹介させていただきたいと思います。WordPressを日本語で表示させる場合には、英語と日本語を対訳させるja.moというファイルを読み込んでいます。実を言うと、このファイルの読み込みには結構な時間がかかっていて、なおかつバージョン毎にファイルサイズが大きくなってきています。 当ブログの計測値では、この処理だけで約0.1秒。現状のSimple ColorsではWordPressだけの処理時間で約0.3秒なので、全体の処理時間の約30%がこのファイル読み込みにかかっている計算になります。 001 Prime Strategy Translate Acceleratorでは、このファイル読み込みをキャッシュ化し、およ
2016年6月8日 Download,WordPress @en I released a yet another freebie: “New World”WordPress Theme, a freeWordPress theme. This theme was developed forWordPress 3.0+.It’s a flexible and versatile free theme that can be easily customized. The theme is free to use in private and commerical projects. [adA-en] End of Support We no longer support this theme. Thank you for loving this for a long time! F

メインのお仕事がAndroidUI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです! (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解Google DevelopersBlog http://googledevelopers.blogspot

仕事でも、プライベートでも本当にかかすことのできない存在になっているWordPress。 今回は、そんなWordPressを設置したとき毎回やっているカスタマイズに入る前の下準備についてまとめてみました。 毎回やっているのにうっかり忘れたりしてしまうので自分のメモもかねて…! 初期設定 プラグインを入れる テーマを準備する functions.phpの設定をする 1.初期設定 1.1 パーマリンクの設定をする デフォルト設定のままだと http://blog.v-colors.com/?p=123 とかでちょっとかっこわるいので パーマリンクの設定を変更します。 管理画面メニュー 設定->パーマリンクの設定からお好みの設定に。 いろんな設定ができます。どんな設定ができるかは公式サイトのパーマリンク設定についてにまとめられています。 1.2 メディアの設定をする 管理画面メニューの 設定->

2017年6月29日WordpressWordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト! プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニューTwitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 <ul>

1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く