プラグイン – 風の羅針盤 | Destination of winds.

画像を自然に読み込む「Unveil Lazy Load」

ファーストビューは遅延せず、スクロールに追従してフェードした画像の遅延読込を行ってくれるという、理想的なプラグインがこちら。

これです。これ、いいよ～（笑）

ちゃんとファーストビューの部分は遅延せずに読み込んでくれ、スクロールに応じて「フェード」（ボヤ～っと浮き上がるように表示する）してくれる、しかもタイムラグをほとんど感じさせません。

早速試してみよ－

例えば、このサイトのトップページは、新着記事のボックスや、カテゴリ一覧のボックスが縦に並んでいます。

そこにはサムネイルが表示されるのですが、これが、

こんな感じでスクロール直後はサムネイルが表示されていません。コレがもののコンマ何秒かで、

こんな感じで表示されてきます。スクショではうまく撮れませんでしたが、「ボヤ～」という感じでフェードインして表示するのでとっても自然に表示されます。

コレが本当に自然で、見ている人のストレスを軽減してくれますよね。

作者は「SNS Count Cache」を作成したmarubonさん

コレを作成されたのはSNS Count Cacheをまるぼんさんでした。このマテリアルでもSNS連携で標準対応しているプラグインですね。いつもお世話になってますね。

今後はSNSのCount収集に関しても流動的な様相ですし、色々と情報を収集したいと思っています。

先日、BIC SIMのことについてレビュー記事を投稿した際に、料金表を載せましたが、実は表を挿入するときにちょっとしたトラブルがありました。

「TinyMCE Advanced」という表を作成できる拡張プラグインをインストールしてあるのですが、表を挿入しても罫線が表示されないという現象が発生しました。

これは使っているテーマに依存する問題だと思うのですが、スタイルシートに定義を試みても改善されなかったことと、もっと手軽に表を挿入したいと思い、別のブラグインを試してみることに。

今回は「Table Press」というプラグインを紹介します。

プラグインは管理画面からインストール可能です。

プラグインの新規追加から、「tablepress」で検索してインストールし、有効化してください。

有効化すると、サイドバーに「TablePress」メニューが表示されるので、そこから表の作成に入ります。

上部の新しく追加タブを選んで、テーブルの名前や行数、列数を入れて「テーブルを追加」をクリックすれば表が完成します。ちなみに、行数や列数は後で増やしたり減らしたり出来ますので安心してください。

「すべてのテーブル」タブを選択すると、作成した表が表示されているはずです。

これで表の大枠は完成です。次に表の内容を作っていきます。

これが以前作成したのBIC SIMの料金表の記述です。

ちなみに、

セルを選択すると、行が広がって編集しやすくなります。

今回は文字の大小を付けたかったので、「span class」で多少装飾しました。

1行目と5行目は見出しなので、ブルーの背景になっていますが、

オプションパネルでチェックするだけ。

また、2行目や5行目はセルを結合させているので「colspan」が入っていますが、結合させたいセルの一番左のセルに文字を入れ、その右側のセルを選んで「テーブルの操作」パネルの「セルを結合」を選択すれば自動でタグが挿入されます。

直感的で判りやすい！

最後に「変更を保存」して完成です。

実際に表示させてみるとこんな感じ。

キレイに表示されました！！

使っているテーマにも依存するのかもしれませんが、思ったように表が作れないなーと思われている方は試してみてくださいね。

タグ: プラグイン