WordPress困ったことまとめ【解決法】ブロックエディタ(Gutenberg)

ブログ運営

僕はWeb知識0からブログを始めたので、日々壁にぶつかってばかりです。

ホントに些細なことでも、一度突っかかると解決に時間がかかります。

「この苦労を無駄にしたくない!」ということで、備忘録もかねて、つまづいた箇所をまとめてみることにしました。

たぶん初心者なら同じような悩みを抱くのでは?と思うので、ひとつでも誰かの役に立ったらうれしいです。

スポンサーリンク

ブロックの移動ができない

ブロックエディターの特徴として、ブロックを移動できるというものがあります。

ワードプレスを入れたてのときは、ブロックの左に上下矢印みたいなボタンがあって、それで移動ができたはずなのですが、なぜかいつの間にか表示されなくなっていました。

いくらブロックの左側でカーソルを動かしてみても、矢印が出ない!


原因はこれでした。

原因

「スポットライトモード」になっていた

←編集画面右上の歯車の右ボタンから設定できます

これを解除することで、ちゃんと矢印マークが出るようになりました。

僕はいつもスポットライトモードを好んで使いますが、これだとブロックが独立してしまうみたいですね。

他にも原因はあると思いますが、僕はこれで解決できました。


GoogleアナリティクスのPV数がなぜか2倍になる

まだそんなに訪問者が多いわけではないので、PV数は結構気にしていたのですが、ここ最近なぜか「訪問者に対してページビューが2倍になる」という謎現象が発生。(ちなみにCocoon)

原因はただの凡ミスでした。

原因

「All in One SEO」と「Cocoon設定」の両方にトラッキングコードを入力していた

All in One SEOというプラグインの「Google設定>GoogleアナリティクスID」にアナリティクスのトラッキングコードを入力していたのにもかかわらず、「Cocoon設定>アクセス解析・認証>Google Analytics設定」の欄にもコードを入力してしまってました。

2か所にコードを入れると、PVも二重にカウントされちゃうみたいです。

トラッキングコードっていうのは、サイトをアナリティクスさんに認識してもらうためのもので、「UA-○○...」ってやつですね。


ブログを始めて間もない方はこんなミスでも結構痛いと思うので、気を付けてみてください。

ロゴに背景を透過させたい・文字を画像化したい

cocoon設定でロゴを作っていたときに出てきた疑問です。

「ロゴの文字だけを画像化できないだろうか??」

理想のイメージは、背景にロゴが浮かび上がっているヘッダーだったのですが、どうしても背景を透過できない。それなら、ロゴを文字だけにすれば浮かび上がるんじゃね?という発想です。

探せば見つかるものですね。僕がやった方法(現在のヘッダーロゴの作成方法)は次の通りです。

手順
  • ①canvaでロゴを作る

    ロゴ作成ツール「canva」を使って、お好みのフォントでロゴを作成します。
    このブログでは「(草アイコン)+陰キャは考える葦である」ですね。

  • ②ロゴ画像の背景を透明化する

    ロゴだけを背景に表示するためには、背景をなくしてしまえばいいわけです。
    画像透過ツールを使って背景を透明化し、ロゴだけを画像化できました。

  • ③cocoon設定>ヘッダーより、画像を設定

    ヘッダー画像に②で作った背景なしの文字、ヘッダー背景画像に背景にしたい画像を設定。
    すると、見事に背景にロゴだけが浮かび上がるヘッダーが完成しました。

コメント

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