スポンサーリンク
※サイト運営にサーバーは必須です※
～このサイトもエックスサーバー
を使用しています～
目次
はじめに
私は、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; } |
～プログラミングを勉強してみませんか？～
TechAcademy [テックアカデミー] 
は無料の体験講座が用意されているので、気軽に体験できます。
※私(サイト主)も無料体験講座を実際に受けてみました(→感想)
