yoscyのブックマーク - はてなブックマーク

WordPressのトップページを雑誌や新聞のような段組にする方法
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。準備まず jQuery Masonry 公式サイトのページ中央にある「Download the script
yoscy 2012/01/24
WordPress

テーマ

jQuery
リンク
WordPressサイトをデザインする時に気をつけていること
この記事は、2011/9/11 に神戸芸術工科大学で開かれた「WordCamp KOBE 2011」で私がお話しした「WordPressサイトをデザインする時に気をつけていること」というセッション内容をブログ記事として起こしたものです。当日はたくさんの方にお越しいただきありがとうございました。会場に入れなかった方もいらっしゃったそうですみません。この記事で、少しでも内容を共有できればと思います。このセッションでは、オリジナリティのあるWordPressサイトのテーマをデザインする際に私が気をつけていることについてお話させて頂きます。このセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジナルのWordPressテーマをデザインする際に気をつけていることです。このセッションで伝えたいことこのセッションでお伝えしたいことは「4つ」あります。 いずれも、私がオリジ
yoscy 2011/09/12
WordPress

テーマ

デザイン

お役立ち
リンク
[連載]WordPressでWebサービスを作る方法（1:PHPとは） | Stocker.jp / diary
このブログでは何度も触れていますが、3月にフリー写真素材 :: Free.Stocker という無料写真素材サイトをオープンしました。このサイトは、WordPress というブログ向けの CMS（コンテンツ管理システム）を使って作りました。このサービスを作った際の手順をケーススタディとして「PHPやWordPressを全く知らない方でも、WordPressでWebサービスを作り、それをたくさんの方に利用して頂ける方法を分かりやすく学べる記事を書こう」と思い書き始めたのがこの記事ですが、「PHPとは」から「WordPressサイトにおける内部SEO」「ソーシャルメディアマーケティング」まで網羅する特大記事になり、1記事として一度に掲載することが難しくなったので、全10回の連載としてお送りします。 WordPressやPHP初心者の方はぜひ1ページ目からソースコードを書き写しながら、既に
yoscy 2011/06/15
PHP

web制作

WordPress

連載

勉強
リンク
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。私自身、NetBeans IDE を使うようになってからサ
yoscy 2011/05/11
PHP

css

HTML

コーディング

web制作
リンク
1