WordPress

Search Consoleの追加・アナリティクスとの連携・Site Map送信

webサイトを作ったらまず、しておいた方がいいのがアナリティクスとSearch Consoleの設定ですね。今回は　1.Simplicity　2.All in One SEO Pack(プラグインをインストールしている)　3.その他どちらでもない方のWordPressの設定方法を説明します。WordPressの設定【Simplicityの設定方法】管理画面へ戻り「外観」→「カスタマイズ」の順にクリックします。

2018.06.23

GoogleSimplicity2WordPressアナリティクスサーチコンソール

アナリティクスアカウントにサイトを追加してwp(Simplicity)に設置する方法

既存のアナリティスクアカウントがあれば、所要時間は2分程、4ステップで簡単に既存のアナリティスクに新しいサイトを登録し、WordPressに登録できます。ステップ1:「管理」画面の「プロパティ作成」をクリックします。ステップ2:「ウェブサイトの名前」・「ウェブサイトのURL」を入力し「業種」・「レポートのタイムゾーン」を選択して「トラッキングIDの取得」をクリックします。ステップ3:トラッキングIDまたはトラッキングコードを取得します。ステップ4:取得したトラッキングIDを貼り付ける。

2018.06.22

GoogleWordPressアナリティクス

WordPressテーマ「Simplicity2」のサイドバーの装飾

サイドバーのタイトル文字が私には大きすぎたのもあり、もう少し可愛らしく仕上げたかったので装飾してみました。初期の状態から、変更したのは、文字の大きさを少し小さめにし、文字を中央寄せにしてみました。角はborder-radiusを使って少し丸くしてみました。出来上がりはこんな感じです。

2018.06.22

cssSimplicity2WordPress

WordPressテーマ【Simplicity2】メニューバー文字色とホバー色の変更

今回は、メニューバーの文字色とホバー色の変更をします。勿論、Simplicity2には管理画面から文字色の設定ができるのですが、ホバー時のメニューバーの背景色の設定項目がなかったのでカスタマイズしてみました。グローバルメニューの文字色をグレーにしホバー時の文字色は白に背景を濃いめのグレーに変更をしました。

2018.06.21

cssSimplicity2WordPress

Google Chome デトロッパーツールの便利な使い方(wpでcssが反映されない時に確認する方法)

WordPress初心者の方など、cssが反映されない!と悩むことがあると思います。私も、wordpressの使い始めの頃、通常のHTMLとCSSのサイトを見て反映されない!!と悩んだことがありますので(笑)　そんな時は、Google Chome デトロッパーツールを使ってみてください。

2018.06.21

cssGoogleGoogle ChromeWordPress

WordPressテーマ【Simplicity2】メニューバー高さ調整

管理画面からカスタマイズ→スキン→子テーマスキンテンプレート（独自カスタマイズ用）にチェックを入れます。次に外観→テーマの編集→子テーマのstyle.cssを開き以下のコードを入力します。メニューバーそのものを使って変更したい場合、 <per>#navi ul{ line-height: 2em;}</per>文字の外に適応させたい場合は以下のように文字の大きさから相対位置で指定してみます。<pre>#navi ul{ position: relative; clear:both; border: 2px solid #ddd; background-color: #F7F7F7; border-radius: 3px; margin: 0; padding: 0; width: 100%; box-sizing: border-box;}</pre>

2018.06.20

cssSimplicity2WordPress