人生を豊かにする+ONE

「人生を豊かにする+ONE」アウトドア系インドア派のTAKAが、調べたことや実際役に立ったことをお知らせしているブログ。

はてなブログからワードプレスに引っ越す日記 ~3.ブログを初期設定する(主に外観)

スポンサーリンク

f:id:takapiece:20200423190006p:plain

前回はテストサイトにデータを移行しました。

www.takapiece.com

とくに問題は発生しなかったので、はてなブログから完全にワードプレスに移行しました。

www.takapiece.com

 今回は、サイトの体裁を整えます。

ワードプレステーマはCocoonです。

https://wp-cocoon.com/

サイトの外観を設定する

  1. まずはぱっと見て、気になるところを書き出し
  2. 修正します

 

最初からイロイロ設定すると挫折するので、少しずつやります。

1.サイトの気になったところを書き出す

1.トップページ

  • 「Just another WordPress site」の表記変更
  • グローバルナビを設定する
  • アクセスカウンター消す(管理者でログインしていないと表示されませんので、そのままでOK)
  • サムネイル画像を設定する(次回)

2.サイドメニュー

  • ツイートリンク作る
  • 「最近のコメント・メタ情報」を消す
  • ロフィール作る(次々回)

3.記事ページ

  • SNSリンク減らす

以上です。

 2.サイトの変更点を修正していく 

外観>>カスタマイズからの変更

f:id:takapiece:20200423175800p:plain

f:id:takapiece:20200423180058p:plain

上から順番にいきます。

サイト基本情報

2.サイトのタイトルを入れる

3.キャッチフレーズを入れる
※ここは変更しないとデフォルトで文字が入っています。

4.サイトアイコンを設定する(なければそのままで)

※作り方はこちら

dreamweaver.work

アイコンづくりがしんどい人は、ココナラ とかにお願いしちゃいましょう。

 

入力したら、こんなかんじ

f:id:takapiece:20200423175631p:plain

背景画像

最初は特にいらないと思います。

変えたい方はこちらに本家の画像ダウンロードページがあります。

https://wp-cocoon.com/downloads/background-images/

メニュー

新規作成で「ヘッダー」というメニューグループを作りました。

表示位置は「ヘッダー」(ブログの一番上のメニュー)

f:id:takapiece:20200423180335p:plain

これに項目を追加していきます。

固定ページ▼から

f:id:takapiece:20200423180615p:plain

「ホーム」(トップページへのリンク)を追加。

カテゴリー▼から

f:id:takapiece:20200423180857p:plain

  • 専門ブログ作り
  • ワードプレス

を追加しました

「公開」ボタンで確定。

 ウィジェット

サイドバー>で

f:id:takapiece:20200423181933p:plain

  • 最新の投稿
  • 最近のコメント

を消しました。

サイドバースクロール追従>で

f:id:takapiece:20200423181820p:plain

  • アーカイブ
  • メタ情報

を消しました。

ホームページ設定

そのまま

追加CSS

そのまま

Cocoon設定からの変更

SNSシェア

f:id:takapiece:20200423183959p:plain

  • 「メインカラムトップシェアボタンを表示」消します
  • 「メインカラムボトムシェアボタンを表示」残します

ボタンは

  • Twitter
  • はてなブックマーク
  • LINE

だけにしました。

 SNSフォロー

f:id:takapiece:20200423184328p:plain

  • feedlyフォローボタンを表示する
  • RSS購読ボタンを表示する

消しました

あとがき

次回は、サムネイルを設定していきます。

(しんど~)