はてなで使えるマメ知識・小技

f:id:smcn616:20160820160509p:plain

皆さんこんにちは、しゅんくり~むです!

 

と、挨拶をしてみたものも、皆さんご存知の通り「しゅんくり~む」はニックネームで、本名ではありません。

2年ほど前から、「id:smcn616」というIDではてなブログを更新していますが、実はこのIDより以前は、別のIDを使っていました。

以前のIDも合わせれば、私ははてな歴(?)4年になります。

まあその代わり、メインブログも5つ目ですが…

 

さて、今回は題名の通り「はてなで使えるマメ知識や小技」を紹介するのですが、元々前置きの名目を、「はてな歴4年の経験を生かして」的な感じにするつもりでした。

ただ、今回紹介する知識は、最近発見したモノばかりでした…

 

なので、なんとなく発見したはてなのマメ知識、小技を少々紹介したいと思います。

7月辺りから、編集するのが面倒で放置してきた 懐で温めておいた記事なので、ボリュームななかなかだと思います!

少しでもお役に立てれば、光栄です!

 

 

記事の題名設定

f:id:smcn616:20161022162834j:plain

数か月前から、記事の高度なタイトル設定ができるようになったことをご存知でしたか?

記事の編集ページの、「編集オプション」のページの最下部で設定ができ、これにより記事編集ページの上部の通常タイトルと合わせて、合計3つのタイトルが設定できることになります。

 

f:id:smcn616:20161022164425j:plain

以前書いた記事の題名で実験をしてみました。

編集ページ上部のタイトルは、『絶対は存在するのか』…①

ページのタイトルは、『絶対は存在するのか?』…②

ソーシャルメディア向けタイトルは、『絶対は存在するのか!?』…③

にしました。

 

shuncream-words.hatenadiary.jp

リンクは①の、ページ上部のタイトルが適用されています。

 

f:id:smcn616:20161022170200j:plain

ブックマークのページでは、どのページでも③のソーシャルメディア向けのタイトルが適用されています。

 

f:id:smcn616:20161022170623j:plain

検索には、①の編集ページ上部のタイトルが適用されています。

 

その他も調べてみましたが、ほとんどが①が適用されています。

ただ、①も②も③も「h1」として設定されているので、検索面では少し強くなるかもしれません。

 

 

記事の投稿時間の設定

f:id:smcn616:20161025225839j:plain

続いても記事に関することです。
はてなブログを利用しているほとんどの方がご存知かと思いますが、はてなブログでは日時を設定して、予約投稿をすることができます。
ただその投稿時間についてですが、30分単位でしか設定できないと思っている方が多いのではないでしょうか?
 
実は投稿時間は、日時が表示されている欄にカーソルを合わせて直接入力することでも設定でき、この方法を使えば、なんと秒単位で投稿時間時間が設定出来るようになります!
 
やり方はとても簡単です!
投稿時間日時の欄にカーソルを合わせて分の単位までを再入力し、その後ろに「:○○」と付けることで、秒単位での時間設定が可能になります!
 
分単位での設定は言わずとも便利ですが、秒単位での設定は、大差はなくとも、他の時間設定で投稿しているブロガーさんたちと投稿時間が少しズレるので、新着エントリーなどでは少し有利になるのではないでしょうか?
 
 

アイキャッチ画像の設定

f:id:smcn616:20161025225950j:plain

はてなブログを長く続けている方のほとんどはご存知かと思いますが、はてなブログで記事を投稿するときは、その記事の「アイキャッチ画像」を設定することができます。

アイキャッチ画像」は、まさにその記事の顔となり、その記事のリンクなど、様々な場所でその記事を表すパーツの一つとして用いられます。

 

しかしこの「アイキャッチ画像」、記事の一番上の画像がアイキャッチ画像になるわけでもなく、もっといえば、その記事に存在しない画像を「アイキャッチ画像」として設定することも可能なんです!

 

やり方は簡単です!

一番上の画像以外をアイキャッチ画像にする

記事の編集ページの右の、「編集オプション」のページを開くと、ちょうど中央辺りに記事上の画像が全て表示されている部分があるので、その画像の中から「アイキャッチ画像」に設定したい画像を選ぶだけです!

超簡単、ワンズテップですね。

 

記事上に存在しない画像をアイキャッチ画像にする

記事上に存在しない画像を「アイキャッチ画像」に設定する方法は、大きく分けて二つあります。

一つ目は、ブログの「設定ページ」の詳細設定のページでアイキャッチ画像を設定し、設定した画像を、記事編集ページのアイキャッチ画像を選択する所で設定する方法です。

そして二つ目は、一度画像を記事に張り付け、「アイキャッチ画像」に設定した後に記事上から設定した画像を消去する方法です。

記事上から設定した画像を消去しても、「アイキャッチ画像」にはしっかりと設定してあるので、その画像が外されることはありません!

 

 

『Shift+Enter』の改行

f:id:smcn616:20161025231706j:plain

こちらのマメ知識は、知っている方が多いと思います。

記事等を書くときの改行の方法が、二通りあるという話です。

 

普通の改行(Enter)

エンターキーを押して行う改行です。

改行した時の幅は、少し広めです。

 p { line-height: 数字% }

 や、

 p { line-height: 数字px }

 をデザイン設定で、デザインCSSに張り付けることで、行間の幅は調整できます。

「数字」の部分は、お好きな数字を入れてください。

 

間隔の無い改行(Shift+Enter)

シフトキーとエンターキーを同時に押すことで行う改行です。

この改行は、一つ目の改行に比べて、間隔が空きません!

上の画像の、「私が~」の行と「大部分~」の行間が、この改行方法で行った改行です。

 

 

はてなの記事編集ページには無い文字色

f:id:smcn616:20161026003627j:plain

はてなブログで記事を書くとき、記事編集ページの上部で、記事の文字色の変更を行えるのは、皆さんご存知ですよね?

しかしその色のバリエーションは30色しかなく、不便だと思ったことはありませんか?

そこで今回は、あると便利な色のHTMLを載せていきます!

記事の編集で使いたい時は、色を変えたい文字を適当な色に設定して、「HTML編集」を開いて、その部分の「#______」の部分をコピペで変更すれば大丈夫です!

 

色の種類HTML 色の種類HTML
オレンジ #ff4500   ピンク #ff69b4
赤みの茶色 #a0522d   黄みの茶色 #8b4513
濃い肌色 #f4a460   薄い肌色 #ffdab9
チョコレート #d2691e   橙黄 #ff8c00
岩色 #d2b48c  

黄土色

#daa520
濃い黄色 #ffff00   黄緑 #adff2f
ライム #00ff00   抹茶 #6b8e23
青紫 #8a2be2   クリムゾン

#dc143c

 

 

はてな市民の昇格

f:id:smcn616:20161014173751j:plain

おそらく、はてなを長く使ってきた方はご存知だと思いますが、はてなの機能を続けて利用していると、その使用した機能毎に「市民権」が貰えます。

 

具体的に話しますと、「はてなブログ」・「はてなダイアリー」・「はてなフォトライフ」・「はてなグループ」・「はてなハイク」でこのルールは適用され、
7日以上の使用で、その機能の市民「銅」に、
100日以上の使用で、その機能の市民「銀」に、
300日以上の使用で、その機能の市民「金」に、
1000日以上の使用で、その機能の市民「プラチナ」になることができます。

 

そして、市民権が貰えるこれらの機能のうち、「はてなダイアリー」・「はてなフォトライフ」・「はてなグループ」・「はてなハイク」では、市民昇格時に、グリーンスターなどのカラースターが貰えます!

市民「銅」   ⇒ グリーンスター 3 個

市民「銀」   ⇒ グリーンスター 5 個

市民「金」   ⇒ グリーンスター 10 個

市民「プラチナ」⇒ グリーンスター 20 個 + レアスター

 といった感じに、市民権が昇格するにつれて、価値の高い御褒美が貰えます!

 

 

はてなハイクでシェアする

f:id:smcn616:20161025234345j:plain

はてなブログで記事を投稿すると、同時にはてなハイクでシェアをすることができます!

方法は簡単です!

普通にブログへの記事の投稿を行う時は、投稿完了のページで「シェアする」を選択するだけ!

そしてブログへの記事の予約投稿を行う時も、記事編集ページの右の「編集オプション」のページで、「はてなハイク」に投稿を選択するだけ!

f:id:smcn616:20161025235259j:plain

はてなハイクでは、こんな感じで投稿されていきます。

 

では、この簡単な人手間でのはてなハイクへの投稿には、どんなメリットがあるのでしょう?

それは一つ前の見出しで話した「はてな市民制度」の話を思い出していただければ気付くと思います。

そうです!

カラースターが余分にもらえるんです!

 

この方法を使えば、「はてなブログ」を使っているだけで、はてなハイクの市民権が昇格し、グリーンスターなどが貰えるようになります!

 

 

ブログ自体をブックマークする or スターを付ける

shuncream-words.hatenadiary.jp

はてなブログなどを中心に使っている人が、主に記事への評価に用いる「はてなブックマーク」と「はてなスター」ですが、それらは、ブログ自体に付けることもできます!

 

上のリンクは当ブログへのリンクですが、今回の記事のためにセルフブックマークとセルフスターを付けました。

では、そのブログ自体をブックマークする方法と、ブログ自体にはてなスターを付ける方法を紹介していきます。

 

ブックマーク

f:id:smcn616:20161026000451j:plain

ブックマークの方は、比較的簡単です。

まず、ブックマークしたいブログのURLをコピーし、その後自分のブックマークのページを開きます。

f:id:smcn616:20161026000656j:plain(←※ベータ版)

そして「ブックマークを追加する」を選択し、出てきたページでURLをペーストするだけです!

 

恐らく、本来のブックマークの登録方法なこれなのでしょうが、ブログを中心的に使っている方々は、記事の上下のソーシャルパーツから登録する方が馴染みがあると思うので、意外と忘れられやすいです。

 

はてなスター

f:id:smcn616:20161026001040j:plain

はてなスターを付ける場合は、もう少し難しくなります。

まず、そのブログのブックマークのペーシに移動します。

移動の仕方は、ブックマークしたいページのURLの「http://」の後ろに「b.hatena.ne.jp/entry/」又は「b.hatena.ne.jp」を付けるだけです!

そうして移動したページには、ブックマークを登録する箇所だけでなく、そのページにはてなスターを付ける箇所も存在するので、そこを用いれば、ブログ自体にもはてなスターを付けることができます。

 

 

記事にはてなスターのソーシャルパーツを設置していないブログの記事に、無理やりはてなスターを付ける

f:id:smcn616:20161026002339j:plain

様々なかたのブログを閲覧していると、たまに記事下にはてなスターのソーシャルパーツを設置していないブログにも会います。

ただ、ひねくれ者の私は、そんなブログにもはてなスターが付けたいんです!

 

ということで、一つ前の見出しを応用して編み出した、はてなスターを無理やり付ける方法があります!

それは、ブックマークページからはてなスターを付ける方法です!

 

先ほど話した通り、ページのURLの「http://」の後ろに「b.hatena.ne.jp/entry/」か「b.hatena.ne.jp」を付けると、そのページのブックマークページに飛ぶことができます。

そしてそのページには必ず、はてなスターを付ける箇所があるので、そこからはてなスターを無理やり付けることができます!

邪道ですが、私は意外と使っています!

 

 

まとめ ~いかがでしたか?~

さて今回、「はてな」で使えるマメ知識や小技を紹介してきましたが、どうでしたか?

少しでもお役にたてたのなら、光栄です。

 

書いているうちに、あれもこれもとボリュームアップして行って、最終的にはなかなかのボリュームになってしまいましたが、量だけでなく質も結構しっかりした記事に仕上がったと思います(語彙力・文章力を除いて)

今回の記事を書いていて思ったことは、「はてなって本当に色々な機能があるな~」です。

多すぎて、少々使いにくささえ感じてしまうほどです。

しかしそれだけに、使いこなせれば大きな利点になってくれるのではないでしょうか?

私は使いこなせていませんが…

 

ということで、以上です。