このブログは「なーんにもわからない」という状態からスタート。
調べた順に自分用にメモしました。
「無」から始めてますのでとても限定的な情報ですが、同じ感じでお悩みの場合は参考になることもあるかもしれません。
なお、始める前から書きたいことはしっかりとありました。
あと、有料サーバーでWordPressを使う、という目標がありました。
ロリポップでサーバー契約しました
WordPressをインストールしました
↓サーバー契約からWordPressのインストール手順まで参考にしたサイト
WordPressの無料テーマにCocoonを選びました
CocoonをインストールしてWordpressで有効化するまでに参考にしたサイト
SNSシェアボタンとSNSフォローボタンを丸ボタンにしたくて調べたサイト
※途中で「ここで CSS を変更する必要はありません — 付随の CSS エディター で、編集とライブプレビューを行うことができます。」と出てきたし、ここで直接編集するのリスキーですよ、という警告みたいなのも表示されたので。びびる。結局自分の場合は、外観＞カスタマイズ＞追加CSS を開いてそちらでコードを貼り付けました。よくわからないから。
投稿を複製（コピー）したくて調べたサイト
（結果、プラグイン「Duplicate Post」を導入。簡単。）
Cocoonでアイキャッチを作成や設定したくて調べたサイト
サイズは1200×630がよいと知ったサイトなど
アイキャッチ画像は、Finale記事では発想記号としてテキストを入力し五線とともにグラフィックツールでPNGに書き出したもの。（その後変更、サムネは作者さんオススメサイズが別にあるみたい）
サイドバーにプロフィールをつけたくて参考にしたサイト
ヘッダーにグローバルメニューをつけたくて参考にしたサイト
（外観＞メニューで編集）
すこし右にドラッグしたら「副項目」になり、マウスオーバーしたらツリー上で表示されるのを知ったのもこちら
カスタムリンクとしてのTOPの作り方も説明してくれてるが、今は固定ページ＞「ホーム」で同じ事ができるのか…な
設定時に「説明」に入力した文字列は、項目の下に小さく表示される
見た目の変更は、Cocoon設定でタブを「スキン」にして選択。
グローバルメニューの色を変えるなどは、Cocoon設定の「ヘッダー」タブ で自分で項目をみて変更。
・ここでひとやすみ・・・
サイドバーをカスタマイズさせたくて（とくにボックスナビ）参考にしたサイトは以下のページだけれど、事前準備が必要だったりでまだ実施出来ていない
あらかじめカテゴリーや固定ページの作成をしておかないとメニュー要素がない
CSS classに何を入力するかもこのページで、アイコン選ぶのとかでペンディング中
このあとヘッダーも調整したい
途中すこし挫折して、
共有してリンクしたときにサムネイル（正しくはホームイメージ）がCocoonさんの画像だったので、それを修正するために作者さんの解説を参照したのが以下のページ（TwitterでOGPタブで変更してもイメージ変更できない、とツイートあるし、自分の場合は設定済みだったけど反映してないので、画像サイズを大きくするなど試してみた）
他にもやっておいた方が良いというCocoon作者さんのおすすめ設定が以下のページ
あれ？短縮URLにできないな？となった時にためになったページ。（たくさん検索に引っかかったけど一番スッキリと理解できて実施できたページ。ありがとうございます。）
自分の記事を紹介したいときにURLが長い（日本語含むので変換されてすごく長くなる）ので、短縮URLサービス使おうとしたらエラーが出るので悩んでたときに、WordPress内でPretty Linkというプラグインを使えば短縮URLを生成できる。しかも自分のドメイン＋自分の好きな文字列で作れる、と知ったページ。
投稿一覧のタイトルが縦に細長くて見づらいなーというときに役だったページ。表示オプションで項目を減らすだけという簡単操作をシンプルに紹介されていて助かりました。ありがとうございます。自分は投稿者を非表示にして一発解決。あと文字数も。
以上です
コメント