アメブロスキン制作サービス＠エレファント

情報を箇条書きにしたい時、リストマーカー付きのリストを入れたい時などに使う、リストの入れ方について解説します。

• リスト1
• リスト2
• リスト3

こんな感じの、マーカー付きリストを作る方法です。
ブログの編集画面で「HTML タグを表示」タブを使って設定していきます。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1．編集画面のタブを「HTML タグを表示」に切り替えます



2．リストにしたい部分のテキストを書いて、タグを付けます

<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>

リストの見本です。
枠で囲んである部分をコピーして、「リスト1」などの部分を任意のテキストに変更してください。行を増やす場合は、<li> ～<li> 部分をコピーして追加してください。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

イベント情報等、箇条書きにして情報をわかりやすく見せたいときなどに、活用してみてくださいね。メッセージボードなどにも同じように使うことができます。


マーカー（リストの先頭に付くマーク）ですが、アメブロスキンのデフォルトは、disc（黒丸）のようです。マーカーを付けない、もしくは違う形のマーカーにする方法については、こちらで解説しています。

• 
• 
• ツイート

アメブロスキン制作実績 No.64 は、宗青蘭様 です。



占星術による処方箋を作っている宗青蘭様のデザインは、「神秘的な雰囲気」「重みを持たせた感じ」を念頭にお作りしました。最初は黒と紫色を全面に敷きたい、という希望をいただいていましたが、読みやすさや親しみやすさを考え、ヘッダ部分は神秘的な雰囲気や女性をターゲットにしている雰囲気を強くし、そこからグラデーションで白背景の本文につなげています。

こちらが変更前のスキンです。旧ベーシックスキンですね。ちょうど制作の相談中にアメブロのスキン仕様が変更になったのですが、今回は変更前のスキンをベースに制作させていただきました。



-----------------------------------------------------
アメブロオリジナルスキン制作の概要についてはこちらから

• 
• 
• ツイート

いろいろとずれこんだ結果として、少し遅い夏休みをいただきます。

以下の期間はお申し込み・お問い合わせはお請けすることができますが、基本的にお返事は夏期休業があけてからとなります。

2011/8/20（土曜日）～2011/8/28（日曜日）

この時期にいただいたお問い合わせ等のお返事は、8/29 からということになります。よろしくお願いします。


お問い合わせはお気軽に送ってくださいねって猫先生が。

よろしくお願いします。

• 
• 
• ツイート

本日、アメブロ公式からアナウンスがあり、新しいデザインスキンとカスタマイズに仕様変更のお知らせがありました。

【ブログ】デザインのカスタマイズ機能がバージョンアップしました｜スタッフブログ
http://ameblo.jp/staff/entry-10965508128.html

主な変更点は以下のようです。

■ これまでのスキンより、横幅が大幅に広くなった（800px→980px）
■ CSS 編集専用のスキンが登場（1種類）
■ これに伴い、他のスキンは CSS が編集できない仕様に

アメブロは仕様変更アナウンスからまた少し変更したりすることが多いので、また変わってくるかもしれません。
とりあえず、現在気を付けなければいけないことは、

■ 現在、スキンをカスタマイズしている人（CSS・かんたんデザイン問わず）は、ベースになっているデザインを変更すると、元のスキンには戻せない

例えば、「ベーシックスキン」をカスタマイズして使用している方は、

・「ベーシックスキン」のままであれば、これまでのように CSS カスタマイズ可能
・「ベーシックスキン」から別のデザインにしてしまうと、「ベーシックスキン」に戻せなくなる

という現象が起きることになります。実際、テストエリアで試してみましたが、戻せませんでした。ユーザーが編集できない部分で全体の横幅を 980px に設定されているなどの仕様になっており、変更がきかなくなっているようです。

細かいことなどは調査中ですが、カスタマイズしたスキンを使用している方はお気を付けください。

• 
• 
• ツイート

アメブロスキン制作実績 No.63は、サロネーゼのためのコミュニティ・ミュゼサロネーゼ です。



この案件は、ブログをアメブロに移行するのに伴い制作したものなので、稼働と同時にスキンを制作するケースでした。ロゴに使用しているグレーとピンク色を全体に活かして制作しています。サロネーゼを目指す女性を対象にしているため、ピンク色を多用しても甘すぎず、すっきりとしたデザインに仕上げました。
また、セミナーの写真を見せることも多いため、本文の幅は広く、テキスト・画像ともに見やすくなるように制作しています。

ミュゼサロネーゼ は、サロネーゼを目指す女性を対象にしたコミュニティです。毎月のテーマ別セミナーや、SNS 等がありますので、興味のある方はぜひごらんになってみてください。

• 
• 
• ツイート