![見出し画像](https://assets.st-note.com/production/uploads/images/90574336/rectangle_large_type_2_afa1eea04015540bb9c1381cb4c61a5c.png?width=1200)
バイデン 使い方マニュアル08「記事の投稿(応用編1)」
匿名でデジタルコンテンツをアフィリエイト販売できるマーケットプレイスサイト「バイデン」ってなに? という方はこちら
エディタの使い方を一通り説明します。
バイデンのエディタには8つのブロックがあります。
段落
見出し
画像アップロード
区切り線
リスト
有料セクション
引用
コード
![](https://assets.st-note.com/img/1667689094554-TvJPZld91y.png)
なにも選択しなければ「段落」ブロックがデフォルトで選択されています。
ブロックの選択は [ + ] のアイコンを押下することで選択できます。
![](https://assets.st-note.com/img/1667689016955-D4TOL13ZUI.png?width=1200)
1.段落
最も基本的なブロックです。文字列を入力してエンターキーを押すたびに段落ブロックが追加されていきます。
文章の途中で改行したい場合は、シフトキーを押しながらエンターキーを押して下さい。
※普通に改行してしまうと新しいブロックが追加されてしまいます
段落はオプションとして左揃え、中央揃え、右揃えを選択できます。
縦に3つの点が二列並んだダブルケバブメニューを選択してポップアップメニューの行揃えアイコンを選択します。
![](https://assets.st-note.com/img/1667689326795-7ikajEIYrr.png?width=1200)
![](https://assets.st-note.com/img/1667689339756-qwwdeU6y9Q.png?width=1200)
段落の削除は縦に3つの点が二列並んだダブルケバブメニューを選択してポップアップメニューの「Delete」を選択します。
![](https://assets.st-note.com/img/1671718182049-T0DXHoixII.png?width=1200)
また、段落は文字列をマウスまたはタッチで選択して、太字、イタリック、リンクを設定することができます。
イタリックが適用できるのは半角英数字のみとなります。
![](https://assets.st-note.com/img/1667689716037-Xtyp9CVG5m.png?width=1200)
リンクは「Add a link」にURLを入力した後にエンターキーを押して下さい。
![](https://assets.st-note.com/img/1667689854510-eUEPDamyCc.png?width=1200)
2.見出し
見出しはオプションとしてレベル1~レベル6まで選択できます。
なにも選択しなければレベル2となります。
見出しを設定すると自動的に目次が表示されるようになります。
![](https://assets.st-note.com/img/1667690312995-65ETm9LXSt.png?width=1200)
![](https://assets.st-note.com/img/1667690387751-AexamuV3Av.png?width=1200)
3.画像アップロード
画像アップロードは自分の画像をアップロードすることができます。
画像にはキャプションを付けることができます。
解像度は72dpi。使用できる画像形式はJPG、PNG、GIF形式です。
アップロードできるファイルサイズは5MBまでとなります。
縦に長過ぎる画像は相対的に横幅が狭くなり縮小されます。
細長い画像は画面をいくつかに分割して上下に並べて下さい。
![](https://assets.st-note.com/img/1667690560256-M9EL25MiHD.png?width=1200)
画像のレイアウト
画像は横幅650pxより小さい場合は原寸大で表示されます。
![](https://assets.st-note.com/img/1671756926222-KKo3lXBoEn.png?width=1200)
画像はオプションで「ストレッチ」「センタリングバックカラー」「ボーダー」の3種類の効果を適用できます。
1.ストレッチ
ストレッチは縦に3つの点が二列並んだダブルケバブメニューを選択してポップアップメニューの「↔」を選択します。
![](https://assets.st-note.com/img/1671757040571-lz7CLaVlzg.png?width=1200)
画像が横幅いっぱいまで引き伸ばされます。
小さい画像は粗くなりますので注意して下さい。
![](https://assets.st-note.com/img/1671757050715-U5D6g8dqBs.png?width=1200)
プレビューをすると以下のようになります。
![](https://assets.st-note.com/img/1671757147324-aPwdi0Zc5I.png?width=1200)
2.画像のセンタリングバックカラー
センタリングバックカラーは縦に3つの点が二列並んだダブルケバブメニューを選択してポップアップメニューの一番右のアイコンを選択します。
![](https://assets.st-note.com/img/1671757220415-7JC5aKJUt0.png?width=1200)
センタリングされて背景カラーが付きます。
![](https://assets.st-note.com/img/1671757231059-DQDqZDd2VY.png?width=1200)
プレビューをすると以下のようになります。
![](https://assets.st-note.com/img/1671757253989-epMK3Cx9JC.png?width=1200)
3.ボーダー
ボーダーは縦に3つの点が二列並んだダブルケバブメニューを選択してポップアップメニューの一番左のアイコンを選択します。
![](https://assets.st-note.com/img/1671757346138-llbSjjSSUo.png?width=1200)
画像の周りに枠線が付きます。
![](https://assets.st-note.com/img/1671757365210-HfVcQl617h.png?width=1200)
プレビューをすると以下のようになります。
![](https://assets.st-note.com/img/1671757391093-yecX2wupB9.png?width=1200)
3つ全て合わせると以下のようになります。
![](https://assets.st-note.com/img/1671757412858-epxowlFKjR.png?width=1200)
4.区切り線
区切り線はシンプルな水平線を引くことができます。
![](https://assets.st-note.com/img/1667690627178-6XdTLL94lc.png?width=1200)
5.リスト
リストは箇条書きをまとめてくれるブロックです。
リストはオプションとして番号付リストと中点リストを選択できます。
なにも選択しなければ「番号付リスト」になります。
![](https://assets.st-note.com/img/1667690827692-tZLngGRwlx.png?width=1200)
6.有料セクション
有料セクションは記事を購入しないと見られないラインを設定できます。
有料セクションブロックが複数ある場合は最初のの有料セクションから有料となります。
投稿ステータスが公開で保存する場合は、必ず有料セクションブロックを含める必要があります。
![](https://assets.st-note.com/img/1667690897339-no9Wcs6MiN.png?width=1200)
7.引用
引用は自分の言葉ではない他者の言葉を紹介する時に使います。
引用には注釈を付けることができます。
文章の途中で改行したい場合は、シフトキーを押しながらエンターキーを押して下さい。
![](https://assets.st-note.com/img/1667691138491-KchsTAuQjt.png?width=1200)
8.コード
コードはプログラムやHTMLを表現したい時に使います。
改行やタブはそのまま表示されます。
![](https://assets.st-note.com/img/1667691357654-U7lsnkkLBl.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?