「テンプレートのカスタマイズを〜」といったことだけでなく、自身がFC2でブログを書くにあたりいかに効率よく仕上げるか。
そんなtipsです。
辞書登録を使い倒す
例えばあなたが 旧投稿画面 を使っていると仮定して。
一部文章や画像などを センタリング あるいは右に寄せるなどしたい場合。
旧投稿画面においてはエディターツールバーの右側 設定 のすぐ左隣にある W を押して「WYSIWYG(うぃじうぃぐ, 見たまんま編集)」モードに変更してから行います。
実にめんどくさい。
すぐに呼び出せると便利なhtmlを上げておきます。コピペしてテキトーなひらがな名称で登録しておきましょう。
緑部分が適宜書き換える箇所です。
文章・画像のセンタリング (右寄せは center を right に変更)
<div style="text-align: center;">内容</div>
太字
<span style="font-weight: bold;">内容</span>
斜体 注)日本語のフォント種によっては傾かないことがあります
<span style="font-style: italic;">内容</span>
文字色指定
<span style="color: カラーコード;">内容</span>
文字大きさ変更 注)emは基本フォントサイズの「x倍」という指定です
<span style="font-size: 数値em;">内容</span>
補足) 1.2em ならば基本フォントの1.2倍に。.8em ならば基本フォントの0.8倍になります(接頭の0は省略が推奨ですが書いても構いません)
下線
<span style="text-decoration: underline;">内容</span>
引用
<blockquote><p>内容</p><cite><a href="引用元URL" target="_blank">引用元サイト名or著者名</cite></blockquote>
中にはエディターをWYSIWYGに変更せずとも簡単に押せるものも含まれますが、FC2ブログエディターはhtml5に準拠していません のでテンプレートがhtml5の場合は上記のような形が望ましいと思います。
エディターの自動入力は古い書き方であり廃止属性などが多く含まれています。
記事編集中にリンクをクリックする際は別タブで
うっかり画面中のリンクをそのままクリックして滞在ページが遷移してしまうことがあります。
ここでテンパってしまう方も多いのですが、そんな時は慌てずに ブラウザバック を行います。リロード厳禁 です。入力済み内容が失われてしまいます。
リンクを別タブで開くには
Windows --- Shift + リンクアドレス
Mac --- Command + リンクアドレス
記事編集中という状況下でなくとも滞在ページをそのまま残しておきたい時には意図的に上記のような操作を行います。
リンクが滞在ページのまま開かれるか別タブで開かれるかは一見しただけではわかりませんので安全策という意味で使えます。
マウスに頼りすぎない、ショートカットキーを使いこなす
よく利用するであろうショートカットを掲載しておきます。
Windows | Mac | |
全選択 | Ctrl + A | Command + A |
複製(コピー) | Ctrl + C | Command + C |
切り取り(カット) | Ctrl + X | Command + X |
貼り付け(ペースト) | Ctrl + V | Command + V |
ページ内文字列検索 | Ctrl + F | Command + F |
入力内容取り消し(アンドゥ) | Ctrl + Z | Command + Z |
入力内容やり直し(リドゥ) | Ctrl + Y | Command + Shift + Z |
Chrome要素検証(developer tool)を開く | Ctrl + Shift + C | Command + Shift + C または Command + Option + C |
ブログを書く際に良く使うとすればこのぐらいかな、と思います。
マウス操作 + 某の項目を選択 という操作よりも遥かに効率良く作業できます。
テンプレート編集時に対象箇所をページ内(ソース内)から見つけられない、という方がいらっしゃいます。
ただでさえ複雑怪奇なソースコード中から特定の文字列を目で追って探すなんて気の遠くなる作業ですよね。
検索ショートカットを利用すれば一発でわかります。
マウスドラッグ選択は対象「末尾」から対象「冒頭」へ向けて行う
マウスドラッグ選択は右方向から左上方向の方が素早くできます。
人間は流し見しただけの内容でも一旦目に入ったものはなんとなく場所を覚えているものです。
ですからコピーしたい内容の後ろから前へとマウスを動かします。ゴールからスタートへ向けるわけですね。
スタート地点を認識しているランナーがゴールからスタートへ向けて走った場合と、ゴール地点不明でスタート地点からゴールを探しながら走るランナー、どちらのタイムが速いでしょう。
IEを使わない
まんまです(笑)
Macの画面ズームは超簡単
うちの長男がブラウザのパーセンテージプラス・マイナスで操作していてびっくりしました。アホか… ( ̄∀ ̄;)
Macのズームはマウス表面を1本指で軽くポンポンですよ。
Winはこれもショートカットキーでしょうかね。あるいはCtrl + マウスホイールグリグリでしょうか。
意図せずグリって「なんか…でかくなってる!!!何故」という方も多いのではないでしょうか。
html文法チェックのブックマークレットと仲良くなる
弊ブログのこの記事 ↓ を発端にして、FC2ブログを「HTMLタグのみ」の改行設定で記事を書くブロガーさん達が増えつつあります。 最近の筆者の趣味は皆さんのブログ記事のHTMLソースを読むことです(笑) - 初級パソコン術最近の筆者の趣味は、皆さんのブログ記事のHTMLソースを読む(覗く)ことなんですよね~(笑) 悪趣味ですよね~ (〃^▽^〃)oあはははっ♪ そうそう、HTMLソースって ↓ こんなのですよね。 ブラウザのGoogle...
htmlを意識して使い始めると必ずどこかで「レイアウトが崩れた (´;ェ;`)」という場面が巡ってきます。
記事のプレビュー時にチェックすることで後のトラブルを防ぐことができます。
ちなみにこのページではtable要素の一部タグを省略していますので大量のエラー表示になりますが、実際にはvalid(正当)です。
html初心者の自覚がある方は「省略しても良い」と定められているタグでも省略せずしっかり書かれることをおすすめします。
まとめ
うちの長男なんかもそうですが、要領の悪い人というのは見ているとなんでもかんでもマウスでやろうとするんですね。
その代わり彼はスマホ入力めちゃくちゃ速いですけどね(笑)
このページにある内容だけでも実践してみると作業スピードは向上すると思います。お試しください (●'0'●)/