【おしらせ】SUZURI新生活応援セール★3/6(金)12:00~3/16(月)20:59★(๓´˘`๓)
個人ブログ作成メモ・備忘録

【個人ブログ作成メモ2】自分のWordPress投稿画面&Cocoon設定画面を載せてみた話

個人ブログ作成メモ・備忘録
ページ内には広告が含まれています。

自分のWordPress投稿画面やCocoonの設定画面の一部をちょこっと載せてみました。

ほんとにざっくりとした紹介なので、しっかり詳しく知りたい方は他の解説サイトなどを参考にしてみてください。

※すみませんが、当ブログではご質問などにはお答えしておりませんのでご了承ください。

WordPress投稿画面

こちらは自分のブログ投稿画面の一部です。

WordPressでブログ記事を編集している投稿画面のスクリーンショット。タイトル、見出しなど。

自分は主にブロックエディタを使っています。
クラシックエディタを使うこともありますが、このあたりはお好みで良いかと思います。

WordPressの一部ブロックエディタ、SEOタイトル、メタディスクリプション。メタキーワードなどの画面。

専門用語にも簡単な説明が付いているので、わりと分かりやすいです。

本当は各項目をしっかり埋めた方が良いのかもしれませんが、自分のように趣味でブログをやっているだけの場合は、そこまで気にしすぎなくてもいいかな~と思って気楽にやっています。

WordPress Cocoon設定画面

WordPressにはたくさんのテーマがありますが、自分はCocoonを使っているので、その設定画面の一部を載せてみます。

Cocoonを選んだときの話は下の記事でも少し触れています

「Cocoon設定」タブを見ると、どんな機能があるのかなんとなく把握できるかな~と思います。

WordPress管理画面内のCocoon設定画面のタブ。スキン、全体、ヘッダー、広告、タイトル、SEO、OGP、アクセス解析・認証、カラムなど色々設定できる。

Cocoon設定には、スキン・全体・ヘッダー・広告・タイトルなど、いろいろなタブがあります。

ヘッダーロゴや背景の設定も思ったより簡単で、画像系はアイビスペイントXで自作しました。

WordPress管理画面内のCocoon設定画面の一部。ヘッダーロゴや背景、サイズ、キャッチフレーズなど色々設定できる。

サイトで使用するフォントも選ぶことができます。

WordPress管理画面内のCocoon設定画面の一部。サイトフォントや文字サイズ、文字色なども色々設定できる。

いろいろ触ってみながら、自分に合ったスタイルを見つけていくのも楽しいかと思います。

SNSやブログ向けのシェアボタンを設置することもできます。

WordPress管理画面内のCocoon設定画面の一部。SNSなど共有関連の項目も設定できる。

他にも色々カスタマイズ出来ますが、たとえば

・「外観 ⇒ テーマファイルエディター」からCSSを調整
・「ウィジェット」で表示位置をカスタマイズ
・吹き出し用の画像を作る
・プラグインを追加して機能を増やす

など、やれることはいろいろあります。

HTMLやCSSなど分からないことも出てくるかもしれませんが、YouTubeや解説ブログなどを見ながら調べていけば、なんとかなることも多いかなと思います。

ただ、情報が古かったり間違っていることもあるので、あくまで参考程度にしつつ検証しながら進めるのが大事かなと感じています。

まだまだ変えていきたいところも沢山ありますが、楽しくぼちぼち続けていこうと思います。

※画面の文字が小さく見づらかったため、一部をトリミングしたり編集して掲載しています。
また、カスタマイズしている箇所もあるため、人によっては表示内容が異なる場合があります。あらかじめご了承ください。

みてくれてありがとう

同じカテゴリの記事はこちら
タイトルとURLをコピーしました