Simplicity2.6.1公開。スマホ向けのLightbox系画像ポップアップ機能追加など。

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

主な変更点はこちら。

  1. baguettebox画像ポップアッププラグインの実装
  2. ショートコードに対して広告を表示する機能追加
  3. はてブのコメント非表示機能に対応
  4. 管理画面タイトルカウンターの表示/非表示設定項目追加

baguettebox画像ポップアッププラグインの実装

画像を拡大表示するJavaScriptプラグインのbaguetteBox.jsを実装しました。

テーマカスタマイザーの「画像」項目から選択できるようになっています。

baguetteBox(スマホ対応)

この、baguetteBoxを利用すると、パソコンからは、以下のようなLightbox効果が得られます。

baguetteBox.jsパソコン動作

そして、baguetteBoxを採用した最大の理由は、モバイル対応されていて、スマホからも使いやすいからです。以下のようなスワイプにも対応しています。

baguetteBoxモバイル動作

しかも、軽快に動作するのも魅力的。

当サイトでも現時点で利用中なので画像をクリックして動作を確認してみてください。

ショートコードに対して広告を表示する機能追加

Simplicity独自広告ショートコード[ad]を入力すると、その位置に広告を表示する機能を追加しました。

テーマカスタマイザーの「広告」項目の「[ad]ショートコードの利用」を有効にすると利用可能になります(デフォルトは無効)。

広告ショートコードの設定場所

表示される広告は、ウィジェット画面での「広告 336×280」「広告 300×250」で設定された、広告コードが表示端末に合わせて適切に表示されます(AMPページではAMP用の広告が表示されます)。

広告の設定ウィジェットエリア二つ

利用方法

広告ショートコードを利用するには、まずテーマカスタマイザーの「[ad]ショートコードの利用」を有効にします。

広告ショートコードを有効にした状態

あとは、投稿などで記事をポストするとき、本文中に以下のように1行に対し単独で[ad]を挿入します。

↓一行に対して単独で挿入する

[ad]

これ→[ad]のように文中に挿入しても、広告には変換されません。

ただ、この機能をむやみやたらに利用すると、アドセンスポリシー違反になる可能性も考えられます。コンテンツと広告の比率的なやつ。

詳しくは、アドセンスポリシーを熟読の上、ご利用ください。

利用後は、必ずパソコン画面、モバイル画面、AMP画面で動作確認してください。ポリシー違反により、AdSense停止となっても、責任は取れませんのでご了承ください。

以下は、詳しい仕組みです。

ウィジェットで登録したアドセンスコードを各記事別に自分の入れたい場所に挿入できる機能を希望します。 アドセンスコードを各記事のHTMLに直接...

はてブのコメント非表示機能に対応

先日、はてブのコメント非表示機能があることを知りました。

目次 ブックマークコメントに関するはてなの考え 特定の記事・ページに対するブックマーク・コメント一覧の表示を制御する 制御対象がはてなのサービスの場合 制御対象がはてな以外のサイトの場合 ブックマーク対象ページ内へのコード記述 コード記述が終わったら コード記述後にブックマークされた記事・ページの場合 コード記述前にブ...

この中の、制御対象がはてな以外のサイトの場合という部分の機能を実装しました。

ただ、この機能を利用するには、テーマカスタマイザーのSNS設定項目で、はてブIDを登録してある必要があります。

はてなブックマークIDが登録されている必要がある

その後、もしはてブコメント非表示にしたい記事があれば、その都度はてブ側で設定する必要があります。詳しい利用方法は、はてブの説明を参照してください。

注意点

この機能実装前に、はてブされていたページに対しては、運営に問い合わせする必要があるようです。

以下引用。

コード記述前にブックマークされていた記事・ページの場合

metaタグの設置以前にブックマークされた記事・ページについては、遡ってのmetaタグの反映がされません。既にブックマークされている記事・ページのコメント一覧を非表示にしたい場合は、metaタグの記述後、下記お問い合わせ窓口まで、該当ページのURLを記載の上ご連絡ください。
はてなブックマーク – お問い合わせ

管理画面タイトルカウンターの表示/非表示設定項目追加

先日、Simplicity2.6.0.8にて、管理画面のタイトルカウンター等の機能追加をしました。

タイトルカウンター

この、カウント表示を表示/非表示にできる機能を、テーマカスタマイザーの「管理者機能」項目に「タイトル等の文字数カウンター表示 」機能として実装しました。

タイトルの文字数カウンター表示

カウンターを表示させたくない場合は、この機能を無効にしてください。

あとがき

今回のバージョン2.6.1から、またしばらく開発版として公開していこうと思います。

不具合等ありましたら、フォーラムの方にご報告いただければ幸いです。

Ptengine
初心者でも見やすいアクセス解析「Ptengine」。無料から使えて、Simplicityから手軽に設定することも可能です。
スポンサーリンク
アドセンス(大)
アドセンス(大)

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