Matomeの作りかた

チャートをまとめて記事を書こう！

Matome(まとめ)機能を使うと、自分が作ったチャートや、他の人が作ったチャートを作って簡単に記事を書くことができる機能です。

メニュー「Matome」をクリック

ADD NEW ボタンをクリック

タイトルを設定する

「タイトル」と書かれている箇所をクリックすると入力できる状態になります。
クリックしてタイトルを入力してください。

保存してみよう

「SAVE」ボタンを押すと保存することができます。

保存したページをみてみよう

「VIEW」ボタンをクリックすると

このような形で、実際のMatomeページを見ることができます。
画面右の「Edit」ボタンを押して、編集画面に移動して、編集の続きを行います。

見出しを追加してみよう

画面右の「見出し」という箇所をドラッグアンドドロップで左側にもってきます。

上記のように見出しが追加されます。タイトルと同じように見出しを追加します。
「小見出し」「テキスト」「引用」についても同様にドラッグアンドドロップで追加することができます。

画像を差し込んでみよう

見出しと同じように、「カメラアイコン」の箇所をドラッグアンドドロップで、左側に持ってきます。

「画像をドロップするか、クリックして洗濯してください」と書かれている箇所をクリックして、アップロードしたい画像を選択します。

アップロードが完了すると画像が表示されます。
※若干画像が荒く見えることがありますが、公開ページでは比較的きれいになります。

写真をドラッグすることで位置を調整したり、上部のツールを使うことで、写真の拡大、縮小などを行うことができます。修正が完了したら「確定」ボタンを押してください。

YouTubeの動画を差し込んでみよう

写真と同じように、YouTubeのアイコンをドラッグアンドドロップで左側にもってくると、
「クリックしてYouTubeのURLを指定してください」という箇所が表示されます。
そこをクリックします。

「YouTubeのURL」というダイアログが表示されますので、差し込みたいYouTubeのURLを入力してください。
例：https://www.youtube.com/watch?v=Lyn01py7oJo

入力したURLのYouTube動画が挿入されます。

Twitterのツイート を差し込んでみよう

YouTubeと同じようにツイッターアイコンをドラッグして差し込むと表示される「クリックしてTwitterのURLを指定してください」という箇所をクリックします。

挿入したいツイートのURLを入力して「OK」ボタンを押します。
例：https://twitter.com/chartcamp/status/1039431139386056704

入力したURLのツイートが表示されます。

Instagramの投稿を差し込んでみよう

YouTubeと同じようにInstagramアイコンをドラッグして差し込むと表示される「クリックしてInstagramのURLを指定してください」という箇所をクリックします。

挿入したい投稿のURLを入力して「OK」ボタンを押します。
例：https://www.instagram.com/p/BZ2aUHunZWL

入力したURLの投稿が表示されます。

チャートを挿入してみよう

挿入したいチャートをドラッグアンドドロップで左側にもってきます。

ドロップしたチャートが挿入されます。