WordPress をたった3分で3倍高速化する方法 [MO Cache] - カワイイはつくれる
3分しか時間がない人向け WordPress の管理画面を開く WP File Cache をインストールする MO Cache をインストールする 完了！設定の必要はありません もう少し時間がある人向け この記事は WordPress Advent Calendar 2011 の10日目の記事です。 今日は MO Cache という WordPress プラグインの紹介をしたいと思います。 先日初めて WordPress を使いサイトを作成したのですが、インストール直後からのあまりの遅さにびっくりし、そりゃあチューニング記事が人気になるよなぁなんて考えていました。しかし最近になって WordPress 3.3 Beta が出たためちょっと触ってみようかなと英語版をインストールしたところ、以前日本語版 3.2.1 をインストールした時よりも明らかに速いことに気づきました。 最初はバージョン
![WordPress をたった3分で3倍高速化する方法 [MO Cache] - カワイイはつくれる](https://cdn-ak-scissors.b.st-hatena.com/image/square/19c5228f53c550014101aa4bccd0cc3ce4a9f433/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729891688%2F13208692334729909377%2F1612950304)
使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５:phpspot開発日誌
25 Quality Responsive WordPress Themes | Design Woop | The Web Design and Development Blog 使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５。 WordPressを使うことで、いろんなことがプラグインで簡単に実現できてしまいますが、レスポンシブWEBデザインのテーマが出てきている模様。 更にレスポンシブなだけじゃなくて、めちゃめちゃカッコいいテーマが揃ってます 幅を少なくするとスマホ用のインタフェースに早変わり。 他にも以下のようなデザインが。是非幅を少なくして試してみましょう。 テーマとしての利用だけでなく、デザインの参考にもかなり使えそうです 関連エントリ フレッシュなWordPressテーマ１００ プロフェッショナルでクリエイティブで参考になるWordPressテーマ４０
WordPressをもっと便利にするスニペットが500個以上登録されている -WPSNIPP
WordPressにちょっと機能を追加したい時に役立つスニペットをまとめたサイトを紹介します。 目的をもって探すだけでなく、こんなこともできるのかという発見もあるかもしれません。 WPSNIPP – 500+ WordPress code snippets for your blog [ad#ad-2] WPSNIPPでは現在、545個のWordPressの便利なスニペットが登録されています。 下記にほんのちょっとだけ、その便利なスニペットをピックアップしました。 よく使うショートコードをボタンから選択可能に 特定のページのみ特定のスタイルシートを適用 アーカイブウィジェットの表示期間を制限する Google+1ボタンを設置する プラグインを管理画面を使わずに停止する CSSファイルのキャッシュを防止する 大切な「wp-config.php」を守る よく使うショートコードをボタンから選択可
お手軽WordPress Tips：post_class()にアイキャッチ画像を使用した記事の場合のclassを追加する - かちびと.net
WordPressにはpost_class()という関数が あって、自動で要素にclassを付けてくれ るんですが、この中にアイキャッチ画像 を使用した投稿の場合にclassを追加する という、誰に需要があるのか分からない Tipsシリーズです。 post_class()は僕も殆ど使ったことが無かったんですが（大量のclassが付くので）投稿フォーマットの出現で少し使うようになりました。投稿フォーマットに関しては以前記事を書いたのでご参照下さい。 で、そのpost_class()に、アイキャッチ画像を使った投稿があった際にclassを加える、という方法です。 コード functions.phpに以下を加えます。 function add_eyecatch_class($classes) { global $post; if( has_post_thumbnail($post->ID) )
レスポンシブなWebサイト構築向けのフレームワーク・FoundationのWordPressテーマ版 - かちびと.net
以前ご紹介した、zurb提供の レスポンシブWebデザイン対応 サイト向けのフレームワーク、 FoundationにWordPressテーマ 版が追加されていましたので ちょっとメモです。 休日ですし、少し軽めの話題・・・以前ご紹介しつつ、まださほど使ってないうちにテーマ化されてしまったので少し触れてみました。 Foundation for WordPress 詳細は以前の記事を見ていただくとして・・・あれ？もう話すこと無い。まぁWPのテーマ化しましたよ、って話でした。 以前もチラッと書きましたけど、Foundationはほぼまっさらな状態なので既存サイトに組み込みにくいMediaQueriesを使ったレスポンシブWebデザイン対応にはそこそこ向いてるんじゃないかなと思ってはいます。とは言いつつも、昨日は問題点のディスカッションもしていました。レスポンシブWebデザインはまだまだテストとエ
画像やイメージの魅せ方にこだわれるWordPressプラグインまとめ「12 Best Photo and Image WordPress Plugins」
TOP > plugin , WordPress > 画像やイメージの魅せ方にこだわれるWordPressプラグインまとめ「12 Best Photo and Image WordPress Plugins」 さまざまなプラグインを利用して、手軽にオリジナリティの高いサイトを構築できるWordPress。今回は、数あるWordPressのプラグインの中から、画像やイメージの魅せ方に優れたプラグインをまとめた「12 Best Photo and Image WordPress Plugins」を紹介したいと思います。 WordPress › Featured Content Gallery « WordPress Plugins シンプルなスライドはもちろん、ユニークな動きを演出できるプラグインが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧くださ
WordPressのギャラリー機能を、少しのjQueryコードでLightbox風にポップアップ出来るようにする - かちびと.net
こういうやつ。記事の投稿で [gallery] って書くだけでその記事内にアップロードした画像がグリッドで並べられます。ただ、このままだと別のページに持っていかれて、ユーザーとしては見る気になりません。 Sample この記事で実装しました。以下、サンプルです。 エフェクトもない手抜きなものですがｗまぁただのチュートリアル用なのでご了承下さい。 以下、手順です。 吐き出されるHTMLを見てみる ショートコードを使うと以下のようなコードが吐き出されます。 <style type='text/css'> #gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; } #gallery-1 img { border: 2
WordPressのオリジナルテーマ作成フロー・基本マニュアル
初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM
WordPress初心者がハマリやすいエラーや問題とその解決方法
WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 WordPress Tips and Tricks for Beginners [ad#ad-2] 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは？ 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは？ 問題 WordPressのテーマファイルとテンプレートの違いが分かりません。 答え テーマファイルはあなたが必要とするファイルをすべて含むフォルダです。 例えば、WordPressのデフォルトのテーマファイル「Twenty Eleven」がそうです。 WordPressをはじめる多くの人がテーマファイルからはじめ、それを元にブログやサイトを作
WordPressでスパムユーザーの自動登録を簡単なコードで防ぐ
WordPressを使ったサイトでユーザー登録を可能にしているサイトもちらほらと見かけるようになりました。個人的にはあんまり運営経験無いんですが、サービスとスパムは切っても切れない問題ですよね。そこで一つ、簡単な方法でスパムユーザーの登録を防ぐ方法をメモしておきます。 とはいえ、最近はOAuth認証を使ったTwitterやFacebookによるユーザー登録のほうが目立つ印象ですが、所詮ソーシャル界隈で便利というだけの依存的なものに過ぎませんので有効な解決策とはいえません。 API等に頼らない、非依存型のスパム対策という選択肢もあることがやはり望ましいかと思います。 実装 これはユーザー登録画面です。通常はメールアドレスとユーザー名しか項目がありませんが、このようにヒューマンチェック用に項目が追加されており、キーワードに当てはまらないと登録出来ないようになっています。 答えは日本語でこの場合
WordPressの「アイキャッチ画像」がいまいちピンとこないクライアントさん向けに説明文を挿入する - かちびと.net
WordPressのアイキャッチ画像は凄く便利で 僕もテーマ開発時には必ず使用するんですが Webに疎いクライアントさんは必ずと言って いいほどアイキャッチ画像、という言葉が ピンとこないようで忘れがちです。なので、 わかりやすいように説明文や画像を挿入して あげます。 正直、僕も初めて「アイキャッチ画像」と言われても機能性が全然ピンとこなかったのでWebに疎い方じゃ余計に理解しにくそうです。なので、分かりやすく説明文を入れておくと親切かもしれません。 説明文を入れる このようにアイキャッチのメタボックス内に説明文を加えます。 コード functions.phpに以下を加えます。 add_filter( 'admin_post_thumbnail_html', 'add_featured_image_instruction'); function add_featured_image_in
レスポンシブWebデザイン対応のHTML5製ギャラリーサイト用WordPressテーマ・Shotoku(β版)を公開しました - かちびと.net
iPhoneやiPadにもレイアウトを調整する レスポンシブWebデザイン対応でHTML5製 のギャラリー用WordPressテーマを作成 しましたので無償公開します。と言っても 実は未完成なのでベータ版として。作り はシンプルなのでフレームワーク的に ご利用下さい。 まったり開発してたんですけど諸事情で時間が無くなりそうで、かなり遅れそうなのでベータ版としてひとまず公開することにしました。レスポンシブWebデザイン対応のギャラリー向けWordPressテーマです。 出来る限りミニマルなデザインを意識したつもりです。尚、ミニマルデザインに関してはこちらが参考になります。 jQuery MasonryとMedia Queriesを使ってレイアウトを調整します。練習用に作ってたんですが、途中から公開してみようという気になってさきほど一旦挫折しとこうと思って本日公開に至りました。 未完成といいま
USBメモリ内にWordPress用のローカル環境を5分で構築、持ち運び可能なフリーのソフトウェア・Instant WordPressが超便利っぽい
昨日初めて知ったんですが、今まで知らずに損してた、みたいな気持ちになったので、同じ思いをする人が一人でも減るようにと思ってご紹介。ソフトを解凍するだけで、WordPressのローカル環境を構築できる、というソフトウェア。USBで持ち運びも可能。 今まで知らずに損してましたｗこれ、有名なのかな・・・ Instant WordPressをUSBメモリやポータブルHDDなどにダウンロードして、自動セットアップするだけで、WordPressをローカル環境を構築、その環境ごとUSBフラッシュメモリで持ち運びも出来てしまいます。構築まで5分くらいで出来ましたよ。これは便利だなーって思いました。 WordPressを環境ごと持ち運び出来ます。覚えておくとかなり役に立つ気がします。 出先でクライアントさんと打ち合わせ中にWebに繋げなくても直接見せて動作確認することも出来るし、自宅のデスクトップでいつも作
XHTMLベースの既存のWordPressのテーマファイルをHTML5にするチュートリアル
XHTMLで作成された既存のWordPressのテーマファイルをHTML5にするチュートリアルを紹介します。 Converting XHTML WordPress Theme To HTML5 [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに header.phpをHTML5に変更 index.phpをHTML5に変更 single.phpをHTML5に変更 footer.phpをHTML5に変更 補足：IE6/7/8への対応 はじめに はじめに、なぜHTML5を使うのかを理解する必要があります。私が考えるHTML5を使う大きな理由は、HTML5がセマンティックなマークアップだからです。 HTML5ではheader, footer, nav, section, articleなどを正確に使用する必要があります。 ここでは、XHTMLベースの既存のWordPressのテーマ
2011年度に発表されたシンプルでミニマムなWordPressテーマ30選
世界中で利用されているCMS WordPress。使い勝手が良く、様々なプラグインと豊富なテーマが魅力的なオープンソース。今日はそんなwordpressをクリエイティブに利用できるシンプルでミニマムなWordpressテーマを集めたエントリー「30 Fresh Minimal WordPress Themes (2011 Edition)」を紹介したいと思います。 mimiThem そのままでも利用できますし、シンプルなので、カスタマイズのベースにも良さそうなテーマが多数集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Blogum ３カラムのシンプルながらも正統派のテーマ。色々と触りがいがありそうなテーマ。 Papaver ポイントとなるグラフィックも美しい、シンプルで上品なテーマ。 Laelia ポラロイドをベースとしたWor
jQueryで動作する開閉パネル式をWordPressのショートコートで作れるようにする基本的なチュートリアル
よく見かける、クリックで開閉するパネル をショートコードでサクッと作れるように するためのカスタマイズ法です。jQueryを 使います。どこにでも手軽に追加できる ので覚えておくと結構重宝します。FAQ 以外でも応用できそうですね。 FAQなんかで良く見かける開閉パネルをショートコードで作ろう、という内容です。一応ビギナーさん向けに書いたつもりですけど、分かりにくかったらすみません。 要所要素で開閉式のパネルコンテンツを実装する機会があるならショートコードで管理したほうが楽ですので覚えておくと重宝します。 完成イメージ こんな感じのやつです。クリックでパネルが開いて、回答が出現、みたいなの。これをショートコードでサクサク追加できるようにしてあげましょう的なコード。 Sampleこの動作をする開閉パネルをショートコードで簡単にサクサク追加できる、というのが今日の内容です。 スタイルはやっつけ
お手軽WordPress Tips：記事内やコメント欄内の特定のキーワードを任意のテキストやリンク等に一括置換する - かちびと.net
ちょっと久しぶりですけどWordPressの カスタマイズTips記事です。今日はプラ グインを使わず、記事内の特定のキーワ ードに自動で何か加わるようにしようと いう内容。一応簡単なWikiっぽいものも 作れるっちゃ作れます。 ちょっと分かりにくいんですけど、指定したキーワードを好きなものに置換するっていうコードです。なのでアイデア次第でいろいろ出来るっちゃ出来るんですけど、行儀の良いコードではないので痒いところに手を届けたい時にでも使ってください。 コード functions.phpに含めます。 function change_any_texts($text){ $replace = array( //'変更前' => '変更後' 'CSS' => '<a href="#">CSS</a>', 'tool' => '<strong>tool</strong>' ); $text = s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新しめのWordPressテーマ４０:phpspot開発日誌
音楽系のブログを作る際に使えそうなWordPressテーマ２０:phpspot開発日誌
レスポンシブWebデザイン対応のjQueryイメージスライダー・FlexSliderがWordPressプラグインになってた - かちびと.net