日常のすゝめ。

日々のこれ、いいな。を共有していくライフハックブログ

スポンサードリンク

【ブログ】便利なコード2選!アプリで書く時も!

目次,もくじ,ブログ,ツール,コード

どうも、はてなブログを開設してから1ヶ月が経ちました、きんぐです。

 

このブログの読者の方でブログを運営している方もはてなブログを使用していると思います。

 

その中でも、

  • パソコンメインで記事を書く人
  • スマホアプリメインで記事を書く人

 

それぞれいると思います。

僕もスマホアプリから記事を書き、公開しています。

 

ただ、パソコンとスマホアプリのはてなブログ、

パソコンにはあって、アプリにはない記事を書く際の機能がありますね。

 

その中で、記事を書く上で重要な

目次!

の設定機能がパソコンにはありますが、

スマホアプリにはありません。

 

ぐぬぬ…スマホで書き上げてそのまま公開したいのに…

パソコンで目次を設定しなきゃ…

と思っている方もいるのではないでしょうか。

 

また、他のはてなブログユーザーの記事を見ていると…

そもそも目次つけてない人もたくさんいます。

だってアプリに目次機能ないんだもん!

って気持ちもよくわかります。

 

そんな激おこアプリユーザーの方に、スマホで目次を簡単に表示させられるコード目次の必要性

 

そして個人的にオススメなコードを僕自身のリマインドのためにもご紹介します。

 

これを読めばあなたも

アプリ上でサクサク目次設定できちゃう。

 

ちなみに僕のブログの目次はこんなかんじ。

⬇︎

 

できることの比較

まずは、はてなブログの、PC版とアプリでの機能の違いをスクリーンショットを基に比較してみます。

 

はてなブログPC版

f:id:king05:20190605210210j:image

こちらがPC版の記事を書く画面。

ツールの上段の印箇所のアイコンが

目次機能です。

 

はてなブログアプリ

f:id:king05:20190605205856j:image

こちらがスマホアプリの記事を書く画面。

ツールが画面下に出ており、基本的なツールはこれらです。

目次機能がないのがわかりますね。

 

目次について

ここで、目次の機能と重要性、コードについて書いていきます。

 

目次の機能

そもそも目次機能とは、見出しを一覧化し、どんな話題が盛り込まれているかを表示する機能です。

実際の本なんかも目次ってその文章のまとまりの見出しを一覧化していますね。

ブログも少ないものでも1000字の文章ですから、目次は必要だと思います。

 

目次は実は重要!

本を読むときって、普段はそもそも目次に目を通さない人もいるかもしれませんが、

 

調べ物をしていて、手っ取り早く知りたい情報を探す時

その本がどのような話題について触れているか、を判断する時に重要な情報となります。

 

さらに、本と違ってブログは縦読みなので、

上から下へスクロールして文章を読む前に、目次で読者にあらかじめ触れる話題の情報を与えておくことで、

読者側としても情報を得る準備ができるんです。

 

なんの情報もないまま文章を流し読みするよりも

この話題について触れるよ!という事前情報があることによって、

 

そのブログやタイトルに対して

興味がある人はさらに興味が出たり、

興味がない人でも興味を引く話題があれば

記事を読む際の気持ちが前のめりになります。

 

オチになにかサプライズ情報等を仕込む場合はあえて見出しを付けないなどの工夫をするといいですね。

 

目次を入れるコード

[:contents]

※[]を半角に変更して使ってください。

 

こちらをアプリの記事編集画面で記事に書き込めば、プレビュー・公開時に目次として表示されます。

 

リンクについて

続いて、リンクをカード状にする方法とコードについて書いていきます。

 

リンクをカード状に変える

次に、他のウェブページのリンク挿入時の便利なコードのご紹介です。

 

前回の記事を例にとって説明します。⬇︎

 

通常リンク

PC版・アプリに関わらず、

記事にリンクを挿入する際、

【コンタクト】こすり洗い不要!放置型洗浄液!コスパも比較! - 日常のすゝめ。

このようなテキストリンクになってませんか?

 

このコードは

https://www.degu.work/entry/contact:title]

※/と[]は半角

となっているはず。

 

これはこれで記事全体の画像数が減り

スッキリ見えはするものの、

肝心のリンクに目がとまりづらいですよね。

 

カード(ブログのリンクにおすすめ)

テキストリンクでは読者の関心を引けない!

という心配を解消する、カードリンク

 

こちらは、

先ほどのデフォルトで入るリンクのコード

https://www.degu.work/entry/contact:title]

の最後、titleの部分を変えるだけ!

https://www.degu.work/entry/contact:embed

※何度も言いますが/と[]は半角に変更しましょう。

 

titleからembedに変えるだけで、

自分の他の記事なんかのリンクを

カードにできちゃいます。

 

カードのほうが、

タイトルだけでなく、リード文・アイキャッチ画像などの情報が多く、読者の目にとまりやすいです。

 

コードの便利な使い方

以上、

  • 目次のコード
  • リンクのコード

をご紹介しましたが、

 

いつもいつもコードを入力するのは面倒くさいですよね。

 

そこでオススメなのは、

スマホのキーボードのユーザ辞書に登録することです!!

 

例えば、僕は

[:contents]を「もくじ」

embedを「りんく」

と登録しています。

 

わざわざキーボードを切り替えたりしなくても使えるし、

コードを忘れてしまっても安心!

 

便利にブログを書いていこう!

さて、今回はブログ関連のお話でした。

どうでしたでしょうか。

 

家でスマホから記事を書く方、

スキマ時間にちょこちょこっと記事を加筆する方、

そもそもパソコンがないけど記事を書いている方…

 

それぞれの方の参考になれば嬉しいです!

 

以上、はてなブログのアプリで使える便利なコード2つ!でした。

 

またね。

 

⬇︎ランキングに参加しています!⬇︎

下の画像をポチッとしてもらえるとポイントが加算されます!応援して頂けると嬉しいです☆

にほんブログ村 にほんブログ村へ
にほんブログ村

 

⬇︎最近のツイート

 

⬇︎オススメアフィリエイト

スポンサードリンク

スポンサードリンク

スポンサードリンク