WpTHK 1.71 – 日本語ドメイン対応・印刷対応・画像ギャラリーの種類増加・メタ情報の配置機能強化

2016年4月2日

WpTHK 1.71 をリリースしたでござる。

主な変更点はタイトル通り。図解は後述。

• WpTHK 専用ページ
• ダウンロードページ

機能追加など

ダウングレード修正

その他・仕様変更など

アップデートの場合はファイルを上書きした後、以下のどちらかを行ってください。

• 既存の「style.min.css」をいったん削除する
• または、カスタマイズ画面で「保存して公開」ボタン押す

（自動的に「style.min.css」が再構築されます）

機能追加に関する図解

メタ情報の配置の自由度向上

↓ こちらのページで WpTHK をご紹介いただいてるのだが

テーマを探しの旅で出逢ったテーマが素敵過ぎ!
“WpTHK"こそ初心者向けなテーマかも?! | みてみた

なにやら「タグをいっぱい使うと、ずらずら並んで嫌だ」と仰ってるご様子。

現行バージョンだと記事下にもメタ情報配置できるし、
カスタマイズ画面から、項目ごとに表示位置を変えられるので、
希望に添った見た目にできるはずなんだけど。

まぁ、確かにデフォルトのままだと、見にくい。
スマホだと改行されちゃうしね。

という訳で、配置できる箇所の自由度をさらに向上させた上で、デフォルト値も変更。

記事の一覧ページと投稿ページで、それぞれ配置を変更できるようにし、
一覧ページで配置できる箇所を1カ所増やした。
さらにデフォルトの配置も、それにあわせて変更。

↑ デフォルトでは、こんな感じの配置に変更。

で、上の図の 一覧ページ「抜粋上のメタ情報」が今回新しく作った場所。

↓ ここ

これで、スマホでも、かなり見やすくなったと思います。

元に戻したい方は、カスタマイズ画面から配置変更してくださいｗ

画像ギャラリーの種類を2つ追加

選べる画像ギャラリーの種類が増えました。

Lightcase と FluidBox

これまで利用で利用できたのは Lightbox と Bootstrap Image Gallery

Lightbox はレスポンシブ非対応。Bootstrap Image Gallery は大きい画像だと小さくみえてしまう。という難点がありました。

「Lightcase」 と 「FluidBox」は両方ともレスポンシブ対応。

Lightcase は Lightbox と似てますが、Lightbox より軽くて軽快。おすすめ。

↓ Lightcase

FluidBox は画像をクリックするとビヨンッっとズームしてくる。
Lightcase よりもさらに軽い上にカッコいい。超おすすめ。

↓ FluidBox

キレイに印刷できるようにした

印刷に不要なボタン類やテキストエリアなどを非表示にし、
用紙サイズに合わせた幅になるように プリント用の CSS を作成しました。

プリント用の CSS はサイズが小さく、且つ非同期で読み込むようにしているため、速度劣化もありません。

日本語ドメインの対応

日本語ドメインだと、IE と Firefox で SNS のカウント数取得できてなかった。

Webkit / blink 系だと勝手に Punycode 変換してくれるんだけど、
IE と Gecko は変換してくださらない。

なので、Punycode 変換してカウント数を取得するように対応した。

日本語ドメインめんどくせー (´Д｀)

あとがき

かなり短い間隔でリリースし続けてるので、
とりあえず、今回のリリースでバグが見つからんかったら、
しばらくお休みー

まぁ、バグが見つかれば即リリースしますけどね・・・