スマートフォン用の表示で見る日常のすゝめ。【ブログ】便利なコード2選!アプリで書く時も!2019-06-06【ブログ】便利なコード2選!アプリで書く時も!ブログ・SNS関連TwitterPocket読者になるどうも、はてなブログを開設してから1ヶ月が経ちました、きんぐです。このブログの読者の方でブログを運営している方もはてなブログを使用していると思います。その中でも、パソコンメインで記事を書く人スマホアプリメインで記事を書く人それぞれいると思います。僕もスマホアプリから記事を書き、公開しています。パソコンとスマホアプリのはてなブログ、パソコンにはあって、アプリにはない記事を書く際の機能がありますね。その中で、記事を書く上で重要な目次!の設定機能がパソコンにはありますが、スマホアプリにはありません。ぐぬぬ...スマホで書き上げてそのまま公開したいのに...パソコンで目次を設定しなきゃ...と思っている方もいるのではないでしょうか。他のはてなブログユーザーの記事を見ていると...そもそも目次つけてない人もたくさんいます。アプリに目次機能ないんだもん!って気持ちもよくわかります。そんな激おこアプリユーザーの方に、スマホで目次を簡単に表示させられるコードと目次の必要性そして個人的にオススメなコードを僕自身のリマインドのためにもご紹介します。これを読めばあなたもアプリ上でサクサク目次設定できちゃう。ちなみに僕のブログの目次はこんなかんじ。便利にブログを書いていこう!できることの比較まずは、はてなブログの、PC版とアプリでの機能の違いをスクリーンショットを基に比較してみます。はてなブログPC版こちらがPC版の記事を書く画面。ツールの上段の印箇所のアイコンが目次機能です。はてなブログアプリこちらがスマホアプリの記事を書く画面。ツールが画面下に出ており、基本的なツールはこれらです。目次機能がないのがわかりますね。目次についてここで、目次の機能と重要性、コードについて書いていきます。目次の機能そもそも目次機能とは、見出しを一覧化し、どんな話題が盛り込まれているかを表示する機能です。実際の本なんかも目次ってその文章のまとまりの見出しを一覧化していますね。ブログも少ないものでも1000字の文章ですから、目次は必要だと思います。調べ物をしていて、手っ取り早く知りたい情報を探す時やその本がどのような話題について触れているか、を判断する時に重要な情報となります。読者側としても情報を得る準備ができるんです。興味がない人でも興味を引く話題があれば記事を読む際の気持ちが前のめりになります。オチになにかサプライズ情報等を仕込む場合はあえて見出しを付けないなどの工夫をするといいですね。目次を入れるコード[:contents]※[]を半角に変更して使ってください。こちらをアプリの記事編集画面で記事に書き込めば、プレビュー・公開時に目次として表示されます。リンクについて続いて、リンクをカード状にする方法とコードについて書いていきます。リンクをカード状に変える次に、他のウェブページのリンク挿入時の便利なコードのご紹介です。前回の記事を例にとって説明します。このようなテキストリンクになってませんか?このコードは[https://www.degu.work/entry/contact:title]※/と[]は半角となっているはず。肝心のリンクに目がとまりづらいですよね。先ほどのデフォルトで入るリンクのコード[https://www.degu.work/entry/contact:title]の最後、titleの部分を変えるだけ![https://www.degu.work/entry/contact:embed]※何度も言いますが/と[]は半角に変更しましょう。自分の他の記事なんかのリンクをカードにできちゃいます。カードのほうが、タイトルだけでなく、リード文・アイキャッチ画像などの情報が多く、読者の目にとまりやすいです。目次のコードリンクのコードをご紹介しましたが、いつもいつもコードを入力するのは面倒くさいですよね。そこでオススメなのは、スマホのキーボードのユーザ辞書に登録することです!!例えば、僕は[:contents]を「もくじ」embedを「りんく」と登録しています。キーボードを切り替えたりしなくても使えるし、コードを忘れてしまっても安心!便利にブログを書いていこう!さて、今回はブログ関連のお話でした。家でスマホから記事を書く方、スキマ時間にちょこちょこっと記事を加筆する方、そもそもパソコンがないけど記事を書いている方...それぞれの方の参考になれば嬉しいです!以上、はてなブログのアプリで使える便利なコード2つ!でした。先ほどより上がり続け今日はブログ開設史上最多のPV更新中なんですがそんなんで喜んでちゃまだ青いと思う方もいるはず。一個一個自分の中のハードルを超える喜びを噛み締めて甘んじることなく、センスを尖らせて読者の方に刺していきたい。19:31【ブログ】便利なコード2選!アプリで書く時も!関連記事2019-07-27【ウォーターサーバー】家で気軽に天然水!?メリットとデメリット!【コスモウォーターがオススメです】どうも、身体の60%が水でできているきんぐです。あなたはお水...2019-05-31【足の臭い】足のニオイに悩む人へ。対策アイテム3選!!どうも、扁平足で足が蒸れやすいきんぐです。気温が上がりつつ...2019-05-28【商品リンク】カエレバって??もしもアフィリエイトって??使用方法は??どうも、実は楽天もよく使う、きんぐです。~きんぐの場合~どうも、最近胸筋ばかり発達するきんぐです。みなさん、筋トレ...2019-05-23【靴の乾燥機】靴の濡れ・蒸れ・ニオイの悩み解消に効果絶大どうも、最近足汗をよくかくきんぐです。狂った友人達のブログ注目記事きんぐのすゝめ。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。