サポート » テーマ » 公式テーマspun: ヘッダーとフッターの表示のぼかしをなくす

  • 解決済 ra_ra

    (@ra_ra)


    公式テーマspunを利用してサイトを作成中です。
    自分なりに、テーマのフォーラムを初め、色々調べながらやっているのですが、初心者のためいくつかわからないこと&解決できないことがあり苦戦しています。それぞれ孤立したトピックで質問を投稿したいと思うので、アドバイス頂けたら嬉しいです。よろしくお願いします。

    作成中のサイトはこちらです→http://reikoausten.com/ (子テーマを作成しその中で編集しています)

    このテーマのディフォルト設定では、ヘッダーのロゴ(もともとは文字表示でしたが、文字は表示せずにロゴの画像をアップしました)、メニュー、フッターの表示が、半透明(?)になっていて、マウスを持っていくとはっきり表示されるという仕組みになっています。

    トップページのメインであるサークルも、マウスを持っていくことによって、白黒からカラーになるという仕組みです。

    このサークルの設定は今のままで、ヘッダー(ロゴとメニュー)とフッターの表示だけ、マウスを持っていかなくても、最初からはっきり見えるようにしたいのですが、つまづいています。

    テーマのフォーラム投稿を見ると、SCCを使って、スタイルシートにあるすべてのopacityの設定を1にすることで解決するようなのですが、うまくいきませんでした。(半透明をなくせなかった&いくつかのサークルが消えてしまった)

    もし、他の方法がありましたら、またはスタイルシートのopacityの設定を変更するという方法だとしたら、見落としたり間違ってやってしまった可能性があるので、具体的にスタイルシートのどの行にあるものを変更するのか、どの部分をSCCにコピー&ペーストする必要があるのか(最初から1になってるものもある)など、詳しく教えて頂けると嬉しいです。

    よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター gatespace

    (@gatespace)

    個別のテーマ(WordPress)というよりはスタイルシートで全て解決しそうな問題です。

    各ブラウザには開発者ツール(あるいは別の名称)が付いています。
    IEならF12、FirefoxやChromeならページ内の調べたい部分にカーソルを合わせて右クリックで出るメニューで「要素を調査(検証)」を選べば起動します。

    使い方は検索するといっぱい出てきますが、これらの開発者ツールで調べたいhtml要素にどのようなスタイルシートが適用されているか調べることができます。

    これらが分かればあとは自分のやりたいようにスタイルシートを書いていくだけです。

    厳しい事を書くようですが、ある程度自分で調べていかないと身につかないですよ−。

    回答ありがとうございます。頂いたご意見、厳しいことではないと思います。

    ただ、他の投稿でも書いたのですが、WP初心者で、コードなども探り探りなので、これまでの数週間、自分なりにコードの書き換えや差し替えを試したのですが、ひとつの試し作業の結果で、その前に数日かけて成功した他の部分がいきなり消えてしまったり、またひとつのことを試した結果、別のものがおかしくなってしまったり(そこはいじっていないのに)などが多発して、何度もいちからやり直しということが続きました。後々のことを考えて、勘でやってみてその時うまくいったからといって正しい方法だったとは限らないので、アドバイスを求めることにしました。
    自分なりに試してみたあとで初めてこのフォーラムを利用したのですが、質問はなるべく簡潔なものがよいだろうと思い、それらの詳細は書きませんでした。

    何も自分でやらずにここで質問しているというように思われたのでしたら、説明不足で失礼しました。

    自分で調べたり試したりせずにいきなりここで答えを求める人も数多くいるとは思いますが、やってみてダメで初めてみなさんのアドバイスを求めるという人もいると思います。

    投稿の文字数に限りがなくても、質問は簡潔な方がわかりやすいと思い、個人的な事情の説明などは省いて核心にだけ触れるような投稿にしましたが、誤解を招いたようです。

    こちらのフォーラムの利用は控え、テーマフォーラムで開発者ならびに利用者のアドバイスを参考に引き続き作成していこうと思います。
    ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「公式テーマspun: ヘッダーとフッターの表示のぼかしをなくす」には新たに返信することはできません。