Zenbackのカスタマイズ

広告

Zenbackではウィジェットテーマを変更したり表示する項目を選択するなどどのように表示されるのかをカスタマイズする機能が用意されています。CSSを別途設定する方法もありますがそれは別のページで解説しますのでここではZenbackの管理画面から簡単に変更できるカスタマイズ機能について解説します。

1.カスタマイズ方法
2.ウィジェットテーマ
3.表示する項目
4.ソーシャルボタンセット
5.関連する記事

まずはZenbackの管理画面にログインして下さい。追加済のブログ一覧が表示されます。

p7-1

各ブログ毎に右側に3つのボタンが表示されています。Zenbackのカスタマイズをするには真ん中のの「EDIT」ボタンをクリックして下さい。

p7-2

次のようにZenbackのカスタマイズのための画面が表示されます。

p7-3

色々なカスタマイズ項目が用意されていますので1つ1つ確認していきます。なおカスタマイズする前の状態ではブログでZenbackは次のように表示されています。

p7-4

「ウィジェットテーマ」はZenback全体のテーマを設定するのに使用します。4つのテーマが用意されており、クリックするとZenback全体のスタイルが変わります。

p7-5

例として右から2つ目の「light」テーマをクリックして選択してみます。Zenbackの項目名の背景などで使われる色合いが暗い色合いに変更されます。

p7-6

他の項目でも同じですが、設定を変更したら画面下部に表示されている「保存」ボタンをクリックして下さい。カスタマイズした内容が反映されます。

p7-7

ではブログに表示されているZenbackを確認します。すると元々は緑など明るい色の背景だった項目名などが暗い色に変わっていることが確認できます。

p7-8

「表示する項目」では何をどの順番で表示するのかをカスタマイズできます。現在の設定は次のようになっています。

p7-9

ブログに表示されているZenbackも「ソーシャルボタンセット」「おしらせ欄」「関連する記事」のように同じ順序で表示されています。

p7-10

項目はドラッグ&ドロップで位置を移動させることができます。

p7-11

また「お知らせ欄」と「関連するみんなの記事」以外であれば先頭のチェックボックスを外して非表示にしたり、表示される最大数を変更することもできます。

p7-12

例として「関連する記事」を表示しないように設定し、「関連するみんなの記事」の最大数を4に設定してみます。(画面下部の「保存」ボタンをクリックしておいて下さい)。

p7-13

ではブログに表示されているZenbackを確認します。すると「関連する記事」の項目が消え、「関連するみんなの記事」で表示されている記事が4個になっていることが確認できます。

p7-14

「ソーシャルボタンセット」は項目として「ソーシャルボタンセット」を表示するように設定している場合にどのソーシャルボタンを表示するのかを選択します。

p7-15

チェックマークが付いている項目がZenbackを設置したブログで表示されます。

p7-16

不要なソーシャルボタンなどがあればチェックを外しておいて下さい。

「関連する記事」は項目として「関連する記事」を表示するように設定している場合に、記事を画像+テキストで表示するか、それともテキストのみで表示するのかを選択します。

p7-17

現時点で「関連する記事」がまだ表示されていないためテストすることができませんが、お好みで選択されて下さい。

----

Zenbackがどのように表示されるのかをカスタマイズする方法について解説させて頂きました。ソーシャルボタンなどはZenbackを設置するブログの方で既に設置されている場合などはカスタマイズして表示されないようにするなどZenbackを設置するブログに合わせて色々変更されてみて下さい。

( Written by Tatsuo Ikura+ )