テーマ更新’18

閲覧数: 38(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)タグ, , ,
dockerとiptables
blank

クラウドサーバーを利用する場合、ファイアウォール(Firewalld/iptables)の設定に失敗  続きを読む

PageSpeed Insights
blank

はGoogleが提供する「ウェブページのコンテンツを解析し、ページの読み込み時間を短くするための方法  続きを読む

6月の検索ワードまとめ
blank

6月の検索ワードのまとめです。 意外なところで「zabbixダウングレード」が複数回検索され、単独の  続きを読む

最近のいろいろ
blank

先日の記事で「写真を整理」していたら、、、という話をしましたが。不要な写真もありストレージ容量を確保  続きを読む

SudachiとElasticsearc...
blank

検索に関する初稿は2015年10月の「検索に悩む」でした。当時はWordPress標準の検索機能(S  続きを読む

Elasticsearch 6.8.11
blank

2017年末に「2.4.6」から「5.6.5」へバージョンアップして以来の大幅バージョンアップです。  続きを読む

スポンサーリンク

コメントを残す

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