photo by ecstaticist
作   人
作 時気
iPhone&Android                      制作 仕事術                           発売日:2012.9.26                                       刊...
Agenda         入力
CSS   body        id class 設定 CSS                   変   手法      ※   (signature) 署名、   意味
CSSbody_class (twentyeleven > header.php: line70)                              Codex: http://codex.wordpress.org/Template_...
CSSpost_class (twentyeleven > content.php: line11)                              Codex: http://codex.wordpress.org/Template...
div .menu-{ menu name }-container ul #menu-{ menu name } .menu    li.menu-item .current-menu-item    li.menu-item    li.me...
wp_nav_menu (twentyeleven > header.php: line134)                         Codex: http://codex.wordpress.org/Function_Refere...
container         ul をラップするHTMLタグcontainer_class   コンテナに適用されるClasscontainer_id      コンテナに適用されるIDmenu_class        メニューを構成す...
aside .widget .{ widget name }  h3 .widget-title   ul    li    li※Twenty Elevenの場合※例外もある
register_sidebar (twentyeleven > function.php: line390)                         Codex: http://codex.wordpress.org/Function...
before_widget   ウィジェットの前のテキストafter_widget    ウィジェットの後のテキストbefore_title    タイトルの前のテキストafter_title     タイトルの後のテキスト
入力
入力画像 配置画像        適用
strong, em, del, ul, ol, li, address, pre,h1, h2, h3, h4, h5, h6, ptable, thead, tbody, tfoot, tr, th, tddl, dt, dd
画像
画像 配置 配置:左   img .alignleft   float: left
画像 配置 配置:右   float: right   img .alignright
画像 配置 配置:中央         img .aligncenter
画像
画像     div .wp-caption .align{alignment}                     img              p .wp-caption-text
ビジュアルエディターには下記のclassが付加される。.mceContentBody.content.post-type-post.wp-editorこのうち「post-type-{xxx}」には投稿タイプ名が適用される
add_editor_style (twentyeleven > function.php: line83)                add_editor_style( editor-style.css );               ...
Bad themes
Good themes
Good themes
少   工夫 、管理   。
少   工夫 、使   。
管理   、使
WordPressのテーマ編集時に覚えておきたいID名やClass名
WordPressのテーマ編集時に覚えておきたいID名やClass名
WordPressのテーマ編集時に覚えておきたいID名やClass名
WordPressのテーマ編集時に覚えておきたいID名やClass名
WordPressのテーマ編集時に覚えておきたいID名やClass名
WordPressのテーマ編集時に覚えておきたいID名やClass名
WordPressのテーマ編集時に覚えておきたいID名やClass名
WordPressのテーマ編集時に覚えておきたいID名やClass名
Upcoming SlideShare
Loading in …5
×

WordPressのテーマ編集時に覚えておきたいID名やClass名

11,150 views

Published on

Published in: Technology, Business
1 Comment
27 Likes
Statistics
Notes
No Downloads
Views
Total views
11,150
On SlideShare
0
From Embeds
0
Number of Embeds
7,118
Actions
Shares
0
Downloads
57
Comments
1
Likes
27
Embeds 0
No embeds

No notes for slide

WordPressのテーマ編集時に覚えておきたいID名やClass名

  1. 1. photo by ecstaticist
  2. 2. 作 人
  3. 3. 作 時気
  4. 4. iPhone&Android 制作 仕事術 発売日:2012.9.26 刊 Mighty Works 監修Amazon: http://www.amazon.co.jp/dp/4839940029/
  5. 5. Agenda 入力
  6. 6. CSS body id class 設定 CSS 変 手法 ※ (signature) 署名、 意味
  7. 7. CSSbody_class (twentyeleven > header.php: line70) Codex: http://codex.wordpress.org/Template_Tags/body_class
  8. 8. CSSpost_class (twentyeleven > content.php: line11) Codex: http://codex.wordpress.org/Template_Tags/post_class
  9. 9. div .menu-{ menu name }-container ul #menu-{ menu name } .menu li.menu-item .current-menu-item li.menu-item li.menu-item※Twenty Elevenの場合
  10. 10. wp_nav_menu (twentyeleven > header.php: line134) Codex: http://codex.wordpress.org/Function_Reference/wp_nav_menu
  11. 11. container ul をラップするHTMLタグcontainer_class コンテナに適用されるClasscontainer_id コンテナに適用されるIDmenu_class メニューを構成する ul に適用するClassmenu_id メニューを構成する ul に適用するID
  12. 12. aside .widget .{ widget name } h3 .widget-title ul li li※Twenty Elevenの場合※例外もある
  13. 13. register_sidebar (twentyeleven > function.php: line390) Codex: http://codex.wordpress.org/Function_Reference/register_sidebar
  14. 14. before_widget ウィジェットの前のテキストafter_widget ウィジェットの後のテキストbefore_title タイトルの前のテキストafter_title タイトルの後のテキスト
  15. 15. 入力
  16. 16. 入力画像 配置画像 適用
  17. 17. strong, em, del, ul, ol, li, address, pre,h1, h2, h3, h4, h5, h6, ptable, thead, tbody, tfoot, tr, th, tddl, dt, dd
  18. 18. 画像
  19. 19. 画像 配置 配置:左 img .alignleft float: left
  20. 20. 画像 配置 配置:右 float: right img .alignright
  21. 21. 画像 配置 配置:中央 img .aligncenter
  22. 22. 画像
  23. 23. 画像 div .wp-caption .align{alignment} img p .wp-caption-text
  24. 24. ビジュアルエディターには下記のclassが付加される。.mceContentBody.content.post-type-post.wp-editorこのうち「post-type-{xxx}」には投稿タイプ名が適用される
  25. 25. add_editor_style (twentyeleven > function.php: line83) add_editor_style( editor-style.css ); Codex: http://codex.wordpress.org/Function_Reference/add_editor_style codex: http://codex.wordpress.org/Function_Reference/add_editor_style
  26. 26. Bad themes
  27. 27. Good themes
  28. 28. Good themes
  29. 29. 少 工夫 、管理 。
  30. 30. 少 工夫 、使 。
  31. 31. 管理 、使

×