はじめてバイク

バイク初心者~そこそこ層へ向けて、バイクについて説明や簡単な整備の仕方、製品紹介やニュースをお届け!

移転しました。5秒後に移転先の記事に移動します。

【ブログ】目次や過去記事の設置方法困っていませんか?はてなブログの記事をスマホで書く!

f:id:steed40chop:20190410191333p:plain

どもどもー!初心者ブロガーの味方、すばるです(^^)/
私自身ブログ記事を書くときは基本的にはPCで書くのですが、出先やPCが無い時に書きたいと思ったらスマホ(はてなアプリ)で書く事があります。

皆さんはどうでしょうか?
私の感覚的にはてなブログはスマホで書くよりPCで書く方が使い勝手も良く、時間的にも早いんですよねw

文章の打ち込みに関しては今までたくさんPCを使用してきた経験値からくるのだとしても、はてなブログのツールの使用はPCもスマホも未経験からスタートしたのでこちらの経験値は変わらないはずなので、スマホよりPCの方が使い勝手が良い!と私は言ってしまいます(^^)/

ブログ記事は「見出し」「目次」「文章」「画像」「リンク」などなど色々と使用して作成する人が多いと思います。
スマホだけで完成まで書け!と言われたら正直私は読みにくい記事しか書く自信がありません(´・ω・`)
スマホで書くときにはいろいろとつまずいてしまう事が出てきて、調べる時間もかかりますし不安なまま完成する事になるでしょう…

ただ私の様に普段はPC、仕方が無い時はスマホで書く。という人もいるかと思います!そんなスマホで記事を書くのに慣れていない人の為に、私自身がつまずいてから解決した2つの事を今回は紹介していこうと思います( *´艸`)

 

 

スマホ版はPC版よりツールアイコンが少ない

f:id:steed40chop:20190321233019p:plain
記事を書くページ(記事編集ページ)にはPC版とスマホ版では違いがあります。
見出しにもあるようにスマホ版の方がツールアイコンが少ない!という所です。

 

f:id:steed40chop:20190421151216j:plain
▲PC…「見出し、箇条書き、番号付きリスト、リンク続きを読む、引用、目次脚注、太字、斜体、打消し、アンダーライン、文字の大きさ、文字の色」

 

f:id:steed40chop:20190421151648j:plain
▲スマホ…「見出し、箇条書き、番号付きリスト、引用、太字、斜体、打消し、文字の大きさ、文字の色」


PC版の方が多く、スマホ版には赤字のツールが見当たりません。
数にすると4ツールも少ないんですよ!これってスマホ版だけ使っている人って知っているんでしょうか…(^▽^;)
もし知らずに「出来ないもんなんだ」と思ってしまっていたらとてももったいないですよね!

私は普段PCで書いていたので気づいて不便だなぁ…と感じました!
でもPCとスマホの違いってこれだけじゃなかったんですよね(´・ω・`)

サイドバーもPC版とスマホ版では違う!

いやいや「ええ加減にせえよw」と思いました。
PCとスマホと同じにして欲しいものです…
正直言って私にとってはとても大きな事でした!

なんで『過去記事を張り付ける』が無いんやヽ(`Д´)ノ
私は1ページに過去記事を張り付ける事がよくあるので、これがスマホ版に無かったがとても残念でしたね!

 

f:id:steed40chop:20190421152514j:plain
▲こちらがPC版のサイドバーです。無駄にスペースとってスミマセン
PC版は一番下に「+」が見えると思いますが、これは数ある中のサイドバーツールを自分でカスタムして、サイドバーに置いておけるという事なのでPC版はかなり自由度があります!
ただ私はこれをカスタムしていないので、デフォルトの状態だと思います(^^)/

上から「写真を投稿、カテゴリ、編集オプション、過去記事張り付け、引用張り付け、Amazon商品紹介、楽天商品紹介、YouTube貼り付け、Twitter貼り付け」となっています。

 

f:id:steed40chop:20190421153048j:plain
▲こちらがスマホ版のサイドバーツールになります。
左から「リンク、インスタ貼り付け、Amazon商品紹介、iTunes商品紹介、Twitter貼り付け、flicker貼り付け、レストラン紹介、今週のお題」です。

正直言って私にはいらんもんが結構ある!なんやこれ…(;'∀')となりましたw
今週のお題とかいらないよ…お題考えてから記事作成ページにいくよ…

ただ最初に紹介したツールバーの時にスマホに無かった「リンク」がここにありますね!そこに対してのカバーリングが出来ているのは良いと思います。
使用頻度が比較的高いであろう、リンクは無いと困りますからね…

 

私が困った事…

スマホで書いている時に「目次作成ボタンはどこ…?」「過去記事貼り付けがねぇぞ…?」と困りましたw

この2つのボタンは記事を書く際に絶対に1回は触るという私にとってはとても大切なツールです!
そんな使用頻度の高いものが無いとなるとちょっと困っちゃうわけなんです…

ちゃんと調べました…そして簡単に出来る方法がありましたので皆さんにもお知らせしようと思います(^^)/

スマホ版で目次を付ける方法

f:id:steed40chop:20190421154552p:plain
私がスマホで記事を書いている時に最初に疑問に思って、困った事が目次のツールアイコンが無い!!という事でしたw

ただ調べてみるとスマホ版で超簡単に目次を付ける方法がありました(^^)/

[:contents ]

と本文内に打ち込むだけ!
s と ] の間に空白があるのですが、これは目次状態にならない様に打ち込んだのでわざと入れてあります。目次を作る際には空白を入れずに打ち込んで下さい(^^)/

スマホ版だけではなくPC版でも打ち込んだら目次が作れます!
ただPC版にはツールボタンがあるので、そちらの方が早いですけどね…

知ってみるとめちゃくちゃ簡単ですよねw
目次の付け方で悩んでいた方、目次が付けられないと諦めていた方は是非試してみてください( *´艸`)

 

 

スマホ版で過去記事の貼り付ける2つの方法

スマホ版では過去記事を張り付けるツールアイコンがありません。
しかし過去記事を貼り付けたい場面ってブロガーの中では結構な頻度であると思います!
私なんて貼り付けまくりですからねw

文字リンクとして貼り付ける方法と、PCのツールアイコン使用時の様にカード型に張り付ける方法の2つを紹介します(^^)/

文字リンクとして貼り付ける方法

f:id:steed40chop:20190421155459p:plain

 スマホで過去記事を貼り付けたい!手順を紹介していきます(^^)/

  1. 貼り付けたいページを「safariやGoogle」で開く
  2. URLをコピーする
  3. リンクツールを使用して本文内に貼り付ける

本文内に張り付けた状態だと、英数字記号の羅列になっており「これで大丈夫なのか…?」とほぼ確実に不安になりますw
不安になったらプレビューをしてみてください!

f:id:steed40chop:20190421161025j:plain
▲こんな感じになっていればOK!
青色のリンク付きワードのなっていて、クリックしたら過去記事にジャンプ出来る様になっていますよ( *´艸`)

 

カード型に張り付ける方法

カード型に張り付ける方法は、文字リンクとして貼り付ける方法の応用編だと思ってくれれば大丈夫です(^^)/

文字リンクとして貼り付ける方法の手順の1~3を全て実行してください。
そして本文内に張り付けた英数字記号の羅列の最後に注目!

title になっていませんか?
title  →  embed に変更するだけ!

このひと手間を加えるだけで…

www.subablobike.jp

 ▲こんなカード型に早変わり!
たったこれだけで本文の印象や構成がガラリと変わるので、覚えておいて損はありませんよ( *´艸`)

 

ユーザー辞書を使用すると便利

私がスマホで記事を書くときは「iPhone」を使用します。
同じiPhoneユーザーの方であれば今回紹介した「目次と過去記事」を張り付けるのに便利な機能があります!

それが『ユーザー辞書』です(^^)/
ユーザー辞書とは、”よみ”と”単語”を登録する事で”よみ”に登録した文字を打ち込んだ際に”単語”に登録したのが予測変換に挙げられるものです。

例えば…「よろ」とよみを登録し、「よろしくお願いします」と単語を登録すると
「よろ」と打ち込んだだけで、「よろしくお願いします」が予測変換として出てきます。


これを使用すれば、目次貼り付けの[:contents ]や過去記事をカード型にするembedをすぐに打ち込む事ができます( *´艸`)

ユーザー辞書の使い方

f:id:steed40chop:20190421164624p:plain
▲設定アイコンをタップします。


f:id:steed40chop:20190421164819j:plain
▲設定内の「一般」をタップ


f:id:steed40chop:20190421164927j:plain
▲一般内の「キーボード」をタップ


f:id:steed40chop:20190421165026j:plain
▲キーボード内の「ユーザ辞書」をタップ



f:id:steed40chop:20190421165303j:plain
▲ユーザ辞書をタップするとこの画面になります。
ここは登録されている「よみ」と「単語」の一覧です。

私は先程紹介した目次作成と過去記事貼り付けのワードを登録しています。
新規登録をする場合は「+」をタップしてください(^^)/


f:id:steed40chop:20190421165744j:plain
▲登録画面では「よみ」に打ち込む文字、「単語」には予測変換で出てきて欲しいワードを登録します(^^)/

私は今2つ登録しているので…

  • もくじと打つと → [:contents ]と予測変換で出てきます
  • かこきじと打つと → embedと予測変換で出てきます

 

 終わりに(まとめ)

ブログでの記事投稿は簡単な事ではありませんよね(^▽^;)
色々なネタを探しては自分の中で説明や紹介の仕方の構成を考えて、文字に起こして、書いたら確認して…と1記事書くのでもやる事はたくさんあります。

でもブログで色々な事を目指している人っていうのはそれなりに努力は必要だと思います。
ブログ運営は壁も多く、大変な事も多いので挫けそうになってしまう事もよくあるでしょう(´・ω・`)

ただ、そうならない様にブログ運営の為の環境づくりってとても大切だと思うんですよ!
今回紹介した「スマホでどうやったら出来るんだろ…」という疑問から生まれた、iPhoneの「ユーザー辞書」を使った作業簡略化!このような自分のやり易い、スピーディに出来るという事をコツコツと増やしていくだけでもブログ運営での気持ちの負荷が減ると思うんですよね( *´艸`)

私自身疑問に思うと調べずにはいられない性格なので、これからも壁にぶつかる度、疑問にぶつかる度、それをどうクリアしたのかというのを紹介していきます!
もし参考になれば参考にしてください(^^)/

 

《▼ブログ運営に関する記事》

www.subablobike.jp

www.subablobike.jp

www.subablobike.jp

www.subablobike.jp

www.subablobike.jp

 

++++このブログはシェアフリーです++++

 ↓よかったらポチっとお願いします( *´艸`)

にほんブログ村 バイクブログへ
にほんブログ村