WordOnsen in 福島飯坂 2014 応募時の質問と回答

1. 応募時の質問

2. _sがらみの話が知りたいかなぁ

3. _s (Underscores)
http://underscores.me/
• Automattic社のテーマチーム
が開発したスターターテーマ
• カスタマイズされること前提
• GitHub で管理・開発
• GPL v2.0 オープンソース

4. ちなみに
• 元々、css を書き換えればOK
の公式テーマがあった
• Sandbox
• Toolbox
• Toolbox を元に _s が作成され
た
（ので Toolbox は現在配布停
止）
http://theme.wordpress.com/
retired/toolbox/

5. 公式サイトのジェネレーターが簡単
• 「Theme Name」の欄に名付けたい
テーマ名（テキスト）を入力し、
「GENERATE」ボタンを押すだけ
• Advanced Options
• Theme Slug：テーマのディレクト
リ名
• Author：テーマ作者名
• Author URI：テーマ作者のURL
• Description：テーマの説明
• _sassify!：sassファイルの有無
• 関数のプレフィックスや翻訳ファ
イル用のテキストドメインなど
が入力したテーマ名に変更され
たテーマファイル（.zip）がダ
ウンロードされる。

6. _s の日本語ファイル（.moファイル）
https://github.com/gatespace/_s/blob/ja/languages/ja.mo

7. コーディング概要
• HTML5
• IE9以上
• カスタムメニュー 1箇所
• ウィジェットエリア 1箇所
• レスポンシブ（600px）
• Reset CSS、normalize.css、
Blueprintでリセット
• WordPressで必要なcssクラスは
style.cssに記載済み

8. iemoto
https://github.com/megumiteam/iemoto
• WordPressテーマ用の
grunt-init テンプレート
• _s + Sass + ja.mo
• アクションフックたくさ
ん
• Grunt or glip.js で
js のチェックと
sass のコンパイル

9. 日記を書くくらいの用途でしか使って
ませんが、勉強してみたいと思いまし
た。
写真や画像の、良い管理方法などが
あれば知りたいと思っています。

10. WordPressのメディア
• アップロードされたメディアは投稿タイプ
「attachment」としてデータベースに諸情報が登録され
る
• メディアライブラリから参照できる
• アップロード場所は /wp-content/uploads/*
• アップロード時にサムネイルが作成される

11. 写真が多ければ
外部サービスおすすめ
• flickr
https://www.flickr.com/
• Instagram
http://instagram.com/
• 上記２サービスはWordPressの oEmbed に対応してい
るので、投稿の本文に写真のURLを入れるだけで簡単に
表示できる
http://codex.wordpress.org/Embeds