初心者でも簡単!ワードプレス活用法のサイトまとめ

知識ゼロでワードプレスに挑んでいるあやです。このページでは私がCocoonを使いだしてから参考にさせてもらったサイトをだただたリンク貼って紹介していきます。
(リンク元の方で「こんな使われ方は嫌だ!!」って思った方はお手数ですが一言残していただければすぐ消します。)

準備期間

無料ブログからWP引っ越すとき


ライブドアブログからワードプレスへ引っ越し手順 (「RIEのアジアンライフ」より)
私はサーバーとドメインを別の会社で購入していたのと、ライブドアブログで独自ドメイン使っていたせいもあり、ワードプレスの画面が表示されるまでに1日かかりました。そんな例もあります。


あと、「コンテンツのURLを一括変換」ってあっさり書かれてるけど最初訳がわからず(苦笑)
メモ帳の形式でダウンロードされるので、「編集」→「検索」でURL探してコピペ。
「編集」→「置換」でURLを古いものから新しいものに変えるとできました。

無料テーマCocoonでもオリジナリティを出したい

デザインを語れるほどのレベルではありませんが、ちまちまやっていきましょう。
こだわりだしたらキリないからね。
カスタマイズする前に記事書いてからだよ~

カテゴリーの色を変える

Cocoonでカテゴリーを色分けする方法(「アラフォーフリーダム」より)
カテゴリーの色を変えるのと一緒のページでアイキャッチ設定する作業もできた!色見本はこれ使った→☆

トップページをかっこよくする

新着順もいいけれど、固定ページを作ってホームページ感をアップさせましょう☆
このサイトで丸っとコピペすれば仕組みがわかってとっても簡単
作業している間に、うっすらとHTMLの意味が分かってくるので、地味に色変えたりとかしてみるといいと思う。
トップページにいらないものを消すためのCSS?は一度公開してから「外観」→「CSS追加」のページに入力すると反映されたよ

婿養子の島根移住ブログ/【Cocoon】脱ブログ!固定ページでサイト型トップページにカスタマイズする方法

メニューをつける

グローバルヘッダーメニューって言うらしい。

【WordPress】Cocoonのヘッダーメニュー簡単カスタマイズ集
連続でカスタマイズ記事ですが、今回はCocoonにおけるグローバルメニューのカスタマイズです。グローバルメニューを使っていない人には意味がないですが、使っている人にっては、サイトの印象に大きく影響を与えるのがこのグローバルメニューの見た目で

これでできるけど、1つ上の【トップページをかっこよくする】で設定した固定ページのCSSのせいでトップページにだけ表示されないっていう罠が発動しました。

/*モバイルグローバルメニュー非表示*/
.home.page #navi {
display: none
 
の部分を削除したら無事トップページでも表示されたので、やっぱりただ黙々とコピペするよりは
内容理解しながらの方が応用効くね

吹き出しにオリジナルキャラを登場させる

https://kotudokafx.com/wordpress-cocoonhukidasi/

いつも吹き出しの▼から左右適当に選んで、「テキスト」モードに変えて

<img class=”speech-icon-image” src=”http://money-free.info/wp-content/themes/cocoon-master/images/man.png” alt=”” />個々の部分を、別のテキストで保存してあるアイコンのデータに差し替えて作ってたんだけど
他の人みたいに、そのアイコンの下に名前出すにはどうしたらいいんだろうと思って検索したらすぐ出てきた(笑) 

データ保存大切

作ったサイトをいざという事態から守るためにも必須です。

バックアップの取り方

WordPressでバックアップを取る4つの方法(初心者向け)
WordPressでバックアップを取る方法をパターン別にまとめました。「テーマのカスタマイズ時」「プラグイン更新時」「定期的な自動バックアップ」「今すぐデータを保存する方法」など。

とりあえずこのままやればすぐできたのでわかりやすくてよかった☆

問題解決編

初心者ならではの、「えっ!?」の答えがここにある!(はず)

なぜかワードプレスにログインできない問題

ワードプレスに自動でログインする設定にしていたのに、ログインしたのに「投稿」とか「固定ページ」とか諸々ぽちっとするとすぐログアウトしてしまう謎現象が発生・・・。

原因は何かわからなかったけど、「https://(自分のドメイン)/wp-admin」でお気に入りに登録しておかないといけなかったのにぐじゃぐじゃなURLのままお気に入りしてずっと使っていたせいだそうで。
いろんなサイトをスマホで見てこの結論に至ったので、特定のサイトをご紹介はできませんが、同じ症状で悩んでる方は試してみてね♡

SSL化できない問題


サーバーが発行するSSL設定したのにずーっと「このサイトは危険だよ」扱い!!
どーゆーことー!!ってなったけど、ライブドアブログの時に設定してた「ブログ村」とか「Twitter」とかのアイコンの中にhttp://が隠れてたらしい。(非暗号化パスって呼ぶらしい)


それをちまちま変換して回ってたけど、Toroノマドさんのサイトで一発変換できる方法と、
そもそものワードプレス側にhttps://にしたよ~って設定しなおしとかないとエンドレスで画像入れるたびに危険物が増えていくことを学びました!
おかげで気に入ってたアイコンもまた使えるように♡

ちなみにhttpがどこにいるかソースを見るなんてこともできなくて、サーバーのカスタマーセンターに聞いたけど、「本来の業務じゃねーから聞いてくるなよ?」って釘さされて
検索してみたら右クリックでソースの開示ができるらしい・・・。勉強なるわ~

ブログカードが表示されない問題

ブログカード かっこいいよね! こういうやつ

親の姿を子どもはよく見てるなと思った出来事
子どもの前で普段してることって結構見られてるんだな~と思った話です 息子のやさしさを感じられた話【2歳8カ月】 保育園から帰り、7時までにアレしてコレしてと 手順を組み立てながら おふろを沸かしてリビングに戻ると ...

でもま~出ない。わいひらさんの公式曰く「リンクするだけで出るからね☆彡」って感じなのに出ない。

出ない原因で、パーマリンクに日本語が入ってるから説や、プラグインのHeadCleanerに消されてる説があったけど、私はどっちも該当せず。
万策尽きたので、Pz-LinkCardを入れたらあっさり表示されました

アドセンス広告について

合格したもののイマイチ使い方がわからない・・・。
Coccon設定の中に広告ってあるけど、何を貼ればいいの?
って思ってたんだけど、広告の作り方がようやくわかりました!

アドセンス広告コードの取得方法

https://pochiru.click/link-ad-unit

まずはこれですね。リンク広告の作り方だけど、ノーマルの広告もこうやってとればいいのねってわかった(笑)

 

お金の話
シェアする
あやが気になってフォローする
お金も自由も全部ほしいあやのブログ

コメント

タイトルとURLをコピーしました