ウェブサイトマスターの為の覚書きウェブサイトマスターの為の覚書きウェブサイトの運営をしていて気のついたこと、発見したことなどの記録です。コピー2017.10.15訪問者の回遊率を高める為には、内部リンクを効果的な位置に設置することが大切です。文章中に内部リンクを貼ったり、サイドバーにメニューを表示させたりします。ひとつ方法があって、グローバルナビを常に上部に表示させる方法があります。グローバルナビを設置している場合は、通常はヘッダー下部にしているケースが多いと思います。ページ下へスクロールしていくとヘッダーは見えなくなりますが、グローバルナビ部分をページ上部に固定させます。当サイトではすでに変更しましたが、とても簡単です。当サイトのテーマは「simplicity2」なので、simplicity2の場合の方法を記録しておきます。「simplicity2」には子テーマが用意されているので、子テーマのフォルダ「simplicity2-child」にある「header-insert.php」と「style.css」を変更し、サーバーにアップロードします。子テーマを使っていない場合には、子テーマをインストールしてから行って下さい。*決して「simplicity2」の内容は変更しないようにしましょう。「simplicity2-child」内の「header-insert.php」はディフォルトは以下のコードです。<?php//ヘッダー部分にタグを挿入したいときは、このテンプレート挿入(ヘッダーに挿入する解析タグなど)//子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。?>ここに次のコードを追記します。});});</script>追記する場所は分かりやすく一番下にするといいと思います。$('#navi'),とします。「header-insert.php」の変更はここだけです。参考サイトはHTMLサイトの場合で書いていますので、<body>以降の部分は必要ありません。「simplicity2-child」内の「style.css」はディフォルトは以下のコードです。*/ここに以下のコードを追記します。10000;}これでおしまいです。参考サイトではグローバルナビのスタイルを指定するコードも含めて記述されていますが、「simplicity2」では親テーマの「style.css」でグローバルナビのスタイルを指定しているので、上に書いた部分だけの追記でOKです。おわりに変更した二つのファイルをFTPクライアントでアップロードすると、グローバルナビが下の画像のように上部に固定されるようになります。今回は「simplicity2」の場合のカスタマイズでしたが、他のテーマでもあまり変わらないと思います。HTMLサイトは各ページの<head>内の追記と、CSSファイルの追記でグローバルナビの固定ができます。「simplicity2」を使ってみたいという方は、Simplicityからダウンロードして下さい。管理人をフォローする管理人ウェブサイトマスターの為の覚書き関連記事デザインAMP対応を止めるケースもあるけどAMPページ対応って必要なの「海外SEO情報ブログ」にAMP対応をやめたとき、Google検索にAMPページを表示させないようにする3つの方法が掲載されました。AMP対応していたサイトのAMPページを削除して、検索結果に表示させない方法を解説しているの...2017.07.26デザインCodePenを使ってCSSをマスターするとサイトのデザインが自由にできるWordPressのテーマにはそれぞれテンプレートがあり、好みのテーマを使ってサイト作りをしているわけですが、デザイン的な要素をもっと自分好みにしたいという思いは、慣れてくるに従い強くなってきます。検索ページからのリンクでページを開くと「404エラー」と表示されることがよくあります。指定したURLのページが見つからない時に表示されるステータスコードは404です。同じようにページが表示できない時に表示される「410エラー」があります...2017.05.28デザインURLテキストなど英数文字を自動改行で表示させる方法URLをテキストで記載するなど、英数文字の長い文字列はブラウザの幅を超えても改行されずにどこまでも続くことがあります。この原因は“禁則処理”の影響です。一つの文節が長い場合には、画面の端で自動改行されるようになっているの...2018.02.21デザイン最低限覚えておきたいウェブ関係のプログラミング言語の種類ウェブサイトのコンテンツ作成や、WordPressのカスタマイズをやる分には、先ほど上げた「HTMLとかCSS」さえ知っていれば何とかなるものですが、ウェブの世界は奥が深く、いろんなソースコードを使いこなそうとすると、知らないプログラミング言語に出会ったりします。2017.04.05デザインページの表示速度を早める対策をやってみた結果スマートフォンからのアクセスが半分以上になって、ページの表示速度がますます重要になっています。遅いページは速攻直帰になってしまいます。直帰率を低くするために画像の多いページの改善をやってみました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト上に表示された文字を入力してください。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。△△△の複合キーワードがほとんどですが、中には3つのキーワードの場合もあります。グラフがあればがあればみたいです。1位なったサイ...上位表示されるまでの時間に法則は無いが上位表示されないとアクセスは増えないは法則だ管理人2018.01.28SiteOriginButtonで作ったボタンは画像データでは無いので使い回しはできないようですね。幅についてはサイズの設定でWidthの数値を統一するといいと思います。あとボタンの幅を一定にしたいのですがどうすれば良いのか分かりません。httpタイトルとURLをコピーしました。