カスタム投稿タイプ 投稿一覧(アーカイブ)ページ

Filed under: 未分類 — kdcs @ 2017年6月28日 水曜日

カスタム投稿タイプ(xxxxx)の専用アーカイブページを用意する場合、
テンプレート内にarchive-xxxxx.phpを作成。

※クエリの記述は必要ない プラグイン「Wp-PageNavi」でページ送りを行う

最も簡単な例

<div id="content">
<div class="xxxxxArea inner clearfix">
<?php if(have_posts()): ?>
<?php while(have_posts()):the_post(); ?>
<div class="Box4">
<h3><?php the_title(); ?></h3>
<div><?php the_content(); ?></div>
<?php endwhile; else: //記事が無い場合 ?>
<div id="coupleNone"><p><< xxxxxは準備中です >></p></div>
<?php endif; wp_reset_query(); //クエリのリセット ?>
</div>
</div><!--/xxxxxArea-->
<?php wp_pagenavi(); ?>
</div><!--/content-->

IE8で背景色を透過させる

Filed under: css — kdcs @ 2017年5月3日 水曜日

通常はrgbaで指定するがIE8以下にも適用させたい場合は

#page-top-js{
    background-color: rgba(0,0,0,0.6);
    /* ie8以下 */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
}

透過率と色の指定は「#99ffffff」の部分で、グラデーションをかける場合はStartとEndの色を変える
透過については以下参照
g-color

bxsliderカスタマイズ

Filed under: JavaScript — kdcs @ 2017年4月24日 月曜日

bxsliderをカルーセル化し、画面いっぱいに表示させるカスタマイズ

キャプションに長めの文章を表示させる場合、画像上にマウスを合わせると
ツールチップが表示されてしまうのを回避したい。

jquery.bxslider.jsでcaptionの記述部分の「title」を「name」に変更し
html記述部分、imgタグ内にnameを使う

<img src="<?php bloginfo('template_url'); ?>/images/xxx.jpg" alt="" title="" name="">

googleカレンダーの表示カスタマイズ

Filed under: tool — kdcs @ 2017年3月31日 金曜日

googleカレンダーの表示をカスタマイズするためのパラメーター各種

週・月・予定リストの表示切替タブ
showTabs=0 0:非表示 1:表示(デフォルト)
印刷ボタン
showPrint=0 0:非表示 1:表示(デフォルト)
現在表示されているカレンダーの期間表示
showDate=0 0:非表示 1:表示(デフォルト)
前月/前週/今日/翌週/翌月への移動ボタン
showNav=0 0:非表示 1:表示(デフォルト)
タイトル
showTitle=0 0:非表示 1:表示(デフォルト)
カレンダー表示切替ナビ
showCalendars=0 0:非表示 1:表示(デフォルト)
タイムゾーン
showTz=0 0:非表示 1:表示(デフォルト)
週の開始日
wkst=2 1:日曜日 2:月曜日 3:火曜日 4:水曜日 5:木曜日 6:金曜日 7:土曜日
カレンダーの表示言語
hl=ja ja:日本語 en:英語(アメリカ) 等
表示するカレンダー
mode=WEEK WEEK:週 AGENDA:予定リスト
日本の祝日表示
日本の祝日
src=ja.japanese%23holiday%40group.v.calendar.google.com

htmlにgoogleカレンダーを埋め込むコード内に記述する

<iframe src="https://www.google.com/calendar/embed?showPrint=0&showTabs=0&showTz=0&showCalendars=0&height=400&wkst=1&bgcolor=%23FFFFFF&src=sample%40kdcs-web.com&color=%238C500B&ctz=Asia%2FTokyo" style=" border-width:0 " width="100%" height="400" frameborder="0" scrolling="no"></iframe>

Firefox 位置情報の無効化

Filed under: tool — kdcs @ 2017年3月2日 木曜日

1.URL欄に about:config と入力
2.動作保証外になります!と警告されますが、[細心を払って使用する] をクリック
3.検索欄に geo.enabled と入力
4.表示された geo.enabled の上でダブリクリックし、値をfalseにすれば完了

サイト内検索

カテゴリー

最近の投稿

↑上に戻る