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

photo by ecstaticist

作人

作時気

iPhone&Android 制作仕事術発売日:2012.9.26 刊 Mighty Works 監修Amazon: http://www.amazon.co.jp/dp/4839940029/

Agenda 入力

CSS body id class 設定 CSS 変手法 ※ (signature) 署名、意味

CSSbody_class (twentyeleven > header.php: line70) Codex: http://codex.wordpress.org/Template_Tags/body_class

CSSpost_class (twentyeleven > content.php: line11) Codex: http://codex.wordpress.org/Template_Tags/post_class

div .menu-{ menu name }-container ul #menu-{ menu name } .menu li.menu-item .current-menu-item li.menu-item li.menu-item※Twenty Elevenの場合

wp_nav_menu (twentyeleven > header.php: line134) Codex: http://codex.wordpress.org/Function_Reference/wp_nav_menu

container ul をラップするHTMLタグcontainer_class コンテナに適用されるClasscontainer_id コンテナに適用されるIDmenu_class メニューを構成する ul に適用するClassmenu_id メニューを構成する ul に適用するID

aside .widget .{ widget name } h3 .widget-title ul li li※Twenty Elevenの場合※例外もある

register_sidebar (twentyeleven > function.php: line390) Codex: http://codex.wordpress.org/Function_Reference/register_sidebar

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 ﬂoat: left

画像配置配置：右 ﬂoat: 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 ); Codex: http://codex.wordpress.org/Function_Reference/add_editor_style codex: http://codex.wordpress.org/Function_Reference/add_editor_style

Bad themes

Good themes

少工夫、管理。

少工夫、使。

管理、使

http://wp-d.org	4382
https://twitter.com	13
https://twimg0-a.akamaihd.net	2

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

by tamotsu toyoda on Sep 17, 2012

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 4,397

Statistics

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