「Ameblo Writer」「Ameblo Writer Compact」は、ver.64以降に「 オプション設定」の機能を導入しました。 これにより各種オプションを簡単に設定することが可能になりました。 以下のマニュアルは、その設定内容の詳細です。
ver. 76以降に対応 2024.04.07 更新
「オプション設定」の開き方と保存方法
「オプション設定パネル」を開く
「オプション設定パネル」は、次の2つの方法で開く事ができます。 どちらの場所で「設定」をしても、結果は同じです。
① ツールバーの「Stylus」アイコンをクリックして「Ameblo Writer (Compact)」の行の「 設定」のアイコンをクリックします。
➁「Stylus」の「管理画面」のスタイルリストで「Ameblo Writer (Compact)」の行にある「 設定」のアイコンをクリックします。
下の様な「設定パネル」が表示されます。 これは ➁の管理画面の場合ですが、画面の高さが足りない場合は、パネルがスクロール表示になります。
配色に関する設定は、数種のプリセットの色や独自の色を設定できます。 設定した色は勝手に失われる事はなく、またいつでもデフォルトに戻せます。
オプションの設定を保存する
各種の設定については後述しますが、まず設定の保存の仕方を説明します。 保存と設定終了はパネルの一番下にあります。
▪何かの設定変更をした時、それを反映するには「保存」を押します。
▪右側の「変更時」にチェックが入っている時は、設定を変更した時点で自動的に保存が行われ、「保存」ボタンは働かなくなります。
▪全ての設定項目をデフォルト(初期値)に戻します。
▪表示された「設定パネル」を閉じます。
▪ブラウザのツールバーから「設定パネル」を開いた場合は、ポップアップメニューを閉じると自動的に「設定パネル」が閉じます。
Ameblo Writer (Compact) のオプションの詳細
編集画面の「幅方向」のデザイン選択
▪編集画面が横方向に拡張する「標準」のデザインか、固定幅「コンパクト」のデザインかを選択します。
▪「Ameblo Writer」は初期値「ON」、「Ameblo Writer Compact」は「OFF」に設定しています。
編集パレットのレイアウト設定
▪編集パレットの幅の「標準」「コンパクト」を選択します。
▪「Ameblo Writer」は初期値「OFF」、「Ameblo Writer Compact」は「ON」に設定しています。
▪画像リストのサムネイルサイズの「標準」「拡大サイズ」を選択します。
▪❶ ❷ の組み合わせで、下の様な編集パレットのレイアウトが選択可能です。
▪カバー画像の設定ダイアログの「標準」「拡大」を選択します。
▪初期値は「拡大」で、サムネイル数が多く旧い画像を探し易くなります。
編集画面の配色の設定
▪❹ ➎ ❻ は編集画面の背景や大枠などの面部の配色を指定します。
▪➐ は表示パーツの辺縁線や区切り線の配色を指定します。
▪❽ は入力枠・アイコン・ボタンなどの明背景・暗背景を指定します。
▪以下の4種のプリセット配色の選択と「❖ユーザー設定」が選択可能です。
▹ブルーグレイ(初期値)
▹ダークグリーン
▹グランブルー
▹ブラウンウッド
▹❖ユーザー設定
▪「❖ユーザー設定」を選ぶと直下の「カラー表示枠」で任意の色を指定できます。
▪「4種」のプリセット設定を選択した場合は「❖ユーザー設定」は無視されます。
▪➎ ❻ で設定した配色は ❹で「❖ユーザー設定」を選択した場合のみ有効です。
▪「カラー表示枠」をクリックするとカラーパレットが表示されます。 このパレットを使って、編集画面の主要部の配色を設定します。
次の3種の枠線色から選択でき、❹ ➎ ❻ で指定した配色に合う枠線色を選びます。
▹ライトグレイ(初期値)
▹グリーン
▹ダークグレイ
❹ ➎ ❻ で全体に暗い配色を指定した場合には「暗背景パーツ」が必要になります。
▹明背景モード(初期値)
▹暗背景モード
〔参考〕編集画面の「表示モードの変更」で「ブラックモード」の選択が可能です。
その他のオプション設定
タグ編集エディタを利用しない場合、そのアレンジコードの読込みは不要なので、この初期値は「OFF」です。 タグ編集エディタを利用する場合のみ「ON」にします。
編集アイコンの説明などは、慣れると邪魔なので非表示にします。
▪このスタイルのユーザーには不要と思われ、初期値は「ON」で非表示です。
ハッシュタグ設定画面で「おすすめのバッシュタグ」「よく使うハッシュタグ」の候補をポイントすると、そのタグのブログ投稿の「件数」がカウント表示されます。
▪このオプションの初期値は「ON」で、カウントを表示します。
「HTML表示」のフォントサイズはユーザーによって好みが分かれる所でしょう。 初期値は「16px」ですが「14px」を選択できます。
スクロールバーの配色や幅のアレンジには現在のCSSでは制限がありますが、その条件下でのアレンジを選択します。 これは初期値「ON」です。 配色は、編集画面の全体の ❹ ➎ ❻ の配色で自動的決まります。
編集枠内の文字・絵文字・画像
ブログ本文のフォント(=編集枠内のフォント)をセレクトボックスで選択すると、編集枠内のアメブロ絵文字の上下の位置がほぼ適当になります。
ただし、この補正は編集枠内の表示の補正に過ぎません。 ブログ本文の補正は、同等の補正をブログスキン、またはフリースペースを使って行う必要があります。 この方法は以下のページを参照ください。
文字を選択した時、デフォルトではブルー背景に白文字で反転表示されます。 この文字色と文字背景色をユーザーが指定できます。 初期値は「ON」で「濃緑の背景色」ですが、「OFF」にするとブルー背景色になります。
⓰ ⓱ で設定した配色は、⓯ を「ON」にした時のみ有効です。
画像・動画・アメブロ絵文字などを選択した場合、デフォルトはブルーの反転色により選択対象の中身が隠れます。 選択反転色を透過のスモークグリーンにして、何を選択しているかを判り易くします。 このデザインの初期値は「ON」です。
「Ameblo Writer(Compact)」のバージョン更新とオプション設定
「Stylus」にインストールした「Ameblo Writer(Compact)」は、導入後は簡単にバージョン更新ができます。
「Stylus」の管理画面でこのスタイルの登録を探し、その行の「 」のボタンを押すだけです。 また、「全スタイルの更新をチェック」を押して、登録したスタイルの全ての更新を纏めて済ますことも可能です。
この更新を行っても、「 オプション」で設定した内容(配色の詳細を含む)は、維持されます。