ウェブフォントの調整

いままで仕様していたウェブフォントは以前のテーマの設定をそのまま流用していたので使用箇所や使用フォントを少し調整をしました。

主にメインナビに適用したのが大きな変更でしょうか。ウェイトがおおきいフォントだったので文字が大きく。

外部リンクあれこれ

外部リンクを別タブで開くようにし、その場合はマークをつけました。
サンプル(マークのサンプルなのでこの記事が開くだけです)

如何せん手作業ですので漏れがあったらすみません。手作業なので。画像リンクはサイト内移動以外の場合はオーバーレイが乗るように……したんですがタブレット系だとあんま意味ないんですよねぇ。あとテーマの演出ともごっちゃになるんで悩ましいところで。もう適当でいいかもしれない。

いままではPCで観ることを前提にしていたので外部リンクだろうが同じタブで開くようにしていたのですが(別タブで観たければ手軽にできるので)、昨今の事情を鑑みましてスマホやタブレット端末のほうをベースに考えることにしたのです。モバイル端末ってその辺ちょっと面倒じゃないですか……私だけですかね……。

気がついたらタブ乱立で「アーッ!」となることも多いんですが、そこはそれ。

ハンバーガー食べたい

変更後のテーマ、モバイル端末サイズ閲覧時のグローバルメニューのトグルがどうも味気ないので無理矢理ハンバーガーにしました。

.menu-toggle {
	font-size: 0px;
	width: 46px;
	height: 46px;
	border: 0px;
	outline: 2px solid white;
}

.menu-toggle::after {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #FFF;
	font-size: 25px;
}

.menu-toggle:active,
.menu-toggle:focus {
	background-color: #303030;
	outline: 2px solid white;
}

これを追加CSSにぶちこむだけ!脳筋極まる。
スマートなやり方があるんだろうなとは思います。

テーマ変更

流石に前のテーマに飽きがきたので突発的に変更しました。突発的にやったにしては手を入れる箇所多くて色々しんどかったです。楽しいんですけど。

まだちょっと色々途中ではあるのですが、疲れたのでこの辺で一区切り。また少しずつ手を入れていきます。

特に過去記事、アイキャッチの扱いが前のテーマと違うのでひとつひとつ手を入れていかねばならない予感!直近のはちょいちょい触りましたが……うーむ先が長い。

ウィジェットの見た目を整えた

閲覧数の多いポストを表示するウィジェットをメインサイドバーに追加して見た目を整えました。主に関連ポストとほぼ同じ見た目に。実はまだちょっとだけズレてるんですけど直すのしんどそうなので見なかったことにします。

いやね、別々のプラグインから出力されるウィジェットなので、同じ画像・タイトルのリスト形式といっても書式が違うんですよ、なんかちょっとムズムズするので合わせようとしたんですけどね……並べ方が根っこから違うのでちょっと苦労しました。おもしろかったです。

少しタグを増やしたりも。タグクラウドも置こうと思ったんですけど結局なんか邪魔なんだよなーって思って消す。

サイドバーを設置

ヘッダーのウィジェットを変更、ポストにサイドバーを追加しました。いろいろ試した末に結局関連ポストの移設だけにとどまったんですけども。圧迫感があって苦手だと思ってたんですが、別にそうでもないなって気づきました。

ABOUTのとこはツイッターウィジェット置いたりもしました。邪魔かなって思ったらそのうち撤去してるかもしれませんが。

ヘッダーはアイコン化しただけなんですけども、ユーザーが使えるロゴとかアイコンとか配布してくれたりするけど、場所がわかりにくかったりするのであっちみたりこっちみたり。ブランドロゴは当然扱いが大変なものなので慎重にならないといけないけどね……配布してくれるだけありがたいですし。

しかしブランドカラーが青のサービスって多いなぁ。

サイト名が変わりました

ぼやぼやっと暫く思っていたことを実行しました。何故?→検索性が低いから。
いや前のにしたときは検索性が低いからこそ設定したんですけどね。

巻柴とは、「巻」いた「柴」犬の尻尾の略です。本当です。

新ロゴの可読性が低いのは私の手書きだからです。諦めてください。

サイト名変更による私以外の影響はほぼ無いかな?
リンクいただいてる場合も「まめしば。」のままで構いませんし、変更いただいても。(その場合はお手数をおかけします)

SVGファイルの書き出しに不具合があるって去年話題にしたんですが、フォトショCC2019では解決されてました。よかったよかった。