Markdownとは何ですか?

魅力的なイベントページを作成する上で、イベント内容を読みやすく表示することは必要不可欠です。そのため、DoorkeeperではMarkdownというHTML変換フォーマットを採用しています。

ここでは、「Markdownって何?」と思っている方のために、Markdownについて解説します。よりよいイベントページを作る際には、ぜひ参考にしてください。

Markdownとは

Markdown(マークダウン)とは、デジタル文章の書き方です。簡単なルールにしたがうことで、段落や箇条書き、見出し、斜体文字(イタリック)や太文字(ボールド)などを活用しながら、より読みやすい文章をインターネット上で表示させることができます。

Markdownの書き方

段落をつける

段落をつけたい場合は、文章と文章の間に1行以上の空行を作ります。普段書いているEメールなどと同じです。

Markdownで書いた文章が、実際にイベントページ上でどのように表示されるかを確認するには、イベント内容欄下にある「プレビュー」をクリックしてください。

箇条書きにする

行頭に半角の*(アスタリスク)をつけることで、箇条書きになります。また、数字を振ると、番号付きの箇条書きになります。

次行の行頭に、2マス分の半角スペースを空け、そこでも*(アスタリスク)や番号をつけることで、より詳細な箇条書きリストを作ることもできます。

いずれの場合も、箇条書きにする行の上下に空行をつくります。また、記号や数字の後にはスペースが必要です。

プレビューで見ると

ヘッドラインを作る

文頭に半角の#(ハッシュ記号)をつけます。#の数によって、順に文字サイズが決定されます。

プレビューで見ると

罫線を引く

3つ以上の-(ハイフン)や*(アスタリスク)を並べると、罫線として表示されます。

プレビューで見ると

引用を表示する

半角の>(不等号)を行の最初につけます。引用部分は、改行ごとに>(不等号)をつけます。また、引用部分の上下には空行を設けます。

プレビューで見ると

字体を変えて強調する

文字を、半角の*(アスタリスク)で挟むことで、斜体文字(イタリック)や太文字(ボールド)にすることができます。*(アスタリスク)一つで文字を挟むと、挟まれた文字は斜体文字になります。*(アスタリスク)二つで文字を挟むと、挟まれた文字は太文字になります。

プレビューで見ると

リンクを貼る

半角の[ ](角カッコ)で、リンクしたい文字を囲います。その直後の半角( )(丸カッコ)の中にURLを書きます。

プレビューで見ると

なお、この際、Dropboxなどの保存アプリに保存したファイルの 共有リンク取得し、( )(半角丸カッコ)の中にそのURLを書くことで、閲覧者がファイルを開き、ダウンロードすることもできます。(下のイメージはDropboxを利用した場合です)

イベント内容欄に

と書くと、下のように表示されます。

リンクをクリックすると、ファイルの保存先であるDropboxが開きます。事前に資料を提供しておきたい場合などに、活用することができます。

画像や写真を埋め込む

Dropboxなどの保存アプリに埋め込みたい画像や写真を保存し、 共有リンクを取得します。

半角の!(感嘆符)の後ろの[ ](角カッコ)で、ファイル名を囲います。その直後の半角( )(丸カッコ)での中に共有リンクを書きます。

※この方法ではきちんと表示されない場合は、上のイメージのように、共有リンク最後の dl=0raw=1と書き換えてください。

プレビューで見ると

Dropbox以外にも、Googleフォトなどの他のアプリやサーバに保存した画像や写真の画像URLを使って、同じ方法で埋め込むことができます。

表を作る

表の項目を|(半角バー)で区切ると、表を作成することができます。|(半角バー)の前後には、必ず半角スペースを空けます。また、ヘッダー項目の次行には、半角のハイフンを並べて罫線を引きます。

プレビューで見ると

Markdownを活用して、より見やすく、魅力的なイベントページを作成しましょう!

お探しの内容が見つからない場合 お問い合わせ お問い合わせ