WordPressで出来る書式を練習がてら色々試してみた

今まで単に黒文字でテキストを入力していただけ
だったのでこれから本格的に記事を書く際に
より見やすくできるように書式の練習をしています。

,文字の色変え
色を変えてみます
色を変えてみます
変えた色はワードプレス上では確認できません
一度プレビューをすると変更が確認できました。

専用の固定の文字変えのオプションから指定すると
編集画面上でも色の変更が確認できた
 ツールバー「A」から指定
ツールバー「∨」からの指定だと編集上で確認できない。

,文字サイズ変更
字の大きさをかえてみます。
大きく28px
小さく12px
デフォルトサイズはいくら?
12px
14px
16px
18px
20px
22px
24px
28px
32px
36px
40px
44px
48px
編集画面上のクイックバーみたいなのから設定できるのは
これらの固定の文字サイズ

,ページ内でリンクを付けたい場合は
ここから指定したアンカーの文章に飛びたい
HTMLタグを入力するかプラグインを入れる必要があるらしい
→ ワードプレスでHTMLタグを入れる方法はまだ分からない
→ HTMLとして編集でHTMLタグを編集できた

分かりにくいので追記自分用210730
1、リンクで飛んでいきたい部分にHTMLとして編集でidタグを指定
  例 <a id=”a”>リンク先アンカー</a>
2、クリックするとリンク先に飛ぶリンク元を設定
  ワードプレスメニューアイコン (-) もしくはCtrl+K
3、リンク先を指定するときはハッシュタグ+id名を指定
  例 #a

→ プラグインは時間があるときに入れよう
→→ 今回の練習では諦める

インラインコード前<a id="a"></a>インラインコード後

HTMLとして編集

HTML中アンカー「a」を指定  ここからHTMLの後の文章

HTMLアンカーでページ内リンクを設定できるものの
リンクした後はリンクを指定した段落より下の位置に
飛んで、リンクを指定した段落は表示上部の範囲外に
位置してしまう。

,他に何が出来るかな?
テキストの配置 左寄せ
テキストの配置 中央
テキストの配置 右寄せ

テキストの配置は段落ごとに設定されるらしい

段落1 テキストの配置 左寄せ

段落2 テキストの配置 中央

段落3 テキストの配置 右寄せ

,よくある段落の区切りの見た目を整えたい

アンダーラインマーカが区切りに使えそう
段落内でしていするとどうなるのか?
どうやら段落単位ではなく行単位で処理されている

,その他細かい見た目の設定

取り消し線 前言撤回したい場合によく使う
太文字
斜めの文字
斜め文字の設定は編集上からは変更がよくわからないぞ
というか何も変わっていないぞ

上付き文字上付き文字に指定した部分
下付き文字下付き文字に指定した部分

,ワードプレスは段落の管理と行間の管理がなんだか
初心者には分かりにくいなあ

段落(ブロック)の移動がEnterで
改行がShift+Enter
なんていうか逆の方が使いやすいのでは?

そして段落を作った時の行間が思うようにならずに
何か消化不良を起こすのは慣れていないせいなのか

一応番号付きの記事の間に3つ段落を指定しているのだが
行間が何故か1段落分しか出来ないんだな
ということは各項目の空白は文章最後の改行で
指定しろということなのか?
改行1
改行2
改行3

,次の段落
9番までは文字なしで改行を3行指定


9,余白の感じどうだろうか?


10,おおいい感じですね。
ということで今回の練習でやり方が分かった
1,文字サイズの変更
2,文字色の変更
3,アンダーラインの指定
4,ページ内リンク
の4つの見た目の設定方法を主に使ってより見やすい
文章を作っていこうと思います。


これからブログの収益化も狙っていくために
1,プライバシーポリシーの追加
2,SEO対策の設定方法、PV数の獲得向上
3,お問い合わせリンクの設置
4,もう少し詳細なプロフィールの追加
5,最長でも1週間おきの更新
6,自分もしくは誰かにとってためになる記事の執筆
うわー大変だな。ゲーム制作の片手間で果たして
できるのだろうか?

まあ気長にマイペースでやっていきます。

コメント

タイトルとURLをコピーしました