blackJAM. | これからのブログを始めよう
blackJAM. | これからのブログを始めよう

Advanced

吹き出しボックスの作りかた

# 基本設定

# 吹き出し

この記事では、記事内で吹き出し形式のメッセージを表示する方法について説明しています。

Recommended Posts

Get Started

Get Started

Get Started 4. blackJAMとContentfulを連携させよう

4/18/2019

# Nuxt.js

# Contentful

# Headless CMS

吹き出しボックス

blackJAMは、吹き出しボックスにも対応しています。

img 311846

名前

このようなセリフ付きのメッセージを簡単に作ることができるよ。

作りかた

作成方法は非常にシンプルです。Contentfulのマークダウン・エディタにて、画像・名前・セリフの順に記入し、::: bubble:::の間に入れるだけです(画像を右側にしたい場合は、:::bubble-i:::で挟む)。

①各項目の上を一行ぶん開けること、②サムネイルには縦・横の長さが1:11:1の画像を用いることに注意してください。

::: bubble

![img name](xxx.png)

ひだりくん

セリフ付きのメッセージは、このように作ります。
:::

::: bubble-i

簡単ですね!

みぎさん

![img name](xxx.png)
:::

img name

ひだりくん

セリフ付きのメッセージは、このように作ります。

簡単ですね!

みぎさん

img name

あなたへのお薦め

recommended

Get Started

Get Started 4. blackJAMとContentfulを連携させよう

4/18/2019

Nuxt.js

Contentful

Headless CMS

この記事では、blackJAMとContentfulの連携方法について説明しています。

Get Started

Get Started 5. 基本設定をやってみよう

4/19/2019

基本設定

この記事では、タイトル、ロゴ、注目カテゴリ、広告表示など、サイトの基本設定の仕方について説明しています。

  • left-arrow
    left-arrow

    Comments

    Questions, Bag Reports...