WordCamp Osaka 2012 のセッションで発表させていただいた資料です。 この資料では、WordPress のカスタマイズを、 エンジニア寄りの視点で、解説させていただきます。 WordPressのカスタマイズはこれからだけど、PHPには精通されている方、一般的なWebアプリケーションフーレムワークでの開発の知識のある方などを主な対象として、当初つまずきやすいと思われる箇所や、私個人が疑問に思った箇所、気付くのに時間が掛かった箇所などを紹介させていただいています。
WordPressで会員制サイトを作る際は、会員登録画面やログイン画面が必要です。デフォルトの状態では、フロント画面にログイン画面や会員登録ページを表示できないので、プラグインを使って作成していきます。 そこで今回は、WordPressに会員登録画面を作成できるプラグイン「Theme My Login」をご紹介いたします。 「Theme My Login」の機能概要 前提として、このプラグインだけでは会員制サイトは作れないのでご注意ください。 主な機能は以下の通りです。 WordPressへログイン画面をフロントに表示できる ユーザー登録画面をフロントに表示できる あくまでサイトのフロントにログインページやユーザー登録ページを表示するためのプラグインです。 「/wp-login.php」や「/wp-admin」などからWordPressの管理画面にアクセスせずに、ユーザー登録が可能になりま
5月 1日 at 2:30 pm by ジョナサン ベイリー - WordPress(ワードプレス)を利用しているなら、プラグインシステムの能力については、よくご存じのはずだ。ワードプレスのプラグインは「WordPress」のスペルを是正したり、フル機能の掲示板を加えたりと、広範にわたっている。 そのため、ユーザー達は、それぞれ絶対に必要だと思ったワードプレスのプラグインを入手している。この類のプラグインは、新しくブログを開設し、テーマ(テンプレート)を決める前にインストールすることになるはずだ。 今回は、私がインストールしているワードプレスのプラグインを紹介していこうと思う。これらのプラグインは、新しいバージョンがリリースされる度に、本格的に運営を始める前にインストールし、有効にするようにしている類のプラグインである。 5. WP Super Cache WP Super Cache(
少し増えてきたので自分用にまとめてみます。 WordPressでテーマをカスタマイズしたい時 にサクッと探せると楽なんですが、その コードスニペットを探せる、というサイトが いくつかあるのでご紹介します。WPユーザー の方は一度ご覧になってみては如何でしょう。 というわけでちょっと個人的なメモです。WPスニペットを保管してるサイトのまとめ。お手軽なWordPress Tipsっていうカテゴリで記事をよく書いてるんですけどそのネタ元なので英語OKな方はこちらから探してみては如何でしょうか。 この手のサイトのコードは古い可能性もよくあるのでCODEXで非推奨のコードでは無いかどうか合わせて確認しておくとより良いかもしれません。 WP-Snippets 数は多くないけど需要のあるTips多め。最近リニューアルしてちゃんとカテゴリ分けしてくれました。単純な単語をタイトルにしてくれているので英語が苦
PressWorkはWordPressのデザインを管理画面上からビジュアル的に行えるソフトウェア。 PressWorkはPHP/WordPress用のオープンソース・ソフトウェア。単なるブログエンジン、単なるCMSという枠を越えつつあるWordPress。新規サイトを構築する際に一から作るのではなくWordPressのテーマを作ったり、プラグインを使って構築するケースも多い。もはやプラットフォームだ。 作成中画面 そんなWordPressではテーマから利用する関数がとても多いので、テーマと言ってもHTMLではなくプログラミングコードがそのまま書かれるようにさえなっている。これではビジュアルが分かりづらそうだ。そこで使ってみたいのがPressWorkだ。 PressWorkはWordPressのテーマなのだが、ビジュアル的に編集できる機能が備わっている。PressWorkを有効にして最初に表
以前書いたWordPressでWeb制作する際 の手順リストが少し古い情報込みだったり するので改正版を書きます。先日、WPも 3.2のリリースを迎えましたので、手順リスト もアップデートすることにしました。多少考え が変わっているので内容も少し変更有ります。 以前のリストの改正版です。加えて他の情報も一緒に載せておく事にしました。 【2011・07・11】 WordPressインストール サーバーを用意(PHP5.2.4 以上 / MySQL5.0 以上) DBを作成 WordPressをダウンロードし、解凍 wp-config-sampleをwp-configにリネームし、内容をDBに合わせて変更 プリフィクス(接頭語)を変更する(wp_→foodblog_) FTPソフト等でサーバーにアップロード サイト名やパスワード、IDを決める(adminは避ける) 作成したユーザー名でログイン
MovableTypeでは親ブログのドメインを読み込むタグに、 <mt:Websites> <mt:WebsiteURL /> </mt:Websites> (参考:[備忘録] MT5でサイトのURLを読み込む方法) というのがあるのですが、Wordpressにも同様のタグが存在します。 <?php switch_to_blog(1) ?> <?php bloginfo('url'); ?> <?php restore_current_blog(); ?> switch_to_blog() の( ) 内にはブログIDを入力します。 commonフォルダに入れている画像(例えばロゴ)を呼びたい場合、 <?php switch_to_blog(1) ?> <img src="<?php bloginfo('url'); ?>/common/img/logo.gif"> <?php restor
Jigoshop のデモ ショッピングカートに商品を入れチェックアウトをしようとすると、おススメ商品がでるのもいいですね。 Jigoshopの主な特徴 商品を販売するEコマースサイトが簡単に構築できます。 商品はグルーピングが可能です。 割引クーポン マネージメントにも対応。 関連した商品の自動表示。 商品のレビュー。 税金は場所によって設定可。 通貨オプション。 出荷オプション。 高性能なプロダクトナビゲーション。 カスタマーアカウント。 在庫の追跡。 詳細なオーダーマネージメント。 輸入・輸出商品 カスタム ウィジェット クレジットカード・PayPalなど支払いは多数に対応。 Jigoshopのローカライズは現在、英語版以外にフランス語版が配布されています。 ローカライズは他のWordPressのプラグインと同じく、「.po file」「.mo file」で行えます。詳しくは下記ページ
20 Beautiful Wordpress Themes | Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers かなりいい感じのWordPressテーマ20。 次のようなセンスのいいテーマが20種類もまとまったエントリのご紹介です。 テーマ選びの参考に。 関連エントリ シンプルなポートフォリオサイト構築用WordPressテーマ25 WordPressデフォルトテーマのTwentyTenから派生した12のテーマ かなり美麗なフリーのWordPressテーマ60 黒ベースのクールかつフリーなWordPressテーマ色々
WordPress で主に Twitter の OAuth を使ったり、データベースに会員情報を持っておく方法を紹介します。すべて説明していると返って分かりにくくなりますので、ポイントを押さえて説明していきますので読んでみてください。今回メインで参考にさせて頂いた記事は以下です。 PHPでTwitter APIのOAuthを使う方法まとめ – 頭ん中 WordPress のデータベースにメンバーテーブルを作成 id を WordPress 側で使い、user_id は Twitter の user_id です。user_name は Twitter での screen_name です。access_token_key と access_token_secret を保存しておけばサイト側からツイートなどを行うこともできます。 CREATE TABLE IF NOT EXISTS `wp_me
iPadでアクセスしたときに、WordPress をiPad向けに最適化してくれるプラグイン Onswipeを試してみましたが、思いの外 良かったのでご紹介。ページ推移もフリ ックで出来る雑誌風レイアウトに自動で 変換してくれますよ。 OnswipeはHTML5を使って、WordPressを自動で雑誌風のレイアウトにしてくれるプラグインです。WordPress.comでも既に導入されており、プラグインとしても配布されています。 人気のFlipboardライクなインターフェースにしてくれると聞いて試してみましたが、なかなか良かったので備忘録がてらご紹介します。 使い方はすごく簡単で、基本的には有効化してフォントや色を選ぶだけです。試しにWPデザインギャラリーでテスト。 Before 可変式のグリッドレイアウトなので何もしなくても一応はちゃんと表示されていました。 After ご覧のようにマガ
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも!そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。 WordPress というと、ブログ構築のための CMS(コンテンツマネージメントシステム)というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。 WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 2011年01月28日- WordPressにソーシャルブックマークボタンを楽々設置:WP Social Bookmarking Light | NINXIT-BLOG Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 インストールして有効にすればすぐさま、次のようなボタンを記事上や記事下に設置できるプラグインです。 管理画面から並びを変えたり、ボタンを追加したりすることが容易にでき、はてぶ・ツイッター・facebookだけ、という感じでチョイス可能。 普通に設置しようと思うと大変ですが、プラ
[追記1] 最後で説明しているproxy cacheの設定を修正しました。 [追記2] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記3] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。 はじめに 大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。 サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。 今回行うチューニング一覧 DBを最適化するプラグインを導入する APCを導入してPHPを速くする MySQLを速くする 重いWordPressプラグインを外す nginx+FastCGIにする W
FeedWordPress is an open-source Atom/RSS aggregator for the WordPress blog publishing platform. You set up feeds that you choose, and FeedWordPress syndicates posts from those sources into your WordPress posts table, where they can be displayed by your WordPress templates like any other post — but with additional meta-data, so that your templates can properly attribute the post to the source it ca
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget enim ligula, quis vehicula velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam a justo scelerisque dui blandit lobortis non tristique velit. Integer gravida lobortis sem vestibulum condimentum. The page you've requested can not be displayed. It appears you've missed your intended dest
なかなか便利なプラグインでしたので ご紹介します。サムネイル付きで関連 記事を実装してくれるプラグインです。 方法はいくらでもあるのですが、カスタ マイズ出来ない、という方も多いと思い ますので、プラグインで実装出来れば 楽ですよね。 おそらく、精度を重視するか、ビジュアルを重視するか運営者によってニーズは変わると思います。このプラグインは後者向けとなりそうです。精度を重視するのであれば、YARPPやWordPress Related Post for Japaneseが良さそうです。両者ともカスタマイズや他プラグインとの組み合わせでサムネイルを実装することも可能です。 こちらは導入すれば自動でサムネ付きの関連ポストを実装してくれる手軽なプラグインです。方法を調べたり、カスタマイズしたりする必要もありませんが、レイアウトの調整が必要なら、cssを加える事になります。 オプションもそれなりに
Typical Website Design and Development MilestonesThe length of time needed to develop a website varies based on the complexity of your project, the size of the website, and how quickly you respond to requests for feedback or approval. For the most part, however, most sites are completed within 6-8 weeks. Below is a typical timeline for the complete design and development of a custom WordPress driv
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く