2015年09月12日

【wordpress】プラグインなしでカテゴリで絞って関連記事を表示する

カテゴリーベースの関連記事表示。 posts_per_pageに表示したい件数を数字で記述。下記例は4件表示。 テンプレートの表示したい部分に記述 [html] <?php $categories = get_the ... 続きを読む
2015年03月7日

プラグインなし jQueryのトップへ戻るボタン 超シンプル版

画像も使っていないCSSとjQueryのみのトップへ戻るボタンのソース。 アレンジしやすいようにシンプルソース、コピペ用。 jQueryのソース jqueryを読み込んだ後に以下を記述。 </body>の直前など ... 続きを読む
2014年10月9日

the_dateのyear版

wordpressのthe_date()はあるけど、the_year()というのはないので下記のソースで対応。 [html] <?php $year_check = ''; ?> <?php if ( hav ... 続きを読む
2014年05月10日

the_content()が空だった場合の条件分岐

ワードプレスで投稿記事本文や固定ページの記事本文に内容がある場合と、内容がなかった場合で表示を変えたいとき。 the_content()の部分に値があるかないかで条件分岐する場合の方法。 single.phpやpage.phpなどに ... 続きを読む
2014年02月23日

レスポンシブ ウェブデザインのCSSの書き方

レスポンシブなウェブサイトを作るときの基本。 まずHTMLのhead内に以下を記述 HTMLソース [html] <meta name="viewport" content="width=de ... 続きを読む
2014年02月1日

グラデーションとborder-radiusを使ったグローバルメニューの例

CSS3のグラデーションと角丸を使ったメニューバー。 ブラウザ表示 Home Products Contact HTMLソース [html] <div ... 続きを読む
2014年01月26日

heightが反映されないときの対処法

floatを使わない親要素の中の子要素で、floatを使った場合にheightが反映されない場合。 そのときの対処法。 対処法①、②ともHTMLは共通。 HTMLのソース [html] <div id="wra ... 続きを読む