超初心者によるブログの始め方②

ブログの始め方

ジョン
「2回目のブログ投稿だよ。まだアイコン無しの吹き出し無しだよ。」
女の子
「もぉっ!扱い悪いと怒りますよ。」
ジョン
「ところで、あなた誰?」
女の子
「このブログでこれからあなたと会話するナビゲーターです!早くアイコン作って名前とか決めてよ!」

目次 (表示・非表示とかできません。リンクにもなっていません。)

  1. ほしい機能をリストアップ!
  2. 先駆者のブロガーすごすぎアゲイン
  3. アイキャッチ画像を設定
  4. リンクは勝手にしてもいいの?(無断リンク)
  5. 文字装飾をしよう
  6. まとめ!

1.ほしい機能をリストアップ!

ハイ!ジョンです。
かっこいいブログを作りたい!

ブログの初投稿を終え、たくさんの課題を抱えたまま、記事を作りを再開しています。今回はブログの見栄えを良くする方法を探っていこうと思います。
まずはやりたい事をリストアップです。

  • アイキャッチ画像貼り付けたい!
  • 文字の装飾がしたい(下線を引くとか、マーカーハイライトとか)
  • 目次を作りたい
  • 自己紹介をサイドバーにカスタマイズしたい。
  • 文字数のカウントをしたい。
  • 自分のキャラアイコンと、女の子のキャラアイコンがほしい
  • 吹き出しを使った会話形式を織り込みたい

他にも色々ありますが、僕の目標は誰かに役に立つ記事の量産。とにかくこれくらいのことができれば、読んでくださる方にもデザイン的に見やすいかなと。

後のことは、また作りながりながら考えましょう。ブログは中身が命!(のはず。)

2.先駆者のブロガーはやっぱりすごい。

早速聞いていきます。Google先生に。
検索ワードはこんな感じ。

  • アイキャッチ画像 貼り付け
  • WordPress 文字装飾 スワロー
  • Word Press 目次 作り方
  • WordPress サイドバー 自己紹介
  • WordPress 文字数 カウント
  • ブログ キャラ 似顔絵 SNS用
  • WordPress 吹き出し 会話風 ブログ

結果・・・すべて詳しく書かれいるサイトを発見しました。しかもブロガーさんが書かれていることが多いです。今は調べているだけで、満足ですが、僕もそのうち調べられる側になりたいな。と思いつつしたいことリストを一つずつ。

この情報は書いていませんでしたが、このブログはOpen Cageさんのスワローテーマを使っています。このスワローテーマは初心者でも使いやすいということで購入しました。
シンプルなデザインで気に入っています。
検索はスワローもキーワードに含めて行いました。

3.アイキャッチ画像を設定

アイキャッチ画像の貼り付けは簡単なので、すぐにやっちゃいました。
アイキャッチ画像というのはブログ記事の入り口の写真のことです。(ここハイライトしたい、できない、、泣)サムネイルと呼ばれたりしていますね。いわゆる「サムネ」。

まずは簡単で、わかりやすいようにする為、エクセルで「John、ブログはじめるってよ!」って書き込みました。

後はWindows アクセサリーに標準搭載のSnipping toolを使って画像として切り取り保存、そして貼り付け!これでわかりやすいアイキャッチ画像の出来上がりです。


こんな感じで作りました。

今回参考にしたのはTechacademyさんのページです。
リンク先も書きたいですがリンクって自由にしてもいいものなのでしょうか。心配なので調べましょう。

https://techacademy.jp/magazine/1986

(↑↑結果的にリンクはOKなようでうですので載せました。)

4.リンクって勝手にしてもいいの?(無断リンク)

分からないことは聞く!

結論

  • 許可を得ずに勝手にリンクを貼ることは「無断リンク」という。
  • 無断リンクは法律的には問題ありません。
  • マナーや著作権には気をつけよう。
  • リンクフリーかどうかサイトポリシーにかかれていることも、チェックしてみよう。

ちなみにここで「埋め込みリンク」という言葉も覚えました。先程アイキャッチの説明の時のTechacademyは「埋め込みリンク」にはならないようです。なんでかな。。

5.文字装飾をしよう

次は文字装飾です。

僕は仕事でなかなりメールを使うのですが、いわゆるリッチテキスト形式(色を付けたり、デコレーションしたりする)は重くなっちゃいますよね。

文字装飾はしたいですが、文字装飾として欲しい機能はまずは最小限でいいかなと思っています。サイトに訪問してくれる人が素早く開けるページのほうがまずは優先です。早速リストアップ。

  1. 文字の大きさを変える。
  2. 太文字、斜め文字。
  3. 文字色、背景色を変える
  4. フォントを変える
  5. ハイライト(蛍光ペンでなぞるような感じ)したい。

①文字の大きさを変える。

テーマ購入したスワローに標準装備でした。しかし、無料テーマなどでは標準装備されてないようです。HTMLを使って設定すればいいとのこと。そもそもHTMLってなんだ???その辺はまたまたTechacademyのサイトで詳しく説明が。

ブログを作るのに必要な言語で、コンピュターに「このように表示しなさいよ」っていう命令文のようなもの?

と、解釈しましたが、曖昧なのでこちらをどうぞ↓↓

https://techacademy.jp/magazine/4843

いろいろ調べてみましたが、プラグインの「TinyMCE Advanced」が便利なようですね。ググってると、ん?この「TinyMCE Advanced」ですが、色々文字装飾の機能があるようです。

機能を追加するには、「プラグイン」が有効なんだ!

新しい発見です。文字装飾を欲っしているジョンにはどうしても必要な「プラグイン」でしょう。

ちなみにこちらで発見しました。(これも埋め込みリンクにできないぞ?)

http://wp-begin.com/font-henkou-plugin-68

②太文字、イタリック(斜め文字)

これもスワローに標準装備でした。こんな風に

こんな風に太字。

こんな風にイタリック。

答えは一緒。HTMLで機能追加かプラグイン。

③文字色、背景色を変える

これもスワローに標準装、、、以下略

こんな風に背景色付。

こんな風に文字色付。

こんな風に背景色付、文字色付。

これで文字をいじくる幅が広がりましたね!

④フォントを変える

次はフォントです。フォントはやはりプラグインで!AmaDecoさんのサイトで分かりやすく説明がありました。

オススメのプラグインは「Easy Google Fonts」とのこと。早速ダウンロードしていきましょう!

結果。。スワローの標準装備の方が良かった!
試してみたものの変更は無しです。

⑤ハイライト(蛍光ペンでなぞるような感じ)したい。

ハイライト。紙に書くのであれば蛍光ペンでシュッとするだけが、ブログ上では色々な手順が必要でした。

でもね!こんな風に!

できましたよ。今回のプラグインは「TinyMCE Advanced」。プラグインはほんとに可能性を広げてくれますね。これでジョンブログも華やかに。

下線も引けるようになっちゃいました 笑

みーこの自宅でネットビジネスさんを参考にしてプラグインのダウンロードから、有効化までを行いました。ぶっちゃけ、このプラグインだけで基本の文字装飾は足りると思います。

文字の大きさを変える、太文字、斜め文字、文字色変更、背景色変更、フォント変更、ハイライト(蛍光ペンでなぞるような感じ)全部これ一つでできました。

最初からこれだけでよかったんだー

めちゃくちゃ分かりやすいサイトでした。ありがとうございました。

色々検索していると、すごく素敵な装飾が色々出てきます。最後の方は欲が出て、マンガ風な加工を入れたいなーと。

しかし今の優先はブログベースの作成なので、今回はここまで!結構、疲れたな。。。

記事をスラスラ書けるようになったらチャレンジを。

6.まとめ!

  • アイキャッチ画像の設定は簡単。
  • WordPressの機能アップには「プラグイン」が有効!
  • 無断リンクはOKだけど、マナーや著作権に気をつけよう。
  • ブログの文字装飾は「TinyMCE Advanced」から始めよう!

女の子
「ちょっと!アイコンとか吹き出しとか全然まだまだじゃない!」
ジョン
「文字装飾できるようになっただけでも、進歩だよ!」
女の子
「じゃあ、次はやってよね!」
ジョン
「え、次は『目次』作りだけど。」
女の子
「@#$%&’”*(怒)」

今日はここまで!バイー