スポンサーリンク
※サイト運営にサーバーは必須です※
~ ロリポップ! はコスパのよい初心者向けサーバーです~
目次
はじめに
私は、WordPressでXeoryBaseというテーマを使っている。
今まで、色々デザインをいじくってきた。
だが、後々になって、何をどのようにいじくったかよくわからなくなりそう。あるいは、いじくった意図を忘れる気がする。
後々、見返して、自分が何を変更したかわかるようにこの場でメモしておきたい。機会があれば過去に変更した点もどこかに記しておく予定。
誰かの参考になれば幸い
内部関連記事
目次の間隔幅の調整
日付:2016/8/11
対象コード
1 2 3 4 5 |
#gnav li { float: left; position: relative; padding: 0 24px 0 0; } |
目次項目の余白を右に24pxだけでなく、左にも24px足す。
以下のコードをstyle.cssの一番下に追加。
1 2 3 |
#gnav li { padding: 0 24px 0 24px; } |
「SNSでもご購読できます。」の文字消去
日付:2016/8/12
一番下に表示される「SNSでもご購読できます。」がうざいので消去。
single.phpの以下の部分を削除
1 |
<h4 class="post-share-title">SNSでもご購読できます。</h4> |
削除したことを後で忘れそうなので、次のコメントを追加
1 |
<!-- SNSでもご購読できます削除--> |
以下の部分のコードは、ウィジェットの項目で、投稿記事下に挿入する場合に必要な部分だったので消去しない。
1 2 3 |
<?php if( is_active_sidebar('under_post_area') ){ dynamic_sidebar('under_post_area'); } ?> |
外部参考:http://www.memorou.com/2015/08/xeory-base.html
プロフィールの削除
日付:2016/8/12
SNS関連のボタンの下に表示されるプロフィールの削除
single.phpの以下の部分を削除
1 |
<?php bzb_show_avatar();?> |
削除したことを後で忘れそうなので、次のコメントを追加
1 |
<!--プロフィール削除--> |
プロフィールの削除すると、SNSボタンの下部の線が消滅。次のコードをstyle.cssの一番下に追加
1 2 3 4 |
/*SNSの下に線*/ .post-sns { border-bottom: 1px #eee solid; } |
外部参考:http://www.memorou.com/2015/08/xeory-base.html
一番下(フッター)に表示されるフォルダアイコン消去
ユーザがクリックするとは思えないので、single.phpの以下の部分を削除。
1 2 3 4 5 6 7 8 |
<ul class="post-footer-list"> <li class="cat"><i class="fa fa-folder"></i> <?php the_category(', ');?></li> <?php $posttags = get_the_tags(); if($posttags){ ?> <li class="tag"><i class="fa fa-tag"></i> <?php the_tags('');?></li> <?php } ?> </ul> |
忘れないようにコメントを挿入
1 |
<!--フォルダアイコン削除--> |
フッターの部分に何も入れていない。フッターの上の余白をつぶす場合は、style.cssの最後に以下の部分を追加
1 2 3 4 5 |
/*フッターの上の余白をつぶす*/ .post-footer { border-radius: 0 0 3px 3px; padding: 0px 64px 0px;/*一番右40px→0pxに変更*/ } |
検索窓の枠線を消去
base.cssに以下のコードを一番最後に追加
1 2 3 4 |
/*検索画面の枠線の消去*/ #searchform { border:none } |
border: 1px solid #e5e5e5;(デフォルト)がnoneに置き換わり、検索フォームのborderが無指定になる。
目次付近にできていた余計な線を背景の色と合わせる
背景の色をいじくったため、目次の上と下に余計な白い線が残っていた。そこで、線の色と白色から背景色に変更。style.cssに以下のコードを追加。
1 2 3 4 5 |
/*目次付近にできていた余計な線を背景の色と合わせる*/ #gnav { border-top: 1px solid#E1E9E8; border-bottom: 1px #D0ECE9 solid; } |
~ギャンブルに絶対儲かる必勝法があるのだろうか?~
私(サイト主)はこの疑問に対して非常に興味を持ち、プログラミングで検証してみました。
このサイトを応援してもいいかなと思う人はぜひとも購入を検討してみてください。