グローバルナビ、記事内の背景の変更

このトピックには17件の返信が含まれ、2人の参加者がいます。2 週間前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #61515

    ぴよ太郎

    今月よりWordPressを始めた右も左もわからない初心者です。
    失礼なこともあるかともいますがご教授頂けると幸いです。

    色々調べながらやってはみたものの、グローバルナビと記事内の背景の変更を行うことが出来ません。
    グローバルナビはカスタマイズ→色→グローバルナビ各色を設定してみたのですがサイドしか変更されず、
    ナビ内の色は白いままとなってしまいます。また、過去の方が同じような質問もされておりましたので回答されておりましたCSSをそのまま子テーマにコピペしてみたものの反映はされませんでした…
    CSSでグローバルナビをセンターに寄せることはできたのですが色の変更ができませんでした。
    グローバルナビを黒系又は画像に変更したいと思っております。

    また、固定ページ、投稿ページの背景に同じく黒系の画像を使用したいと思っております。
    グーグルやこちらのページにて該当しそうな部分を子テーマにコピペしてみたのですが、
    そもそもの方法があっていないのか、保存されてもページを開いても何も変わっていない事が多く
    どのように対処していいかもわからないのが正直なところです。。
    固定ページや投稿ページの背景を指定した画像にする場合どのようなCSSを、子テーマに追加するとよいのでしょうか。

    現在作成中のサイトになります。
    http://www.piyotaroustyle.com/
    全体的に背景を黒にし、字を白にしたいと思っております。

    よろしくお願いいたします。

  • #61518
    わいひら
    わいひら
    キーマスター

    また、過去の方が同じような質問もされておりましたので回答されておりましたCSSをそのまま子テーマにコピペしてみたものの反映はされませんでした…

    また、固定ページ、投稿ページの背景に同じく黒系の画像を使用したいと思っております。
    グーグルやこちらのページにて該当しそうな部分を子テーマにコピペしてみたのですが、

    よろしければ、双方のURLを貼っていただければと思います。
    それを見るだけでも、どういったことをしたいのかの概要はわかるので。

  • #61519

    ぴよ太郎

    わいひら様

    色々な返信を読ませて頂いております。
    お返事を頂けたこと感謝いたします。

    〉よろしければ、双方のURLを貼っていただければと思います。

    とおっしゃいますのは当方の作成中のサイトでよろしいのでしょうか。
    的外れな返答でしたら大変申し訳ございません。。。

    うまく変更できないのは作成中のサイト
    http://www.piyotaroustyle.com/
    になります。

    固定ページ及び投稿ページの壁紙が白のまま変更ができない。
    グローバルナビの部分が白のまま変更ができない。
    状況となっております。。

    固定ページ及び投稿ページの背景の色が変更できないのは

    /* 記事部分の背景色 */
    #main {
    background-color: #fbfaf5;
    }

    と子テーマcssに追加してみたのですが白のまま変更できない状況です。
    作成中のサイトの場合、ご挨拶部分が固定ページを表示しおりますが白のままです。。。

    グローバルナビの部分が白のまま変更ができない部分は

    #navi-in{
    background-color: #fbfaf5;
    }

    ととりあえず追加してみた状況です。
    グローバルナビに関してはカスタマイズ→色→より、
    グローバルナビに関する色をすべて変更もしてみましたが
    メニューに追加した部分の色が変更できない状態となっております。
    作成中のサイトの上部、愛車紹介~フォトアルバム 部分にあたります。

    初心者で根本的に間違っていましたら大変申し訳ございませんが
    ご教授の程、よろしくお願いいたします。

  • #61520

    Akira

    子テーマの style.css に書いた CSS が効かない理由は、なぜか親テーマの CSS が 2 回読み込まれているためです。

    2 回目の読み込みが子テーマの CSS よりも後なので、現在はこんな感じになっています。

    親テーマの CSS が適用される → 子テーマに書いた CSS で上書きする → 親テーマの CSS でさらに上書きする

    結局、親テーマの CSS が適用されてしまっています。

    問題箇所は、下記の link タグです。2 回目の親テーマの CSS の読み込みは、この link タグが原因です(link タグがあるとコメントを送信できないため、最初の l を大文字で書いています)。

    <link rel="stylesheet" id="parent-style-css" href="http://www.piyotaroustyle.com/wp-content/themes/simplicity2/style.css?ver=5.1.1&fver=20190318042213" type="text/css" media="all">

    Simplicity デフォルトでは、id=”parent-style-css” が付いた link タグはありません。

    何かカスタマイズをしていらっしゃいますか?もし、カスタマイズをしていらっしゃるのなら、カスタマイズの削除が必要です。

    それと、なぜか子テーマの responsive.css が読み込めないとのエラーも出ています。

  • #61521

    ぴよ太郎

    akira様

    お返事ありがとうございます。
    そのようなことになっていたのですね…
    読み込みによるものの件、理解いたしました。

    初心者なもので色々行き当たりばったりで行っている為
    正確にカスタマイズをしたかどうかがわかりません。。。

    その読み込みを正しくするためにはlink タグを全て削除すればよろしいのでしょうか。
    また、教えていただいたタグというのはどちらにあるのでしょうか…
    親テーマのstylecss内を探しましたが見当たりませんでした。。。

    お手数おかけいたしますがご教授頂けると幸いです。

  • #61522

    Akira

    その読み込みを正しくするためにはlink タグを全て削除すればよろしいのでしょうか。

    全ての link タグを削除してはダメです。削除するのは、カスタマイズで読み込んでいると思われる親テーマのスタイルシートのみです。

    また、教えていただいたタグというのはどちらにあるのでしょうか…

    link タグは、<head></head> タグ内にあります。

    問題は、どうやって <head></head> タグ内に link タグを挿入されたかです。これはこちら側からは分からないため、これまでのカスタマイズを思い出さなければなりません。

    例えばですが、子テーマの functions.php に下記のようなコードを追加されてはいませんか?(若干コードは異なるかもしれません)

    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
      wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    }
  • #61523
    わいひら
    わいひら
    キーマスター

    もしくは、現在の子テーマをバックアップしておき、新しい子テーマをダウンロードして、適用し、CSSだけ移行すると良いかもしれません。

    何かしら、子テーマに原因があるのではないかと思います。
    記述場所を探すのであれば、子テーマ(もしくは親テーマ)をエディターの全体検索機能(Grep検索機能)等を利用して「parent-style」と検索するかだと思います。

  • #61524

    ぴよ太郎

    akira様
    わいひら様

    ご連絡遅くなり申し訳ございません。
    お返事ありがとうございます。

    確認した所まさに functions.phpに

    <?php
    add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
    function theme_enqueue_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );
    }

    がはいっております。
    その部分が親テーマの再度読み込みになっているのでしょうか。。。
    どのように変更すればよいかご教授いただけますでしょうか。

    これから先を含め、色々不便が生じる場合再度インストールし直し、
    改めて子テーマで一から一つ一つわかりやすくカスタマイズしていくというのも考えております。
    結局同じところで躓くことになるので今の状況を改善した方が良いのか、
    再インストールの方が早いのか。。。初心者の為それすらもわかっていない状況です。
    上記の部分の書き直し(手直し?)だけで良いのかを含めご指導いただけると幸いです。

    よろしくお願いいたします。

  • #61525

    ぴよ太郎

    akira様
    わいひら様

    お世話になっております。
    改めて functions.phpをインストールし直したところ変更ができるようになりました。
    自分自身で作業をしていた場合はたどり着くことが不可能でした。

    まだ変更色がうまくつかない部分もありますが変更が可能となった為、一つ一つやってみたいと思います。

    本当にありがとうございました。

  • #61526
    わいひら
    わいひら
    キーマスター

    うまくいったようでよかったです^^

    まだ変更色がうまくつかない部分もありますが変更が可能となった為、一つ一つやってみたいと思います。

    とりあえず、何かあれば書き込めるよう、トピックはあけておこうと思います。

  • #61527

    Akira

    もう 1 つ修正が必要なのが、子テーマの responsive.css の読み込みに失敗している部分です。

    子テーマのファイルとして元々ある responsive.css を削除されてはいないでしょうか。

    もし、削除されている場合には、functions.php をインストールし直されたように、responsive.css を子テーマにインストールされると読み込むようになると思います。

  • #61534

    ぴよ太郎

    わいひら様
    akira様

    お返事ありがとうございます。
    おかげさまでサイトの方、徐々に作業ができております。

    responsive.cssの件、ありがとうございます。
    今月初めに契約をし、サイトとは。から始め、「子テーマ」というものもわからない状況で
    これがあれば最低限大丈夫というファイル(2つ?3つ?)のみ自分で作成しておりました。
    わいひら様にも助言を頂いておりました通り、手を加えいた部分だけをバックアップし、配布して頂いております子テーマのファイルを改めてインストールさせていただきました。
    akira様に指摘を頂かなった場合不具合が出るまで気づかず気づいても対処できたか…

    今回改めて一つ一つのファイルの重要性が確認できました。
    初心者の私にとっては調べているだけでは解決できない部分でした。
    根本的なスタイル変更の部分なだけに、お二人にご教授頂けなかった場合どうなっていたかと思うと…
    改めて感謝いたします。

    また、お恥ずかしい質問をさせていただくとは思いますがご指導の程よろしくお願いいたします。

  • #61539

    Akira

    サイトを拝見したら、エラーが解消されていました。

  • #61544

    ぴよ太郎

    akira様

    わざわざご連絡ありがとうございます。

    安心いたしました。
    改めてスタート地点に建てた感じです。

    本当にありがとうございます。

  • #61572

    ぴよ太郎

    お世話になっております。
    おかげさまで背景が無事に変更でき他を色々設定しております。
    子テーマでのCSSも操作方法がわかり見やすくできました。ありがとうございます。
    本来のタイトルと違うのでこのまま書いていいのかわからなかったのですが
    そのままこちらに改めて質問させていただきます。

    ご教授頂きましたサイトが黒系統に変更できた為、現在、字を白にしております。
    そこでサイドバーの新着記事のタイトルの色を白系統に変更したく思っております。
    リンクの色はデフォルトの青として残したいのですが、変更するとリンクの色も白になってしまいます。

    ご教授頂き背景を変更できたサイト
    http://www.piyotaroustyle.com/

    現在は

    body, h1, h2, h3, h4{
    font-family: “Meiryo”, sans-serif;
    color:#FFFFEE !important;
    }

    と、入力しております。

    「a」を使い、色を変えることは分かったのですがその方法で変更した場合

    リンクの色も白になってしまう為、現在は「a」は触っておりません。

    また、下部にあたります。
    関連記事の「タイトル」と「記事を読む」の色を白系統の色にしたいとおもっております。

    下記URLの下部に関連記事があります。
    http://www.piyotaroustyle.com/post-674

    考え方としてはサイドバーや関連記事の色を変更すると考えるべきなのか
    アンダーバーが付くようなリンクのみ色を変更と考えるべきなのか…

    ご教授頂けると幸いです。。。

  • #61578
    わいひら
    わいひら
    キーマスター

    体調不良で、返信が遅くなりました。
    出来れば、質問内容が違う場合は新しくトピックを立てていただけると助かります。
    1つのトピックにつき、一つの質問で立てていただけると助かります。
    というのも、1つのトピックに複数質問が入ると、訳がわからなくなるからです。

  • #61588

    ぴよ太郎

    わいひら様

    お返事ありがとうございます。
    体調は大丈夫でしょうか。寒暖定まらぬ日が続きますのでご無理なさらないでください。

    トピックの件承知いたしました。
    改めて立てさせていただきます。

    また、#61572含めまして、
    削除したのがよろしければ同じものを立てさせて頂きますので、必要であれば削除して頂いて結構です。

    よろしくお願いいたします。

  • #61593
    わいひら
    わいひら
    キーマスター

    最近の、体調変化でちょこちょこ体調を崩しています^^;
    体調不良で飛び飛びで2日間ほどフォーラムの返信も休まさせていただきました。
    無理が一番良くないので、今後ともしんどい時は休ませていただこうと思います。
    お気づかいありがとうございます。

    新しく立てられたトピックに返信しておきました。

トピック「グローバルナビ、記事内の背景の変更」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)