Cresta Posts Boxプラグインの使い方

WordPress, プラグイン 

今書いている記事の前後の記事へ飛んでもらえるようにポップアップで知らせることができる「Cresta Posts Box」の使い方を自分なりに作ってみました。

Cresta Posts Boxとは

よくブログの記事の終わりあたりに「前の記事はこちら」「次の記事はこちら」のようにリンクが貼られているとおもいます。このブログもそのようなつくりになっています。

記事の前後

さらに、サムネイル(アイキャッチ画像)などをつけて見栄えがよくしてる人がたくさんいます。
Cresta Posts Boxは、ある程度画面をスクロールするとポップアップのように「前後の記事」を表示してくれる優れものです。ただし、無料版の場合は、前もしくは後のどちらかのみしかできません。

こんな感じの表示(PCブラウザ)

CrestaPostsBox

インストールに関しては、通常のプラグインのインストールと変わらないので省略します。ちなみにインストールすると「CPB FREE」とプラグインのメニューに追加されます。

設定

1.BOX Style

表示されるウィンドウの大枠についての設定です。

CrestaPostsBox_BOX Style

Box Font Size 表示される文字サイズ設定(5px~30px)

Box Line Height 行間の設定(0px~50px)

Box Width 表示されるウィンドウの幅(0px~1000px)

Show Box Shadow ウィンドウの背景に影を表示(←なんとなく影がかかってるかなぁって感じです)

Box Z-Index 重なり位置 (初期設定のままで問題ないと思われ)
おそらく他にポップアップのように表示されるコンテンツがあり、重なって表示された場合に使う設定だと思われます。値が高いほど手前にくるようになるのかな?

ここからは、PRO Version:有料

Box Background Color ウィンドウの背景色

Text Box Color 文字の色

Link Box Color リンクの色

Box Border Color 枠線の色(たぶん)

2.Box Position

ウィンドウの表示位置の設定です。

CrestaPostsBox_Box Position
Position(Left / Right) ブラウザの左下(Left)か右下(Right)

Distance from left or right 設定したPositionの端からどれだけ離して表示するか(0px~100px)

Distance from bottom ブラウザ画面の下からどのくらい上に表示するか(0%~100%)

3.Box Display

ウィンドウの表示の中身に関しての設定

CrestaPostsBox_Box Display

Box Title ウィンドウのラベル名

Border Box Width(有料) 枠の幅? どう変わるかわからないです

Border Box Radius(有料) 線の半径? どう変わるかわからないです

Show

Previous Post  前の記事
Next Post 次の記事

Both Previous and Next Post PRO Version 有料版だと前後両方の記事を表示できる
Random Post PRO Version 有料版だとランダムで表示できる
Related Post (Based on tags, works only with Post and Custom Post Type if they have enabled the use of tags) PRO Version 有料版だとタグなどを指定して表示できる

Show Close Button 表示されたウィンドウを閉じる「×」を表示するか

Show featured image (if available) アイキャッチの画像を表示するか

Featured image width アイキャッチ画像の表示幅(40px~600px)

Featured image box height アイキャッチ画像エリアの高さ(40px~600px)

Show Excerpt 概要を表示
*記事の冒頭から抜き出しているのか、descriptionを反映しているかは未確認

Number of words to show 表示する概要の文字数(1~50px)

Show on mobile devices and tablets タブレットやスマホでも表示するか

Show CrestaProject credits :) クレジット(Cresta Posts Box by CP)を表示するか

4.Show on&Advanced

表示する場所(投稿ページ、固定ページ、メディア)の設定とカスタムCSSの設定です。
CSSに関しては、特に必要なかったので未検証です。有料版でなければできないのかな。

CrestaPostsBoxShowon_Advanced
以上が、Cresta Posts Boxの使い方です。
あくまで自分でいじってこんな風に変わったからこうだろうってことで書いているので、もしかしたら意味が間違っているかもしれないです・・・。

Sponsored Link

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA