Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
応募時の質問
_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 に対...
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
WordPress アカンパターン
Next
Upcoming SlideShare
WordPress アカンパターン
Next
Download to read offline and view in fullscreen.

Share

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

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

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

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

Views

Total views

1,023

On Slideshare

0

From embeds

0

Number of embeds

157

Actions

Downloads

4

Shares

0

Comments

0

Likes

0

×