Simplicity1.3.8公開。コメント欄の伸縮、LINE拡張クラス追加など。

Simplicityを1.3.8 20141227にバージョンアップしました。

今回の主な変更点は以下。

  1. コメント欄の縦幅を文章量に応じて伸縮する機能追加
  2. OGP、Twitterカードにサイトイメージを登録する機能追加
  3. LINE風の吹き出しを手軽に作れる拡張クラス追加
  4. ページ送りナビでも「サムネイルの角の丸め具合」を適用できるようにした
  5. WordPressエディターの文字サイズ変更(大きくした)
  6. CSSの調整
スポンサーリンク

コメント欄の伸縮

「外観→カスタマイズ→コメントの設定」の「コメント欄を文章量に応じて伸縮 」でコメント入力欄の伸縮を選択できるようにしました。

コメント欄を文章量に応じて伸縮

長いコメントも書きやすくなります。

コメント欄の伸縮

デフォルトでは、速度優先のためオフになっています。(とは言ってもJavaScriptファイルを一つ読み込むだけなので、オンにしても体感するほどは遅くはなりません。)

詳しい実装は、以下を参照してください。

テキストエリアを文章入力量に応じて伸縮させる「Expanding Textareas」jQueryプラグインの使い方です。

OGP、Twitterカードにサイトイメージを登録機能

「外観→カスタマイズ→SNSの設定」の「OGPやTwitterカードのホームイメージ 」から、トップページやアーカイブページでのSNS拡散用のイメージをURLで指定できるようにしました。

OGPやTwitterカードのホームイメージ(サイトイメージ画像をURLで指定)

これに画像URLを指定すると、トップページや、アーカイブページなどで、シェアされたときのFacebook OGPやTwitterカードのイメージを指定することができます。

シェアイメージ

これまでは、ヘッダー画像を指定するか、テーマ内のscreenshot.png画像を入れ替えるしか変更する方法がありませんでしたが、これで思い通りの画像を指定できます。

フォーラム「twittercardsのイメージについて」のような事をしなくてよくなりました。

LINE風吹き出しクラス追加

WordPressエディターなどで、以下のように入力すると

<div class="line_back">
    <p class="left_balloon">負うた子に助けられたか</p>

    <p class="right_balloon">この谷はいい、いつ来ても心が和む</p>

    <p class="left_balloon">今度の旅はどうじゃった?</p>

    <p class="right_balloon">うーん ひどいものだ</p>

    <p class="right_balloon">南でまた2つの国が腐海にのまれてしまった</p>

    <div class="clear_balloon"></div>
</div>

以下のように表示されます。

負うた子に助けられたか

この谷はいい、いつ来ても心が和む

今度の旅はどうじゃった?

うーん ひどいものだ

南でまた2つの国が腐海にのまれてしまった

うまく表示されない場合は、ブラウザのリロードボタンを押してください。

詳しい実装は、以下を参照してください。

LINEでの会話のような吹き出し型バルーンをCSSで作成する方法です。会話文章にLINEっぽい雰囲気を出せるかと思います。

その他にも、Simplicityの拡張クラスには以下のようなものがあります。

Simplicity20140828より、Simplicityに、Bootstrap風の案内を表示するためのCSSクラスを追加しました。...

v1.3.8あとがき

これにて、今年のバージョンアップは最後になるかと思います。

7月15日に、公開したこのテーマですが、当初の予想を遥かに上回るダウンロードをしていただくことができました。

フォーラムなどで、不具合報告をしていただいた方、コード提供・アドバイス・要望をくださった方々、ありがとうございました。

では、皆様良いお年を!

※年末年始は、フォーラムなどのレスが遅くなると思います。

スポンサーリンク
アドセンス(大)
アドセンス(大)

スポンサーリンク
アドセンス(大)