テーマリニューアル2017
すっかりご無沙汰してしまいました。
復帰記念に久しぶりにテーマを変更しました。今回使用するのは「oblique」というテーマです。ファッション系のテーマのようですが、ここでは当然「旅ブログ」用にカスタマイズされますw
「Fashionistas」の時のように、カスタマイズをまとめて子テーマに落とし込む、ということはやっていません。今回は変更を最小限にしたエコシステムを目指しました。 子テーマ化しました、詳細はこちら
主な変更は「追加CSS」で対応し、どうしても変更が難しい部分だけ、ソースに手を入れました。ソースで対応したのは、「パンくずリスト」「関連記事」「閲覧数」などです。
新しいテーマに合わせて、いくつかのプラグインを使用しなくなったので、画面表示が多少早くなっているかもしれません。気が付かないレベルだとは思いますがw
今のところ、広告をうまく入れる方法が見つかっていないので、広告無しで運用しています。 広告入れました、詳細はこちら
.site-title { margin: 0 0 30px; font-size: 82px; font-family: Barcode; text-transform: uppercase; } .site-title a { text-decoration: none; } .site-title a:hover { text-decoration: none; color: #1FA0AE; } .calendar-archives.twentytwelve { background-color: #17191B !important; } .calendar-archives.twentytwelve > .archives-years { background-color: #17191B !important; } a { -webkit-transition: all 0s ease 0s; -moz-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; } .grid-layout .entry-title { font-size: 20px; } .breadcrumbs { font-size: 14px !important; } .comments-title { font-size: 20px !important; } .site-main .comment-navigation a, .site-main .posts-navigation a, .site-main .post-navigation a { padding: 15px; text-decoration: none; } .taxonomy-description { text-align: left; } .entry-footer a:hover { color: #1FA0AE; } .site-info a:hover { text-decoration: none; color: #1FA0AE; } .header-search .search-field { -webkit-appearance: none !important; -moz-appearance: none !important; } img[class*="wp-image-"]:hover { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .single-thumb { overflow: hidden; } .single-thumb img { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.5s; display: block; margin: auto; } .single-thumb img:hover { -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } .search-field { -webkit-appearance: none !important; } .widget ul { list-style: none; padding: 0; margin: 0; } .widget_post_views_counter_list_widget li::before { font-family: Fontawesome; font-size: 15px; margin-right: 5px; content: "\f080"; } .widget_post_views_counter_list_widget li:hover::before { font-family: Fontawesome; font-size: 15px; margin-right: 5px; content: "\f201"; } .widget_meta li::before { font-family: Fontawesome; font-size: 15px; margin-right: 5px; content: "\f204"; } .widget_meta li:hover::before { font-family: Fontawesome; font-size: 15px; margin-right: 5px; content: "\f205"; }