ソースフォーマットとは、HTMLやCSSなどのコードを整理する方法のことです。
DWでは、標準で備わっている機能なので、コーディング中にバラバラになってしまったコードは定期的に整理して、コードを書き損じないようにしましょう。
1.整理したいHTMLを開いてコマンドを押します。
2.その後、ソースフォーマットの適用をクリックします。
すると以下のように整列してくれます。
・before
・after
DWでは「Alt」+「c」+「a」を順番に押すとソースフォーマットできるので、早々にショートカットコマンドを癖づけるようにしましょう。
マークアップエンジニア（の卵）のブログ始めます。どうぞよろしくお願いします。
2日に1回は更新しようと思ってます。
3日に1回更新はだめ、毎日更新しようかと思ってますが業務が入ることもあるのでその辺は・・。
※写真はイメージです。実物と鼻の数、目の数などは同一です。
Wordpressは画像をアップロードするとアップロードした画像の他に、自動で大きいサイズの画像と小さいサムネサイズの画像の3種類ができます。
サムネイルとか自動で作ってくれることはメリットになるのですが、無駄な画像がたくさん増えるとサーバーがいっぱいになってしまうので、定期的に消さないといけません。
以上のような、ちびちび消していくのは面倒ですし時間がかかるので、無駄な画像が生成されないように設定します。
1.WordPress管理画面で設定の中の「メディア」をクリックします。
2.画像サイズの中の「サムネイルのサイズ」「中サイズ」「大サイズ」の数値を全て0にします。
・before
・after
全てを0に変更すると、画像生成はできないのでサーバーに負担がかかりません。
無駄な画像が増える前に早めに設定してしまいましょう。
WordPressでは標準でリビジョン機能が備わっています。
WordPressが投稿記事を書いた履歴を残してくれるという機能です。
なので、間違って更新中のサイトを閉じてしまったり、少し前の状態に戻したいと言ったときに、効果を発揮してくれるものとなります。
しかし、デメリットも存在します。
履歴機能があるということは、WordPress内に無駄なファイルがゴロゴロ存在すると言うことです。
これにより、WordPressが鈍足になってしまうので、
今回はリビジョン機能制御できるプラグインを使ってみましょう。
1.プラグインからRevision Controlをインストールして有効化します。
2.設定の中のRevisionsをクリックして、設定画面を立ち上げます。
3.画像のように、二か所を「do not store revisions」に変更して保存します。
4.投稿画面のリビジョンがなくなっていたら完成です。
「wp-config.php」に、コードを挿入する方法もありますが、WordPress入門者はプラグインで対応しても良いでしょう。
＜参考サイト＞
リビジョン停止＆制限プラグインRevision Control
パーマリンクとは黄色い蛍光部分のことです。
パーマリンクを意味もない文字の羅列にするよりも、ユーザビリティが良いものにして管理しやすくSEO対策に繋がるような文字列に変更したほうが閲覧率も上がりやすいです。
今回はWordPressでのパーマリンクの設定方法を二種類見ていきます。
1.WordPressの設定画面の「パーマリンク設定」をクリックします。
2.この中の共通設定や、任意のものがあるときは、カスタム構造に特定のアドレスを設定して完了です。
1.投稿中・投稿完了しているページの「パーマリンク」右の「編集」をクリックします。
※パーマリンク設定をカスタム構造にチェックを入れていないと「パーマリンクの変更」となっているので注意すること。
2.任意のものに変更します。
ページを作成してから、時間が経過したあとにアドレスを変更すると、以前のアドレスではアドレスが切れてページがが表示されなくなってしまいます。
アドレスを投稿名にしておけば検索に引っかかりやすいワードとなりSEO対策も繋がるので、パーマリンクは早めに設定しておきましょう。
＜参考サイト＞
WordPressのSEO面で最適なパーマリンクの設定方法
さっそくやり方を見ていきましょう。
1.投稿の中の「新規追加」でページを作成します。
2.公開の中の公開状態の右の「編集」をクリックします。
3.「パスワード保護」にチェックを要れて、パスワードを設定します。
4.パスワードで保護されていますを確認したのちに公開します。
以上で完成です。
閲覧制限をうまく活用しましょう。
ホームページを見ていると、同じように見えますが通常のHTMLサイトとWordPressで作ったサイトでは、利点が全然違います。
今回はHTMLの知識が乏しくても、ブログが出来てしまうWordPress（ワードプレス）の利点を見ていきましょう。
WordPressが多く取りあがる理由として、とっつきやすさがあります。
少しでも興味を持ったならWordPressを使って自分のブログを作ってみましょう。
何気なく見ているWEBサイトがHTMLで書かれているのか、Wordpressで書かれているのか気になったことはありませんか？
他の人が作ったWEBサイトの中身を知るということは、すごく勉強になることなので簡単にWordPressサイトなのかHTMLサイトなのかの判別方法を二種類お伝えします。
1.WordPressサイトか調べたいページのTOPのURLを表示させます。
2.そのURLの後ろに「wp-login」と入力して検索します。
3.この作業で画像のような、管理画面になればWordPressサイトです。
1.WordPressサイトか調べたいページの上で右クリックをします
2.ソースの表示を押します。すると、英文の羅列が出てきます。
3.その中でCtrl+lのショットカットコマンドを入れて、「wp-content」で検索します。
4.画像のようにhitしていれば、WordPressで作成されているサイトです。
是非、Webサイトを作りたい！勉強したい！と言う方は、他の人が作ったサイトの中身やどういった作りになっているかを見て想像しましょう！
WordPressでブログを書いているときに、固定ページと投稿ページを変更したいと思ったり単純に間違って書いてしまったりすると書き直すのは面倒だし、URLも変更されてしまう問題も発生します。
そんな時には、「Post Type Switcher」という固定ページと投稿ページなどを簡単に変更できるプラグインを使いましょう。
今回は固定ページを投稿ページに変更してみます。
1.「TinyMCE Advanced」をgoogle検索して、インストールを行います。
2.固定ページの公開のなかの「PostType：固定ページ」⇒Editをクリックします。
3.プルダウンの中にある、「投稿」に変更して更新します。
・before
・after
4.投稿ページに移動されていることを確認して完了です。
簡単ですね。
これで、投稿ミスしても無駄な時間を短縮できますし、
URLページが変更されないのでSEO対策もバッチリです!!
WordPressはHTMLの知識が少なくてもビジュアルエディターが備わっているので比較的投稿しやすくなってます。
感覚的に投稿できますが、初期のビジュアルエディターでは、選択する項目が少なかったりデフォルト設定だと使いにくかったりします。
今回は「TinyMCE Advanced」というプラグインを導入して、ビジュアルエディターを使いやすく増強してみましょう。
1.WordPress画面でユーザー⇒あなたのプロフィールをクリックします。
2.プロフィールの中のビジュアルエディターを使用しないにチェックが入っていると、根本的に使わない設定になっているのでチェックをはずしておきましょう。
3.「TinyMCE Advanced」をgoogle検索して、インストールを行います。
4.投稿⇒新規追加をクリックして、ビジュアルエディターを確認して反映されていたら完了です。
・before
・after
インストールするだけで、簡単反映されました！
設定画面からビジュアルエディターの細かい配置も変更できるので自分の好みのものにカスタマイズしてしまいましょう！