Tipsの記事を作る時に、どんな事が出来るか現時点(2020/11/20)でまとめてみました。
記事の見出し画像指定
![](https://static.tips.jp/2020/11/20/O5wewBHQX8aO96tO0xlNC55xcgBJIgAIMzlHGC62.jpeg)
推奨画像サイズが書かれているのは親切ですね!
画像を選んだ後、大きさなどを調整する事ができます。
![](https://static.tips.jp/2020/11/20/yUI9jIv9xUr5r1pRebctBoMI38l1v3r3fFtAjBqB.jpeg)
後から画像を入れ替えることもできます。
![](https://static.tips.jp/2020/11/20/1bxpcWMtPhVWD8zuc0NipcjemIVgjKNyc19ADjMy.jpeg)
ブロックの追加
![](https://static.tips.jp/2020/11/20/1LHU2H0NXmn29YjfcVHa33qHaT5cbVQo6xupMglz.jpeg)
左側にある「+」を押すと「文章、見出し、リスト、引用、コード、画像、有料ゾーン」のブロックを設置できます。
リストブロック
リストは入力時にはそっけない感じです。
![](https://static.tips.jp/2020/11/20/rJizT5qxY5aB4AB12kQCvDf8eTO7LLykFYvrH9K7.jpeg)
表示されると派手になります。
- ひとつめ
- ふたつめ
- みっつめ
引用ブロック
引用は引用欄と引用元を入力できる欄に分かれています。
![](https://static.tips.jp/2020/11/20/xbxDJQHPTGaDmWElA2AYQvh7F1wvwGSijPEEVU0A.jpeg)
表示される時はこんな感じ
引用(いんよう、英語:citation, quotation[1])とは、広義には、自己のオリジナル作品のなかで他人の著作を副次的に紹介する行為、先人の芸術作品やその要素を副次的に自己の作品に取り入れること。報道や批評、研究などの目的で、自らの著作物に他の著作物の一部を採録したり、ポストモダン建築で過去の様式を取り込んだりすることを指す。狭義には、各国の著作権法の引用の要件を満たして行われる合法な無断転載等[2]のこと。
https://ja.wikipedia.org/wiki/引用
引用元のURLはそのままではリンク状態にならないので、自分でリンクを貼る必要があります。
コードブロック
入力中は黒字に白文字で表示されます。
![](https://static.tips.jp/2020/11/20/oTI6tcSt8blPcAp8SV4GAHqfgNKgbo1yKfUJ7EUW.jpeg)
コメントや宣言によってそれぞれ色がつくようです。
// コメントの色
int a = 0;
for(int i=0; i++; i<10){
a = a + i;
}
画像ブロック
画像を指定できます。
![](https://static.tips.jp/2020/11/20/peLYbowDAqbm1IZhe8xzhQ4R7MSqrsfwKgPKGRSb.jpeg)
画像が入るスペースを指定し、後から画像を設定することも出来ます。
購入ライン
購入ラインが表示されるようになります。
![](https://static.tips.jp/2020/11/20/NpCCwBGgIIDQsvwmV3WCELEolga1HqN2sQw05etP.jpeg)
ブロックの文字揃え、移動
![](https://static.tips.jp/2020/11/20/43PfFDD4z8xvhx6n861wfpnDvDKETnNyYvDAJQ7L.jpeg)
右側にあるちっちゃい▪️が集まったタイルを押すと、文字揃えやブロックの移動・削除ができます。上段左から「左揃え、中央揃え、右揃え」下段右から「上に移動、削除、下に移動」です。
文字のスタイルを変えたり、リンクを貼る
![](https://static.tips.jp/2020/11/20/nK9AokS8KHzeajaW8g8CUGsEtfmuzEYy4UwqvX6s.jpeg)
文字を選択する事で、太字、斜体、リンクを貼ったり、文字の色を変えたり、マーカーできます。一番右側はブロックを「文章、見出し、引用」に変更。その次に右から「太字、斜体、リンク、色変え、マーカー」です。
リンクを選ぶと、URLを入力する欄が表示され、リンクが貼られた文字は黄色になりアンダーバーが表示されます。
![](https://static.tips.jp/2020/11/20/4TxYaPplaCU3JLHu09RL6XnZdry6M5DwVCQz5LeR.jpeg)
選べる文字の色は「黒、赤、青、緑」の4種類です。
![](https://static.tips.jp/2020/11/20/oaHLAhzyLMLunSHpH8Pdf0oKbwCyquNuGJUcgT1K.jpeg)
マーカーの色は選べません。
プレビュー機能
![](https://static.tips.jp/2020/11/20/JSrNlfFFvCLpPkrVOrokcRYAJ2cMAcy2zUAxOJlZ.jpeg)
右下の「プレビュー」ボタンを押すと、ポップアップで実際に「表示した時のイメージ」が出てきます。
![](https://static.tips.jp/2020/11/20/CO2clGi19gPFBWAYuUyvWstgxFTpkT4dploXIXpU.png)
右上の「×」ボタン、最下部の「閉じる」ボタン、グレーアウトしたエリアを押すと閉じます。
一時保存機能
定期的に勝手に保存され、右上に通知が出ます。
![](https://static.tips.jp/2020/11/20/Bi4VevLzJNf65UpxEs5S6cz2gMTENq3REketviuy.jpeg)
右下の「下書き」ボタンで公開せずに記事を保存できます。
![](https://static.tips.jp/2020/11/20/6X2XVvQp52dsVswYECFYExq4T3FdLhOCGqLLu1GL.jpeg)
自分で保存した時は緑の通知です。
![](https://static.tips.jp/2020/11/20/E2dG923bcmIKFBX23IMSrpNExqZ88YbHLXqQcNOk.jpeg)
公開前の記事で出来る詳細設定
公開するボタンを押すと、公開用の設定で「カテゴリー、ハッシュタグ、販売設定、目次、予約投稿」を指定出来ます。
![](https://static.tips.jp/2020/11/20/mXyQq9GsCm3hz08CgJoGtJSFek04kw3SO7O3jLta.jpeg)
有料記事の販売時にできる詳細設定
記事の値段は無料ユーザーの場合10,000円まで、プラスユーザーの場合100,000まで設定できるようです。
![](https://static.tips.jp/2020/11/20/FzoXhdYb9WYP8n8xJ0uH0FyfcAGXnhXpusUwwyui.jpeg)
有料記事はプラス会員だと「販売数、販売期限、クーポン」を設定できるようになります。
![](https://static.tips.jp/2020/11/20/nFOE7r4AEkwZszkyAujctCjjANCkcnMWaTLGRw1J.jpeg)
購入動機などのアンケートを設置することもできます。
一度公開した後にできる記事の詳細設定
一度記事を公開すると、「SEOタイトル、SEOディスクリプション、カスタムURL」が編集できるようになります。
![](https://static.tips.jp/2020/11/20/bvQgSLhheoo6J6sUmV5gGz7rMXH4z2O3DATR5IHT.jpeg)
まとめ
登録ユーザー以外に、エディタの使い勝手などが見えるようなページが見当たらなかったので、自分でまとめてみました!
TipsのUIやどんな事ができるのか迷ってる人の参考になれたら嬉しいです!