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