ウェジェット
2017年7月13日
Categories | ブログ（WordPress)
ウェジェットの固定ページリストを並び替える方法
ウェジェットのカテゴリ順を、自分好みに並べ替えることが出来るプラグイン
「Category Order and Taxonomy Terms Order」は重宝しているのですが、
固定ページもプラグインで並べ替えできないものか？と、それ系を探してみました。
が、管理画面内だけの固定ページ順は変更できても、実際サイト表示では変更されません。
あれ？なんでだろう・・・
ウフフ
実にシンプルなことでした。
ワードプレスには元々固定ページの表示順を変更する設定があったんですね。
管理画面 ＞ 外観 ＞ ウェジェット 固定ページの並び順を「ページ順」に変更。
次に、表示順を変えたい固定ページの編集ページで「ページ属性」に順序があります。
最上部に表示したければの場合「0」です。
しまい
2014年4月4日
Categories | ブログ（WordPress)
ブログに「Count Per Day」を投入。
カウント表示のデフォルトは右寄せになってて、当ブログだと右寄せ過ぎたので
改良した。メモる。
いじるファイルはcounter.css
blog/wp-content/plugins/count-per-day/counter.css
TeraPadで開き196行目に
赤枠（margin-right:10px;）を追記。
しっかり右側に10ピクセル余白入った。
しまい
2013年6月21日
Categories | ブログ（WordPress)
前回はウェジェットのカレンダーを、自作テーマに似合うようにレイアウトを
変更し、プラグインを使って曜日を英語表記にしたのですが、
カレンダー以外数箇所まで英語表記されてしまったのでボツにしました。
でぇ、今回は曜日を日本語に戻し休日・今日に色が付けられるプラグインを導入。
スタイルシート「style.css」も若干いじり、出来上がりはこんな感じに
ある程度のカスタマイズは、
wp-content ＞plugins ＞ realtime-calendar ＞ calendar.css
をさわれば出来そうです。 これ！ 結構いけてるプラグインかも。
しまい
2013年5月30日
Categories | ブログ（WordPress)
サイドバー等に設置する検索フォーム（検索ボックス）をカスタマイズしました。
ワードプレスの検索フォームをカスタムしたい方の為に
分かりやすくレクチャーしますね。
当方は設置する場所をヘッダー内にしましたが、ウェジェットでサイドバーに
表示させたい場合は、これからの作業は必要ありません。
・ヘッダー内に検索フォームを表示させるには
テーマフォルダー内の「header.php」を開き、表示させたいところに
<?php get_search_form(); ?>
を記述します。ただそれだけです。そうするとデフォルトのボックスが現れます。
表示位置はdiv等で囲み、その指定は「style.css」に書き込みましょう。
当方仕様は右側に検索ボックスを表示でこうです。
style.css には
#info { float:right;
line-height:33px;
margin-right:24px;
}
header.php には
<h2>HCZ BLOG</h2> <div id="info"><?php get_search_form(); ?></div>
と記述しました。
これからが本題です。
・検索フォームをカスタム
いじるファイルは2つ。
style.css：テーマのフォルダー内に格納されている。
general-template.php：wp_includesフォルダー内に格納。
style.css に追記する内容
#searchform label {display:none}
#s{/* 検索文字列入力欄 */
width:160px;
height:14px;
}
#searchsubmit{/* 検索ボタン */
position: relative;
top: 6px;
left: -26px;
height:20px;
}
解説：「#searchform label {display:none}」は、「検索:」文字を表示させない指定。#searchsubmit{/* 検索ボタン */ のposition: relative; は、検索文字列入力欄の上にボタンを表示させる指定。ボタン表示位置はtop・leftで好み位置に調整してください。
general-template.php １６2行目の内容を変更
変更前
<div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
<input type="text" value="' . get_search_query() . '" name="s" id="s" /><
<input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
</div>
変更後
<div><label for="s">' . __('Search for:') . '</label>
<input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="Search" />
<input type="image" src="https://www.hcz.jp/blog/wp-includes/images/btn.gif" id="searchsubmit" value="Search" />
</div>
解説：「placeholder=”Search”」は、検索文字列入力欄に「Search」と表示させる。「input type=”image”」は検索ボタンを画像（虫眼鏡）に置き換える指定で、「src=”https://www.hcz.jp/blog/wp-includes/images/btn.gif“」は画像がある場所。画像はどこのフォルダーにおいても大丈夫だが、相対パスでの記述だと表示されないことがあるので、念のために絶対パスで記述するべし。
2013年5月27日
Categories | ブログ（WordPress)
ワードプレス（WordPress）既存のカレンダー（投稿のカレンダー）は、
ショボかったので、手を加えました。
カスタマイズに関して弄ったところは、
テーマフォルダ内のスタイルシート「style.css」に、下記を追加。
/*カレンダーのカスタマイズ*/ #wp-calendar { empty-cells: show; width:190px; margin: 10px auto 0; border-collapse: collapse; } #wp-calendar caption { background:#CCCCCC; border: 1px solid #808080; border-bottom:0; } #wp-calendar th,#wp-calendar td { padding: 2px 2px; text-align: center; border: 1px solid #808080; } #wp-calendar th { font-size:10px;} #wp-calendar tfoot td { border: none;}
※英語表記するにはプラグインをインストールする。
プラグイン：EnglishDate
あっ！！アーカイブ内も英語表記されるので要注意。
しまい
