知識ゼロでワードプレスに挑んでいるあやです。このページでは私がCocoonを使いだしてから参考にさせてもらったサイトをだただたリンク貼って紹介していきます。
(リンク元の方で「こんな使われ方は嫌だ!!」って思った方はお手数ですが一言残していただければすぐ消します。)
準備期間
無料ブログからWP引っ越すとき
ライブドアブログからワードプレスへ引っ越し手順 (「RIEのアジアンライフ」より)
私はサーバーとドメインを別の会社で購入していたのと、ライブドアブログで独自ドメイン使っていたせいもあり、ワードプレスの画面が表示されるまでに1日かかりました。そんな例もあります。
あと、「コンテンツのURLを一括変換」ってあっさり書かれてるけど最初訳がわからず(苦笑)
メモ帳の形式でダウンロードされるので、「編集」→「検索」でURL探してコピペ。
「編集」→「置換」でURLを古いものから新しいものに変えるとできました。
無料テーマCocoonでもオリジナリティを出したい
デザインを語れるほどのレベルではありませんが、ちまちまやっていきましょう。
こだわりだしたらキリないからね。
カスタマイズする前に記事書いてからだよ~
カテゴリーの色を変える
Cocoonでカテゴリーを色分けする方法(「アラフォーフリーダム」より)
カテゴリーの色を変えるのと一緒のページでアイキャッチ設定する作業もできた!色見本はこれ使った→☆
トップページをかっこよくする
新着順もいいけれど、固定ページを作ってホームページ感をアップさせましょう☆
このサイトで丸っとコピペすれば仕組みがわかってとっても簡単
作業している間に、うっすらとHTMLの意味が分かってくるので、地味に色変えたりとかしてみるといいと思う。
トップページにいらないものを消すためのCSS?は一度公開してから「外観」→「CSS追加」のページに入力すると反映されたよ
→婿養子の島根移住ブログ/【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法
メニューをつける
グローバルヘッダーメニューって言うらしい。
これでできるけど、1つ上の【トップページをかっこよくする】で設定した固定ページのCSSのせいでトップページにだけ表示されないっていう罠が発動しました。
.home.page #navi {
display: none
内容理解しながらの方が応用効くね
吹き出しにオリジナルキャラを登場させる
いつも吹き出しの▼から左右適当に選んで、「テキスト」モードに変えて
<img class=”speech-icon-image” src=”http://money-free.info/wp-content/themes/cocoon-master/images/man.png” alt=”” />個々の部分を、別のテキストで保存してあるアイコンのデータに差し替えて作ってたんだけど
他の人みたいに、そのアイコンの下に名前出すにはどうしたらいいんだろうと思って検索したらすぐ出てきた(笑)
データ保存大切
作ったサイトをいざという事態から守るためにも必須です。
バックアップの取り方
とりあえずこのままやればすぐできたのでわかりやすくてよかった☆
問題解決編
初心者ならではの、「えっ!?」の答えがここにある!(はず)
なぜかワードプレスにログインできない問題
ワードプレスに自動でログインする設定にしていたのに、ログインしたのに「投稿」とか「固定ページ」とか諸々ぽちっとするとすぐログアウトしてしまう謎現象が発生・・・。
原因は何かわからなかったけど、「https://(自分のドメイン)/wp-admin」でお気に入りに登録しておかないといけなかったのにぐじゃぐじゃなURLのままお気に入りしてずっと使っていたせいだそうで。
いろんなサイトをスマホで見てこの結論に至ったので、特定のサイトをご紹介はできませんが、同じ症状で悩んでる方は試してみてね♡
SSL化できない問題
サーバーが発行するSSL設定したのにずーっと「このサイトは危険だよ」扱い!!
どーゆーことー!!ってなったけど、ライブドアブログの時に設定してた「ブログ村」とか「Twitter」とかのアイコンの中にhttp://が隠れてたらしい。(非暗号化パスって呼ぶらしい)
それをちまちま変換して回ってたけど、Toroノマドさんのサイトで一発変換できる方法と、
そもそものワードプレス側にhttps://にしたよ~って設定しなおしとかないとエンドレスで画像入れるたびに危険物が増えていくことを学びました!
おかげで気に入ってたアイコンもまた使えるように♡
ちなみにhttpがどこにいるかソースを見るなんてこともできなくて、サーバーのカスタマーセンターに聞いたけど、「本来の業務じゃねーから聞いてくるなよ?」って釘さされて
検索してみたら右クリックでソースの開示ができるらしい・・・。勉強なるわ~
ブログカードが表示されない問題
ブログカード かっこいいよね! こういうやつ
でもま~出ない。わいひらさんの公式曰く「リンクするだけで出るからね☆彡」って感じなのに出ない。
出ない原因で、パーマリンクに日本語が入ってるから説や、プラグインのHeadCleanerに消されてる説があったけど、私はどっちも該当せず。
万策尽きたので、Pz-LinkCardを入れたらあっさり表示されました。
アドセンス広告について
合格したもののイマイチ使い方がわからない・・・。
Coccon設定の中に広告ってあるけど、何を貼ればいいの?
って思ってたんだけど、広告の作り方がようやくわかりました!
アドセンス広告コードの取得方法
まずはこれですね。リンク広告の作り方だけど、ノーマルの広告もこうやってとればいいのねってわかった(笑)
コメント