テーマ更新’18

閲覧数: 42(0)

前回のテーマ更新からまだ10か月ですが、気分転換に新たなテーマへ更新しました。今回使用したのは「FOTOGRAFIE」というテーマです。テーマのコンセプトは「ART & DESIGN」です。果たして「旅ブログ」にマッチするのでしょうか?

前回のテーマである「Oblique」は斜めに表示するための設定が細か過ぎてメンテナンスが大変でした。いつも言っている事ですが、出来れば「子テーマ化」せず、追加CSSのみでやりたいことが実現出来ることが今回も目標です。

詳細は添付した追加CSSを見て下さい。変更したのは使用するフォント、フォントのサイズ、レスポンシブ対応の調整、程度です。テーマ本体には全く手を加えずに、とりあえず満足できるレベルを実現しました。また、このテーマの採用に伴って、追加機能として採用していたプラグインを3つ削減することが出来ました。現在、このサイトのプラグインは21個です。レスポンスのためには20個以下にすることが推奨されているWordpressですので、いい線いっていると思います。多少足りない機能もあり、将来的にこれで我慢出来るかどうかはわかりませんが、今のところ「子テーマ化」の予定はありませんw

@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text');
.site-title {
	font-size: 2rem;
	font-weight: 300;
	font-family: "Libre Barcode 39 Text";
}
.site-description {
	font-size:0.9rem;
}
.page-title {
	font-size: 1.5rem !important;
}
.entry-title, .comments-title {
	font-size: 1.4rem !important;
}
.comment-reply-title {
	font-size: 1.2rem !important;
}
.entry-summary, .logged-in-as, .must-log-in {
	font-size: 0.9rem !important;
}
.entry-meta {
	font-size: 0.8rem !important;
}
.widget-area li {
	font-size: 0.9rem !important;
}
.entry-content, .comment-content{
	font-size: 0.9rem !important;
}
.entry-container, .content-right {
	padding: 15px 35px 15px 35px !important;
}
img[class*="wp-image-"]:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.post-thumbnail {
	overflow: hidden;
}
.post-thumbnail 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;
}
.post-thumbnail 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;
}
.yuzo_related_post h3 {
	font-size: 1.2rem;
}
.taxonomy-description{
	font-size: 0.9rem;
	text-align: left;
}
.syntaxhighlighter a,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody,
.syntaxhighlighter table thead,
.syntaxhighlighter table caption,
.syntaxhighlighter textarea { 
	vertical-align: top !important;
}
.main-navigation a {
	font-weight: 300;
}
@media screen and (min-width: 33em) {
	.site-title {
		font-size: 4rem;
		font-weight: 300;
	}
}
@media screen and (min-width: 48em) {
	.entry-content{
		margin: 2em auto !important;
	}
	.post-thumbnail {
		width: 737px;
	}
}
@media screen and (min-width: 64em) {
  .post-thumbnail {
    width: 765px;
  }
	.site-title {
		font-size: 4rem;
		font-weight: 300;
	}
}

話はガラッと変わりますが、久しぶりにポケモンGOのEXレイドに招待されました。場所は3回目となる「秋葉原公園」です。平日の昼間ですが、参戦予定です。これで通算では6回目の招待です。

最終更新日: 2019年5月25日

カテゴリーIT閑話, 公開タグ, , ,
パンくずリスト詳細
blank

テーマの「マイナーチェンジ」に伴って「パンくずリスト」の仕様を若干変更しました。一つ前のテーマではパ  続きを読む

最近の更新
blank

3月の初投稿は、ネタが無いのでIT閑話でw mediawikiのバージョン制限で、しばらくElast  続きを読む

検索に悩む
blank

インターネットを使って情報を入手する時、得られた情報の品質は、検索サイトの精度というよりは、検索に使  続きを読む

閲覧数を記録してみる
blank

いろいろ便利なプラグインがあるので、いくつか試してみて、最終的に採用したのが、Post Views  続きを読む

EXレイド参戦記2
blank

前回は残念ながらミュウツーをゲットできなかった「EXレイド」ですが、一回休みでまた招待状が届いたので  続きを読む

カテゴリー制限をかける
blank

一般公開とログイン後公開と非公開、この3パターンをカテゴリー制限で実現するプラグインとして、「Hom  続きを読む

スポンサーリンク

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください