サイドエリアにバナー的なものを入れたいことがありますよね。
なるべく簡単に、特別なテクニックを必要としない方法で、ご説明したいと思います。
出来上がりはこちらです↓
①サイドエリアの元データを作成する
①-1
投稿記事を使って作成します。
記事を投稿する時と同じように、必要な画像やテキストを入れます。
画像サイズは、画像を横並びに並べたい場合は、2カラムか3カラムかで画像のサイズが変わってきます。
2カラムの場合⇒ 1画像の横幅 150px
3カラムの場合⇒ 1画像の横幅 右側のサイドエリア150px 左側のサイドエリア100px
①-2
編集が終わったら「HTML表示」を開き、赤枠内の内容を全てコピーします。
この時に、自動で画像をクリックできる設定となっているので、これを解除したい場合は、
<a href="https://stat.ameba.jp/user_images/画像アドレス"></a>
の部分を削除します。
この時に、下の図のように<a href="https://stat.ameba.jp/user_images/画像アドレス">と</a>は、離れたところに表示されていますが、1セットで削除してください。
②フリースペースにデータを貼り付ける
②-1
①-2でコピーした内容を、「設定・管理」⇒「フリースペース編集」に貼り付けます。
この時に、上にはメニューバー(グローバルナビゲーション)の記述内容が入っていますので、その下に貼り付けてください。
②-2
「プレビュー」で確認し、問題なければ「保存」をして作業は終了です。
この時に、写真と文字の間の間隔があきすぎていると感じた場合は、
<p> </p>の記述を消してみてください。
●公式サイトはこちらです↓
Information
リキューでの販売を終了しました。