ブログのテーマ変更
yasuhiroこのブログ（WordPress）のテーマを「Luxeritas」から「Lightning」へ変更。カスタマイザーでレイアウトを決定してから，リンク色などの表示を追加CSSで設定。しばらくこのまま使ってみます。
追加CSS（WordPressテーマ「Lightning」
/* グローバルメニューの下線を非表示 */
.global-nav-list > li:before {
border-bottom: none;
}
/* 更新日を非表示 */
.entry-meta-item-updated {
display: none;
}
/* 新着マークを非表示 */
.vk_post_title_new {
display: none;
}
/* ヘッダーナビのホバー色 */
.site-header a:hover {
color: #cc3333;
text-decoration: underline;
}
/* パンくずリストと著作権表示のリンク色 */
.breadcrumb-list a, .site-footer-copyright a {
color: #337ab7;
text-decoration: none;
}
.breadcrumb-list a:hover, .site-footer-copyright a:hover {
color: #cc3333;
text-decoration: underline;
}
/* 記事タイトルのホバー色 */
.vk_post_title a:hover {
color: #cc3333;
text-decoration: underline;
}
/* 記事本文のリンク色 */
.entry-body a {
color: #337ab7;
text-decoration: none;
}
.entry-body a:hover {
color: #cc3333;
text-decoration: underline;
}
/* 記事本文内の画像に枠線を表示 */
.entry-body img {
border: 1px solid #dddddd;
}
/* 記事フッターのリンク色 */
.entry-footer a:hover {
color: #cc3333;
text-decoration: underline;
}
/* サイドバーのリンク色 */
.wp-widget-group__inner-blocks a {
color: #333333;
text-decoration: none;
}
.wp-widget-group__inner-blocks a:hover {
color: #cc3333;
text-decoration: underline;
}
/* リンク内画像のホバー時の状態 */
a:hover img, .vk_post_imgOuter:hover {
/* border: 1px solid #dddddd; */
filter: brightness(80%);
transition: filter 0.3s ease;
}
.vk_posts.next-prev a:hover .vk_post_imgOuter {
filter: brightness(100%);
}
/* 続きを読むのリンク色 */
.vk_post_btn {
color: #ffffff;
background-color: #337ab7;
border-color: #2b699f;
transition: 0.3s;
}
.vk_post_btn:hover {
filter: brightness(80%);
}
/* ログイン情報内のリンク色 */
.logged-in-as a {
color: #337ab7;
text-decoration: none;
}
.logged-in-as a:hover {
color: #cc3333;
text-decoration: underline;
}
/* 関連記事タイトルのリンク色 */
.veu_relatedPosts .media-heading a {
color: #333333;
text-decoration: none;
}
.veu_relatedPosts .media-heading a:hover {
color: #cc3333;
text-decoration: underline;
}
/* SNSとCopyボタンのリンク色 */
.veu_socialSet .sb_icon_inner {
background-color: #ffffff !important;
color: #333333 !important;
border: 1px solid #dddddd !important;
box-shadow: 0 2px 0 rgba(0,0,0,0.1) !important;
}
.veu_socialSet .sb_icon_inner:hover {
background-color: #f8f8f8 !important;
color: #cc3333 !important;
border: 1px solid #cc3333 !important;
}
