WordPress講座

WordPress×BizVektorのブログ加工術 トップページ

当サイトはWordPressとBizVektorを使用したブログですが、基本機能だけでは手の届かない細かいデザインの部分をソースカスタマイズしています。
ここでは、その個別カスタマイズのノウハウを公開しています。厳密なテストを行っていないため使用は自己責任となりますが、ぜひご活用ください。

第1章 ヘッダーエリアをスリムにする

ヘッダーロゴの上にあるサイト紹介文を削除する
ヘッダーロゴの上下余白幅を微修正する
メニューバー直下の余白幅を微修正する
各記事に表示される余計な記事タイトルを削除する
パンくずリストを好きな位置に表示する
パンくずリストの階層表示の不要文字を削除する

第2章 メインエリアを見やすくする

メインエリアの右横幅を少し広げて見やすくする

第3章 サイドバーエリアに機能を沢山盛り込む

サイドバーに自動挿入されるウィジェットを削除する

第4章 フッターエリアにサイト情報を集約する

フッターエリアに3カラムの情報エリアを追加する
フッターエリアを好みの色に変える
デフォルトだと長いコピーライト表記を修正する
サイト上部に戻るPAGETOPボタンを削除する
おそらく使用していないGooglePlusOne.jsを削除する

第5章 トップページをスリムにする

3PRエリアの下に表示される編集ボタンを削除する
ログオン時に表示される固定ページ表示欄を削除する

第6章 アーカイブ記事を見やすくする

記事エリアの冒頭にヘッダー画像を入れる
すべての記事に同一の記事や画像を入れる

第7章 カテゴリ一覧を見やすくする

カテゴリ一覧ページの表題の表記を修正する

第8章 記事の記述でテクニックを駆使する

プログラムのソースコードを綺麗に表示する

第9章 その他

スマホのホーム画面で表示されるアイコンを設定する
ブックマークタイトルの修正
ドメイン取得について