ヘッダー画像をフリーで作成したがグローバルメニューがはみ出している?
無料テーマを使用していて、新しいプラグインをダウンロードをすると不都合が起きた!
こんな事がありませんか?
最悪の場合には、せっかく収入を得るためのサイトがグチャグチャになると言事も起きます。
そこで、私はテーマは有料の「賢威」を使用しています!
「賢威」はとても素晴らしいテーマですから、あなたの副業のお役に立てると思います。
また、自分の情報に合う、ビジネスから物販にも使用できる色々なタイプがあります。
興味のある方は、記事内に説明していますからご覧ください!
目次
ヘッダー画像の下のグローバルメニューのはみ出しと修正
私は、ワードプレスのテーマは、「賢威」を使用しています!
ヘッダー画像をフリーで探して、タイトルなどを入れてワードプレスでサイトを作成している人も多いかと思います。
私は運営しているサイトのテーマは、ワードプレス用の「賢威(けんい)」のを利用しています。
テンプレートの種類には、「スタンダード版」・「コーポレート版」・「プリティ版」・「ビユーティ版」・「クール版」の5種類があります。
その中で、このサイトでは今までは「コーポレート版」を使用していましたが、最近は「プリティ版」に変更しました。
ワードプレスのテンプレートの変更も、初心者でもテンプレートのダウンロードで、とても簡単に出来るので便利です。
実際には、ワードプレスには「無料」のテーマが沢山あります。
しかし、そのテーマとプラグインが相性が悪かったり、プラグインが新しくなり、新しいのに差し替えると不都合も起きたことが今まであります。
株式会社ウェブライダー が提供する「賢威」は有料ですが、SEOにも強いテーマで、ブログ、タブレット、スマホなどにも自由に大きさが変更されます。
しかも、「制作・カスタマイズ」の支援が優れていて、Web制作で「HP作成ツール」がありますので、ご自分のHPが簡単に作成できるんです。
また、サイトの開く時間が早いので、訪問した人はイライラすることもなく離脱をしません。
「賢威」で便利と思う事は、初心者でもワードプレスにサーバーからとても早くテーマをダウンロード出来る事です。
私は、副業のために使用しているブログ運営サーバーは、「Xサーバー」と「ロリポップ」を利用しています。
どちらのサーバーも、「賢威」ととても相性がいいですね。
ご紹介している私は、「賢威」を販売している株式会社ウェブライダーの回し者ではありません(笑い)
ここで、このテーマがどれだけ優れていると力説しても、現在、使用している人は分かりますが、そうでない人には伝わらないと思います。
これからサイト運営やHPの作成、副業で稼ぐための「SEO」にも優れているブログ運営をして、ワードプレスと相性が良いものをお探しであればご覧ください。
特に、ブログアフィリエイトをして、グーグルアドセンスのクリック報酬を得るためには、書いた記事が上位表示が必要です。
情報を見ていただけはご理解できますが、あなたが書いた記事も上位表示が可能となります。
紹介記事をご覧になれば、きっと、「賢威」の凄さをご理解していただけると思います。
「賢威」の詳しい情報は⇒ 2万人を超えるユーザーが選んだSEOテンプレート【賢威】
グローバルメニューのはみ出しの質問と解決方法
実は、下記の質問の前にセキュリティ対策のために入れたプラグインがワードプレスと相性が悪いものでした。
私がサイトにアクセスしようと思い、ワードプレスのホームを開こうとしたら「404エラー」が出て、アクセスできなくなりました。
ワードプレスを開いたままですと、ダウンロードした新規プラグインを削除すればよい話しです。
しかし、サイトが開けないとなるともはや致命傷です。
そこで、賢威サポートに相談して、「404エラー」も解決できて、サイトにアクセスして、次にまた新しい問題が出たので相談しました。
ワードプレスを運営していると色々な問題が発生します。
インターネットで調べて解決できることもありますが、今回のような「グローバルメニューのはみ出し」に関しては見つかりませんでした。
こんな時は、サポートセンターが丁寧に相談に乗ってくれるので、よくあるほったらかしはありません。
私からの相談
賢威サポート担当の○○さま
個人名は、省略いたします。
★「お問い合わせいただいた件ですが、内容を確認しました。
まず、ヘッダー画像については画像自体の問題ではないかと思いますので、再度画像をアップロードしてご確認ください。」
ヘッダー画像を入れ換えてみました。(1200X387)
グローバルメニュー左右の余白のはみ出しの改善はありませんでした。
ヘッダー画像の下(グローバルメニュー)の左右の余白の件ですが、
★「余白については、使用されているプラグインの「Newpost Catch」の影響かと思いますので、こちらのプラグインを停止してご確認ください。」
私は「Newpost Catch」ではなく「WordPress Popular Posts」を使用しています。
最新記事はサイトには必要なので、いじるのが怖いので確認しませんでした。
はみ出しに関しては言われないと分からない部分なので、このまま運営します。
ありがとうございました。感謝
賢威サポートからの返信
〇ぶ〇ん 様
いつも大変お世話になっております。
賢威サポート担当の○○です。
お問い合わせいただいた件ですが、内容を確認しました。
まず、グローバルメニュー左右の余白のはみ出しについてはこれまで質問がありませんでしたが、下記のように記述を追記することでご対応いただけます。
追記する箇所は、「外観」の「カスタマイズ」にある「追加CSS」の箇所に追記してご対応ください。
下記記述はサンプルになりますので、実際に使用される場合は数値等を調整してご対応ください。
また、スマホ時のヘッダー画像の下の余白についても下記のように追記いただくことでご対応いただけます。
なお、「Newpost Catch」はヘッダー画像の下のことではなく、「下のカテゴリーの左右に余分な部分」とありましたので、こちらではサイドバーの「最近の投稿」の箇所のことと認識してお返事させていただきました。
ご質問いただく際には、お手数ではございますが変更されたい箇所を具体的に(URL、画面上の表記など)記載ただけますと、的確なサポートが可能ですので、ご協力のほどよろしくお願いいたします。
「追加CSS」の設定の仕方
ワードプレスを運営して「賢威」に「追加CSS」の設定の仕方ですがとても簡単です。
「ホーム」から、左側一覧より「外観」⇒「カスタマイズ」⇒「追加CSS」に、「下記コード」をコピーして下さい。
追加CSSを入れましたら、必ず「公開」をクリックしてください。
私の場合は、これでヘッダー画像の下のグローバルメニューのはみ出しが修正されました。
「追加CSS」の「コード」
下記より
/* ————————————————- */
.global-nav {
background: transparent;
border: none;
}
@media only screen and (max-width : 736px){
.site-title,h1.site-title {
padding: 0;
}
.site-header-in,.site-header-conts {
padding-bottom: 0;
}
.main-body {
margin-top: 0;
}
}
/* ————————————————- */
ここまで!
「追加CSS」で、グローバルメニューのはみ出しが解決
【問題解決】賢威サポートセンターに相談して良かった!!
グローバルメニューのはみ出しが、ピッタリと収まりました。(画像)
追加CSSなんて、どのように作成したら良いかはネットで調べても出てきません。
Xサーバー使用の場合はこれでOKですが、サーバーが「ロリポップ」の場合には稀にエラーが出る場合があります。
そんな時には、ロリポップのホームから、「セキュリティ」⇒「WEF設定」を開きます。
「WEF設定」から、サイトのURLの「設定変更」を「無効にする」にして、3~5分後に、ワードプレスの「公開」をクリックします。
そうする事で、問題が解決します。
この方法は、ロリポップを使用していて、自動的にグーグルアドセンスのコードを入れて「エラー」が出た場合にも応用できます。
問題が解決しましたら、必ず「WEF設定」の「設定変更」を「無効にする」から「有効」に替えてください。
因みに、私の質問と回答で使用した「ワードプレスで文章に囲みを入れているやり方」ですが、下記サイトを利用しています。
もし、あなたが、文章に囲みを入れたい場合には色々な事案が掲載されています。
下記からご覧になさって下さい。
▶ WordPressで文章に囲み枠をつける方法をわかりやすく解説!
まとめ
副業で稼ぐ時には、SeeSaaや、はてなブログ、そのほかにも無料ブログがたくさんあります。
ワードプレスも無料で使用できて、いろいろなテンプレートがダウンロードして使用できます。
しかし、本業や副業で稼ぐとなると良いサーバーを選び、テーマやテンプレート選びも重要になります。
賢威では、5種類あるテンプレートをそのまま使用するのも良いですが、私は見様見真似で無料画像からヘッダー画像を作成しています。
ワードプレスを運営していると、色々なアクシデントが出ます。
そんな時には、インターネットで調べて解決するのも方法ですが、今回の私のような問題は専門のサポートが必要です。
私は、賢威のサポートセンターのアドバイスで本当に多くの問題解決できました。
ワードプレスを運営していて、何か問題が発生した時にお気軽に相談できる所があるのはありがたいです。