たまたま見かけた白黒カラーベースの WordPressのテーマが素敵だったの でご紹介ついでに、モダンで美しいデ ザインのテーマも合わせてご紹介しま す。すべて無料で利用可能です。全部 で17個あります。 コメントは控えます。ぜひデモをご覧下さい。 STUDIO DESSIGN STUDIO DESSIGN / DEMO MINIMAL DESSIGN THEME MINIMAL DESSIGN THEME / DEMO SWISS DESSIGN THEME SWISS DESSIGN THEME / DEMO STYLE DESSIGN THEME STYLE DESSIGN THEME / DEMO Ulap Ulap / DEMO WP-Wordfinder WP-Wordfinder / DEMO Seven Five Seven Five / DEMO Clear Clear

僕がWordPressを勉強するのに普段 から見ているブログやWebサイトが あったら教えてほしいとお問い合わせ を頂いたので記事にしてみます。僕自 身、大した技術も知識も無いのでさほ ど参考になるとは思えませんが、一人 にでも役に立てたら幸いです。 そういうわけで普段からWordPressの情報収集に利用させて頂いているブログやWebサイトのまとめ。 多くの場合はテーマのカスタマイズの際に情報を探すのでそういった情報を配信してくれるサイトをご紹介します。存在自体は沢山ありますが、個人的に相性の良いサイトに絞っています。順不同。 WPBeginner ブログ名に反して、かなり濃い情報を得られます。チュートリアル記事あり、まとめ記事ありと、コンテンツバランスも良く、僕もかなりお世話になっています。記事は上部メニューの「Sections」からお探しください。 WPBeginner CatsWh

ご連絡頂いて、良さそうだったので ご紹介。TwitterやFacebook、mixi などで画像や動画を共有出来る国産 のWebサービスです。クロスポストが 可能でログインもmixiやTwitter、FB のアカウントで出来きますよ。 まだ昨日リリースされたばかりだそうですよ。シンプルで見やすいのも個人的に良い印象でした。アップロードだけでなく、ブラウザの拡張で投稿することも出来ます。 シンプルです。ログインはTwitterかFacebook、mixiのアカウントのどれかを持っていれば可能です。 マイページで設定 ログインすると上記のようなマイページを与えられます。背景のデザイン設定やFacebook、mixiへのクロスポストの有無を決めたり、拡張機能をインストール出来たり。 拡張機能のインストール 拡張機能をインストールして、画像の上で右クリックで投稿します。Chromeアドオン、Fir

iPhoneアプリ探し、楽しいですね。 僕も暇があれば色々探しています が、こういうのは専門のサイトで探 すのが手っ取り早いですよね。 ただ、出来れば見やすい、探しや すいサイトで探したい所です。 で、調べたサイトをいくつかご紹介。 数多くのアプリが存在するので1つのサイトだけ見てると自分にとって最適のアプリ情報を逃してしまうかもしれないのでいくつか知っておくと良いかも。どこのサイトも良いところがあるので、お好みの紹介サイトを見つけたいところですね。順不同、本家は抜いています。 AppBank アプリも提供されているマルチユーザータイプのブログ形式レビューサイトです。情報も早いですね。 AppBank BuzzApp! 個人的にオススメのサイトです。見やすいし探しやすい。Twitterでつぶやかれているアプリランキングもあります。 BuzzApp! iPhone App Search 凄く

題名がやや謎ですが・・・ブログの過去 記事を、新聞のテレビ番組表のような レイアウトで表示するWPプラグインです。 アーカイブをじっくり探せるように、見や すいレイアウトにするのはコンテンツに よっては大きなユーザビリティとなりそう です。 結構使われているのかもしれませんけど、僕は最近まで知らなかったので一応ご紹介。覚えておいて損は無さそうです。もちろん、IE6や7でも動きます。 アーカイブをこんな感じで表示してくれます。テレビ欄っぽい。画像は投稿の最初の画像を自動で取得してくれるみたいです。 このようにクリックで開閉するタイプも選べます。こちらもスマートでいいかもしれませんね。 テスト環境に入れた際のキャプチャです。見出しになっている月をクリックすると全部開きます。 管理画面です。画像も用意してくれていますし、そう困る部分は無いかなと思います。 使い方 デモがありますので導入前に見てみ

iPhone等にも対応した音楽サーバー を構築できるHTML5ベースのソフト ウェアがMITライセンスのもとで配布 されていました。まだ未検証ですが、 なんだかHTML5製もいろいろ出てき ますね。まだまだこれからかもしれま せんが色々楽しみです。 まだ未検証ですけどデモが凄かったので勢いでご紹介。中も見てないので「こんなのあったよ」、程度に見て頂ければ。レビュー記事とかではないです。 本当は検証したいんですけどメインで使ってる端末、音出さないようにしてるので検証出来ないんです。ごめんなさい。 Windows、Mac、Linux対応、ライセンスはMITで無償配布されていますよ。「個人で構築できる音楽サーバー」という趣旨みたいです。 PHP&MySQLで動くそうですよ。インターフェースも判りやすそうですね。 モバイルでのインターフェース。コード変換メディアにFFMPEGライブラリを利用してい

いくつか知っておいた方が、必要な時に 探しやすいと思ってメモします。Webサイト のデザインをヘッダーやフッターなど、 パーツ別に収集しているギャラリーサイトが いくつかあるのでまとめます。 そんな大量に有るわけではないですけど。パーツのデザインはいつも迷うのでこの手のギャラリーはいくつあっても結構重宝しますよね。 ブブンデザインアーカイブ 国内でおそらく唯一のパーツ別デザインギャラリーです。ナビゲーションやフッターなどで探せて、収集しているサイトも国内メインなので参考になるのでは。 ブブンデザインアーカイブ MephoBox ヘッダーやフッター、ナビゲーションやフォームデザインだけでなく、404やカレンダーなど全てのコンテンツをカテゴリにしてパーツデザインを収集しています。おすすめ。 MephoBox Pattern Tap こちらもナビゲーションやボタン、フォームデザインなどに分けてデ

多くのサイトでFacebookのソーシャル プラグイン（いいね！ボタンとか）の導入 を見かけるようになりましたが、プラグイン の種類はいくつかあります。殆ど使われ ているのを見かけないので、なんとなく ご紹介してみようと思いエントリー。 ハードなFacebookユーザーなら知ってて当たり前かもしれませんけど、まだ普及し初めて間もないので一応ご紹介したいと思います。現状使われているソーシャルプラグインとさほど大差無いので特に使い分ける必要が無いのかも知れませんけど・・・一人でも「こんなのあったのか」と思って頂ければ幸いです。 Like Button 最もよく見かける「いいね！ボタン」です。こちらは、いいね！している友達のアイコンの表示も可能ですが、噴出しを利用している方が大半のようです。アイコンは後述するFacepileで実装可能です。 Demo Like Button Facepile F

WordPressをCMSとして利用する場合は 「ページ」で作成するコンテンツが多くなる かと思います。その管理をしやすくしよう、 というプラグインがCMS Tree Page View です。ツリー形式にしてくれるので、Web に不慣れなクライアントさんでも視覚的に 管理しやすいのでは無いかと思います。 WPもかなり高機能ですが、基本的にはブログエンジンの為か、「ページ」の管理がしやすいインターフェースとは言えません。そこを補うプラグインです。 こんな感じでページを管理できます。CMSとしての利用となるとどうしても「ページ」の数が増えてしまいます。こうして表示してくれると俄然分かりやすいですね。 使い方 マウスを乗せるとメニューが表示。Viewで確認、Editで編集です。 下書き状態のページも分かりやすく。 普段使わない時もスッキリさせておけます。 クライアントさんが管理するなら入れてお

個人的によく使っているブックマークレットのご紹介。どれも便利で役立つので手放せないものになっています。Web制作をしている人なのでそれ系に偏っているかも知れませんが、多少でも参考になれば幸いです。ほとんど有名なものだとは思いますが・・・ というわけで、便利なお役立ちブックマークレットをいろいろとご紹介。手軽なのが素敵ですよね。以前書いてから大分経ちますので改めてエントリーしますが、少々Web制作系に偏っています。順不同です。 CSS構成を一目で確認出来るXRAY 何かと便利なXRAY。クリックした要素の詳細を教えてくれます。Web屋さんはご存じの方も多いのでは。 XRAY 今見ているページをiPhoneで「後で見る」KeepItWith.Me 最初の設定がすごくストレスだったのですが、設定後の便利さが感動したのでご紹介。PCで見ているページでブックマークレットを使って自分のiPhoneに送

若干Instagramが飽き始めてる僕ですが、 これ系はやはり好きみたいで、またもや はまりかけてるアプリがあります。それが クラシック系カメラアプリのClassicINSTA。 Instagramのようなソーシャル機能の無い 普通のカメラアプリなんですが、とにかく インターフェースが素敵すぎ。 無料ですし、多くの方も既に試されてると思いますので今更的な話題ですが、ぜひ使って欲しいなと思うアプリでしたのでご紹介します。 カメラを起動した状態です。かっこいい・・・ 使い方 使い方はこんな感じ。インターフェースが凄く好みで使っていて楽しいです。 写真を取り込んで加工する事も可能 多くのカメラアプリにほぼ標準で備わっているので言うまでもないかも知れませんが、ちゃんと写真をアルバムから取り込んでエフェクトをかけることも出来ます。 撮った写真の出し方が素敵 エフェクトやフレームを決めて、いざ写真を撮

さて、3連休中ですが、今日もWebのネタ。 昨日、ご紹介したWordPressモバイル対応 プラグイン・WPtapをこのブログに導入しまし た。今更スマートフォン対応したのかよ的な 印象も否めませんが、導入時の事をいくつか メモとして残しておきます。導入のきっかけに なれば幸い。 基本的に導入にあたり、大きな問題はありませんでした。本当、オススメのプラグインです。（※詳しくは昨日の記事をご参照）ただ一点だけ、デフォルトのテーマで、タイトルを文字数で省略しているのですが、そこが文字化けしてたので対処法を書いておきます。 文字化けを直す ↑こんな感じで文字化けってます。ご紹介した手前、「なんだよ文字化けで使えねー」とか言われるのもアレなので文字化け対策を書いておきます。 直す箇所 wp-content/plugins/wptap/themes/News Press/にあるindex.phpとa

iPhoneに対応させるWPプラグインは 結構あります。例えばよく見かけるのは WPtouchです。しかし、ちゃんと探せば 更に高機能且つ、手軽なプラグインも あります。WPtap もその一つ。日本で 紹介している記事は皆無ですが、非常に 機能の充実したプラグインです。 僕も昨日知ったばかりで、iPhoneとiPadでしか確認をしていないので、タイトルで「多数デバイスに対応」と言い切ってしまうのは微妙な気がしたのですが、釣ってでも知ってほしいプラグインだったのでご了承頂ければと思います。じゃあ日曜に記事公開するなよって話ですがｗ iPhoneだけでなく、iPad、Android、BlackBerry、Nokia S60+などに対応しており、対応デバイスを追加することも出来ます。 [note]【2011・01・10 追記】 このブログに導入しました。iPhone等でアクセスすれば表示チェック

なかなか面白い試みだなぁと思って シェア。class名を変更するだけで ボタンのデザインを変えることが出来 るようにしてくれているボタンデザイン の着せかえプロジェクトです。css3で すので使いどころは限られますが、 試みが素敵ですね。 こういう着せかえ的なプロジェクトはcssレイアウトバージョンが以前から日本でもあります。このプロジェクトはzen gardenの影響らしいですね。去年の夏に更新履歴があるので現在も生きているプロジェクトだと思います。 で、こちらはボタンデザインの着せかえプロジェクト。全ボタンに対応したcssファイルもまるごとダウンロード出来ますので勉強にも如何でしょうか。

商用でも無料で使えるGPLライセンスの 人気CMSなので当然、納品する事も多々 あるかと思います。クライアントさんが管理 する場合と、制作者側で管理する場合があ るかと思います。個人利用ではどうでもいい ですが前者の場合は出来れば管理画面を どうにかしたいところですね。 という訳で、WPの管理画面をどうにかしたい時に覚えておくと探す手間が省けて楽だなぁ、と思ってまとめた記事になります。 左上の「W」のWPロゴが目立つのでこれを変更。 お使いのテーマファイルのfunctions.phpに以下を加えます。 add_action('admin_head', 'my_custom_logo'); function my_custom_logo() { echo ' <style type="text/css"> #header-logo { background-image: url('.get_