Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
応募時の質問
_sがらみの話が知りたいかなぁ
_s (Underscores) 
http://underscores.me/ 
• Automattic社のテーマチーム 
が開発したスターターテーマ 
• カスタマイズされること前提 
• GitHub で管理・開発 
• GPL v2....
ちなみに 
• 元々、css を書き換えればOK 
の公式テーマがあった 
• Sandbox 
• Toolbox 
• Toolbox を元に _s が作成され 
た 
(ので Toolbox は現在配布停 
止) 
http://them...
公式サイトのジェネレーターが簡単 
• 「Theme Name」の欄に名付けたい 
テーマ名(テキスト)を入力し、 
「GENERATE」ボタンを押すだけ 
• Advanced Options 
• Theme Slug:テーマのディレクト ...
_s の日本語ファイル(.moファイル) 
https://github.com/gatespace/_s/blob/ja/languages/ja.mo
コーディング概要 
• HTML5 
• IE9以上 
• カスタムメニュー 1箇所 
• ウィジェットエリア 1箇所 
• レスポンシブ(600px) 
• Reset CSS、normalize.css、 
Blueprintでリセット 
...
iemoto 
https://github.com/megumiteam/iemoto 
• WordPressテーマ用の 
grunt-init テンプレート 
• _s + Sass + ja.mo 
• アクションフックたくさ 
ん 
...
日記を書くくらいの用途でしか使って 
ませんが、勉強してみたいと思いまし 
た。 
写真や画像の、良い管理方法などが 
あれば知りたいと思っています。
WordPressのメディア 
• アップロードされたメディアは投稿タイプ 
「attachment」としてデータベースに諸情報が登録され 
る 
• メディアライブラリから参照できる 
• アップロード場所は /wp-content/uplo...
写真が多ければ 
外部サービスおすすめ 
• flickr 
https://www.flickr.com/ 
• Instagram 
http://instagram.com/ 
• 上記2サービスはWordPressの oEmbed に対...
Nächste SlideShare
Wird geladen in …5
×

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

760 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×