<?php echo do_shortcode('[my_calendar]'); ?>
3.20.2012
wordpress ウィジェットエリア追加
functions.php のウィジェット部分コピー
register_sidebar( array(
'name' => __( 'Calender Area', 'twentyeleven' ),
'id' => 'sidebar-5',
'description' => __( 'An optional widget area for your site footer', 'twentyeleven' ),
'before_widget' => '",
'before_title' => '',
',
) );
Calender Area → エリア名
表示させたい部分に
register_sidebar( array(
'name' => __( 'Calender Area', 'twentyeleven' ),
'id' => 'sidebar-5',
'description' => __( 'An optional widget area for your site footer', 'twentyeleven' ),
'before_widget' => '",
'before_title' => '
',
'after_title' => '
',) );
Calender Area → エリア名
表示させたい部分に
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Calender Area') ) : ?>
<?php endif; ?>
3.18.2012
role属性
role="banner"
ドキュメントからの引用ですが、大見出し(標題)またはウェブサイトのタイトルを含むリージョンなので、ヘッダーに使うのが適していると思います。そのため、div id="header" role="banner"やheader role="banner"で使います。
role="complementary"
ドキュメントからの引用ですが、メインのコンテンツから切り離しても意味を持つ、文書の補足的なセクションですので、サブメニューで使うのが適しているかと思います。HTML5ではasideがありますので、aside role="complementary"
role="contentinfo"
ドキュメントからの引用ですが、親の文書に適用されるメタデータ。例えば、脚注、著作権の記載、プライバシーポリシーへのリンクが、これに当てはまる。ですので、フッターで使うのが適しているかと思います。そのため、div id="footer" role="contentinfo"やfooter role="contentinfo"で使います。
role="main"
値の名称からも想像できるかと思いますが、メインのコンテンツで使われます。HTML4.01/XHTML1.0でもHTML5でもdiv要素で使うことになるかと思います。
role="navigation"
ドキュメントからの引用ですが、ナビゲーション要素(通常はリンク)の集合ですので、グローバルナビゲーションなどに使うことになると思います。そのため、ul role="navigation"やnav role="navigation"で使います。
role="search"
検索ツールでので、form要素などに使うことになるかと思います。
http://blog.e-riverstyle.com/2011/01/rolewaiaria.html
ドキュメントからの引用ですが、大見出し(標題)またはウェブサイトのタイトルを含むリージョンなので、ヘッダーに使うのが適していると思います。そのため、div id="header" role="banner"やheader role="banner"で使います。
role="complementary"
ドキュメントからの引用ですが、メインのコンテンツから切り離しても意味を持つ、文書の補足的なセクションですので、サブメニューで使うのが適しているかと思います。HTML5ではasideがありますので、aside role="complementary"
role="contentinfo"
ドキュメントからの引用ですが、親の文書に適用されるメタデータ。例えば、脚注、著作権の記載、プライバシーポリシーへのリンクが、これに当てはまる。ですので、フッターで使うのが適しているかと思います。そのため、div id="footer" role="contentinfo"やfooter role="contentinfo"で使います。
role="main"
値の名称からも想像できるかと思いますが、メインのコンテンツで使われます。HTML4.01/XHTML1.0でもHTML5でもdiv要素で使うことになるかと思います。
role="navigation"
ドキュメントからの引用ですが、ナビゲーション要素(通常はリンク)の集合ですので、グローバルナビゲーションなどに使うことになると思います。そのため、ul role="navigation"やnav role="navigation"で使います。
role="search"
検索ツールでので、form要素などに使うことになるかと思います。
http://blog.e-riverstyle.com/2011/01/rolewaiaria.html
3.13.2012
3.12.2012
タイトルなどの画像置換
新しい画像置換
ではこれが、新しい画像置換です。text-indentを利用するのですが「100%」を指定してテキストを外に飛ばしあとはoverflow:hiddenで非表示にしてしまいます。
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
ではこれが、新しい画像置換です。text-indentを利用するのですが「100%」を指定してテキストを外に飛ばしあとはoverflow:hiddenで非表示にしてしまいます。
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
3.04.2012
jquery
画像のフェード(マウスオーバー時)
hover.js
背景色のフェード(マウスオーバー時)
jquery.color.js
jQuery(function() {
jQuery('#menu-menu1 a').hover(
function(){
jQuery(this).stop().animate({backgroundColor: '#F5BCD6'},300);
},
function () {
jQuery(this).stop().animate({backgroundColor: '#ED86B5'},600);
}
);
});
hover.js
背景色のフェード(マウスオーバー時)
jquery.color.js
jQuery(function() {
jQuery('#menu-menu1 a').hover(
function(){
jQuery(this).stop().animate({backgroundColor: '#F5BCD6'},300);
},
function () {
jQuery(this).stop().animate({backgroundColor: '#ED86B5'},600);
}
);
});
3.03.2012
登録:
投稿 (Atom)