Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad

応募時の質問

Ad

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

Ad

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

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Loading in …3
×

Check these out next

1 of 11 Ad
1 of 11 Ad

More Related Content

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

  1. 1. 応募時の質問
  2. 2. _sがらみの話が知りたいかなぁ
  3. 3. _s (Underscores) http://underscores.me/ • Automattic社のテーマチーム が開発したスターターテーマ • カスタマイズされること前提 • GitHub で管理・開発 • GPL v2.0 オープンソース
  4. 4. ちなみに • 元々、css を書き換えればOK の公式テーマがあった • Sandbox • Toolbox • Toolbox を元に _s が作成され た (ので Toolbox は現在配布停 止) http://theme.wordpress.com/ retired/toolbox/
  5. 5. 公式サイトのジェネレーターが簡単 • 「Theme Name」の欄に名付けたい テーマ名(テキスト)を入力し、 「GENERATE」ボタンを押すだけ • Advanced Options • Theme Slug:テーマのディレクト リ名 • Author:テーマ作者名 • Author URI:テーマ作者のURL • Description:テーマの説明 • _sassify!:sassファイルの有無 • 関数のプレフィックスや翻訳ファ イル用のテキストドメインなど が入力したテーマ名に変更され たテーマファイル(.zip)がダ ウンロードされる。
  6. 6. _s の日本語ファイル(.moファイル) https://github.com/gatespace/_s/blob/ja/languages/ja.mo
  7. 7. コーディング概要 • HTML5 • IE9以上 • カスタムメニュー 1箇所 • ウィジェットエリア 1箇所 • レスポンシブ(600px) • Reset CSS、normalize.css、 Blueprintでリセット • WordPressで必要なcssクラスは style.cssに記載済み
  8. 8. iemoto https://github.com/megumiteam/iemoto • WordPressテーマ用の grunt-init テンプレート • _s + Sass + ja.mo • アクションフックたくさ ん • Grunt or glip.js で js のチェックと sass のコンパイル
  9. 9. 日記を書くくらいの用途でしか使って ませんが、勉強してみたいと思いまし た。 写真や画像の、良い管理方法などが あれば知りたいと思っています。
  10. 10. WordPressのメディア • アップロードされたメディアは投稿タイプ 「attachment」としてデータベースに諸情報が登録され る • メディアライブラリから参照できる • アップロード場所は /wp-content/uploads/* • アップロード時にサムネイルが作成される
  11. 11. 写真が多ければ 外部サービスおすすめ • flickr https://www.flickr.com/ • Instagram http://instagram.com/ • 上記2サービスはWordPressの oEmbed に対応してい るので、投稿の本文に写真のURLを入れるだけで簡単に 表示できる http://codex.wordpress.org/Embeds

×