• ベストアンサー

ワードプレスの使い方 色を変更したい

現在こちらのページを作っています。 http://clinic.horisuke3232.com/ 添付画像に示している所の文字色を変更したいのですが、どのファイルのどのコードを修正すればよいかわかりません。 テンプレートはminamazeという物を使いました。 htmlは少し勉強した程度です。css,phpはよくわかりません。 初心者でも分かる様に教えていただければ助かります。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.2

style.cssの1082行目 #slider .featured-title spanの下にある color: #FFF; の#FFFの部分を他の色に変えれば、大きな文字の色が変更されます。 次に1094行目 #slider .featured-excerpt spanの下にある color: #FFF; の#FFFの部分を他の色に変えれば、すぐ下の小さな文字の色が変更されます。 もう一つ1101行目 #slider .featured-link aの下にある color: #FFF; の#FFFの部分を他の色に変えれば、「Read More」の文字色が変わります。 あとはcssを編集し、アップロードして差し替えればOKです。 もしかしたらこんなことをせずとも、WordPressのテーマの設定で簡単に変えられるかもしれませんね。

okwave3232
質問者

お礼

親切な回答ありがとうございました。 初心者でも変更できました。 本当にありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

回答No.1
okwave3232
質問者

お礼

分かりやすいサイトを教えていただき、ありがとうございます。 勉強してみます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ワードプレス 編集 どこを変更したらよいでしょうか

    よろしくお願いします。 現在こちらのページ http://clinic.horisuke3232.com を作成しています。 プログラムがよくわからず、テーマ(Minamaze)をそっくり使用している状況です。 そこで、添付ファイルにある、【Read More】 の文字を【こちら】に変更したいのですが、テーマの編集のどの部分を変更したらいいかわかりません。 よろしければ、初心者でもわかるように教えていただけませんか?

  • ワードプレスでレイアウトが崩れてしまいました。

    CSSなどのことはほぼ分からないのですが、詳しい方がいましたら是非お力になっていただきたいと思っております。お願いします。 スティンガー3を使用しております。 header.php を変更したときに思ったようにならなかったので追加したコードを削除したところでおかしくなったと思います。変更内容はトップページ以外、ヘッダー画像をでないようにしようとしていました。 現象は、ヘッダーの画像を横並びに配置していたのですが、縦に二つ並ぶようになりました。 この現象と同時に気がついた異変がまだありまして、h2の装飾を子テーマを使って変更していたんですが、これの装飾がなくなりました。(現在は戻ってはいますが、子テーマで変更しようとしても反映されず、親テーマを変更すると反映されます。) 抜粋記事の枠の大きさなどわかりやすいところを子テーマを使い変更してみましたところ、きちんと反映されました。 ヘッダー画像が回り込まなくなったことと、子テーマで変更できなくなったものがあることの関係は分からないんですが、かれこれ半日以上調べていたのですが完全にいき詰まったのでこちらに質問させていただきました。 もしわかる方がいましたらお力を貸していただきたいので宜しくお願いいたします。 http://arromanches-ngy.sakura.ne.jp/wp/?p=99 問題のサイトになります。トップ画像の下にある「広告のソースコード」という文字がトップ画像の右上に来るはずなんですが・・・。(CSSに関しては一度きちんと横並びになっていましたので問題ないと思います。)

    • ベストアンサー
    • CSS
  • ワードプレスで、「→」を太文字&回転させたい。

    ワードプレス初心者です。 下記のサイトを利用したいのですが、うまく機能しません。 更新が止まっていて、管理人さんとは連絡が取れません・・・ https://fmyknotes.com/arrowcode/ 以下に自分が試したことを記載します。 --------------------------------------------------------------- テーマはコクーンを使用しています。 CSSを、追加CSSにコピー。 PHPを、子テーマのfunction.phpにコピー。 結果 [2][4][6]と入力すると →→→、と表示されます。(太文字ではありません) ----------------------------------------------------------------- お手すきの際にご教授いただければ幸いです。 よろしくお願い致します。

  • ワードプレス初心者です。うまくいきません

    ワードプレス初心者です。うまくいきません 下記のように作ったのですがテーマノチェックをしました。 URLはデフォルトで下記となると考えてよいでしょうか? 真っ白になります。 http://URL.org/wordpress/ 初心者にもわかるように教えていただければ幸いです。 パス /htdocs/wordpress/wp-content/themes タイトルとりあえず適当に入れています。 テーマの名前 バージョン バージョン 作成者 作った人の名前 作成者の URI http://作った人の%20URL テーマの URI http://テーマの%20URL ライセンス ライセンス License URI ライセンスの URL 説明 テーマの説明 ソース <?php get_header(); ?> <body class="top-body"> <div class="container"> <header class="header u-boxshadow-0-0dot1rem-0dot1rem-a0dot9" role="banner"> <div class="headerinner-wrap-primary"> </div> <div class="headerinner-wrap-secondly u-gradient-lightgreen"> <!-- Navigation --> <?php wp_nav_menu( array ( 'theme_location' => 'header-navi' ) ); ?> <!-- /Navigation --> <ul class="c-social-btn-wrap"> </ul> <h2 class="c-heading-secondly c-heading-secondly--skin u-long-shadow"> </h2> <p class="u-centering-left-right-block-inline"> AAAAAAAAAAAAA<br /> AAAAAAAAAAAAAA<br /> AAAAAAAAAAAA<br /> </p> </div><!-- /.headerinner-wrap-secondly --> </header> <!-- /.header --> </main> <?php get_footer(); ?> <?php get_drawermenu(); ?> ・css /* Theme Name: テーマの名前 Description:テーマの説明 Theme URI: テーマの URL Author: 作った人の名前 Author URI: 作った人の URL Version: バージョン License: ライセンス License URI: ライセンスの URL */ @charset "utf-8";~ headerなどのphp、style.cssはすべてindex.phpのカレントディレクトリにあります。 画像以外はすべてカレントディレクトリでないといけないのですよね。 必須: テーマの css には .wp-caption の css クラスが必要です。 必須: テーマの css には .wp-caption-text の css クラスが必要です。 必須: テーマの css には .sticky の css クラスが必要です。 必須: テーマの css には .gallery-caption の css クラスが必要です。 必須: テーマの css には .bypostauthor の css クラスが必要です。 必須: テーマの css には .alignright の css クラスが必要です。 必須: テーマの css には .alignleft の css クラスが必要です。 必須: テーマの css には .aligncenter の css クラスが必要です。 必須: テーマ CSS 中に CSS クラス .screen-reader-text が必要です。Codex で実例を参照してください。 必須: このテーマはタグを表示していないようです。適切な場所にタグを表示するように変更してください。 必須: style.css ヘッダーに Text Domain: がありません。 推奨: テーマにサイドバー/ウィジェットエリアがありません。ウィジェット API をご覧ください。 警告: このテーマは、テーマ名に対して間違ったディレクトリにあります。ディレクトリ名はテーマのスラッグと一致する必要があります。このテーマの正しいスラッグとテキストドメインは %e3%83%86%e3%83%bc%e3%83%9e%e3%81%ae%e5%90%8d%e5%89%8d です。 (子テーマの場合、このエラーは無視してください。) 必須: 待機状態のコメント返信のスクリプトを見つけることができません。プラグインとテーマの移行/2.7/Enhanced Comment Displayをご覧ください。 <?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?> 必須: テーマに投稿ペジネーションのコードがありません。投稿ペジネーションを追加するには posts_nav_link()、paginate_links()、the_posts_pagination()、the_posts_navigation()、next_posts_link()previous_posts_link() のいずれかを使ってください。 必須: テーマで wp_title() を呼び出すことはできません。 必須: コンテンツの幅が定義されていません。例: if ( ! isset( $content_width ) ) $content_width = 900; 必須: このテーマは標準的なアバター関数をサポートしていないようです。サポートするにはget_avatar、またはwp_list_commentsの関数のどちらかを用いてください。 必須: このテーマにはコメントのページ送り用のコードが含まれていません。paginate_comments_links()、the_comments_navigation、the_comments_pagination、next_comments_link()、previous_comments_link() のいずれかを使ってコメントのページ送りを追加してください。 必須: The theme must not used the <title> tags. 必須: No reference to add_theme_support( "title-tag" ) was found in the theme. 必須: wp_list_comments が見つかりません。wp_list_comments <?php wp_list_comments( $args ); ?> を参照してください。 必須: wp_link_pages が見つかりません。wp_link_pages <?php wp_link_pages( $args ); ?> を参照してください。 必須: wp_head が見つかりません。wp_head <?php wp_head(); ?> を参照してください。 必須: wp_footer が見つかりません。wp_footerをご覧ください。 <?php wp_footer(); ?> 必須: post_class が見つかりません。post_class <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> を参照してください。 必須: language_attributes が見つかりません。language_attributesをご覧ください。 <html <?php language_attributes(); ?> 必須: comments_template が見つかりません。comments_template <?php comments_template( $file, $separate_comments ); ?> を参照してください。 必須: comment_form が見つかりません。comment_form <?php comment_form(); ?> を参照してください。 必須: body タグ内の body_class 呼び出し が見つかりません。body_class <?php body_class( $class ); ?> を参照してください。 必須: add_theme_support( 'automatic-feed-links' ) が見つかりません。add_theme_support 書ききれないのでもう一つ作ります。 を参照してください。 必須: comment_form が見つかりません。comment_form <?php comment_form(); ?> を参照してください。 必須: body タグ内の body_class 呼び出し が見つかりません。body_class

  • ワードプレスでカテゴリー毎に背景色を変更したいです

    ワードプレス(テーマはスティンガー3)を使用しています。 今回ご教授願いたい内容なんですが、 記事一覧の抜粋記事の背景をカテゴリー毎に設定したいというものです。 自分なりに検索して調べたところ、記事につけたスラッグを使って条件分岐させてcssでクラスごとに指示を出す。 と色々試してみましたが、できません。(php、cssともに初心者です。) http://akaandmore.com/blog/archives/12 こちらのサイトなども参考にさせてもらったんですが、上手くできませんでした。 なにか不足している情報がありましたら追記していきますので、解決の手助けを宜しくお願いします。

    • 締切済み
    • PHP
  • CSS・フォントサイズ変更は どこをいじれば?

    ホームページビルダー17で、以下のサイトのテンプレートをダウンロードして編集中です。 http://nikukyu-punch.com/template/giin1_pink/index.html 本文部分の文字が小さいのでもう少し大きくしたいのです。 これまではテーブルタグで作っており、CSSは初心者です。 文字部分を右クリックしてスタイルの設定を見ると 本文や見出し部分などのfont-sizeが100%だったり75%だったりします。 たぶんCSSのfont設定が細かく分かれているのでしょうが… あまり細かく分類せず、右のサイドメニューと本文の文字の大きさを font-size : 14px line-height : 150% にしたいというのが希望です。 このようなスタイルの設定の変更はどうすればいいのでしょうか。 スタイルシートマネージャーから変更すればいいのでしょうか? 一度スタイルを削除すると戻せないようなので、なかなか試行錯誤に踏み出せません。 画像などは変更できたのですが。 ご教授願えませんでしょうか?

  • ワードプレスCSSカズタマイズに関して/初心者です

    WardPressのCSSカスタマイズに関して質問です。 WP初心者です。 現在 Gridsby (無料版)というテーマを使っております。 DEMOサイト> http://modernthemes.net/demo/?theme=Gridsby やりたいことは以下3つです。 (1)TOPページの画像にマウスオーバーした時に、その画像上に記事タイトルと投稿日付を表示させたいです。出来ればフェイドイン/アウトなどアクションが付けられればベターです。 (2)テーマのデフォルトカスタマイズで、最新投稿が一番左上に来るように設定できるのですが、その画像上が最新投稿だと分かるように、『NEW』という文字を点滅させる等、何か表示が出来ませんでしょうか? (3)画像をクリックすると各画像の詳細ページに移動します。タイトル下のラインの下か、タイトル右横に日付を挿入したいのですが、なにか方法は有りますでしょうか? 以上です。 以前にブログのHTML/CSSをいじったことは有ります。勘で「このパートは文字のサイズっぽいな」とあたりをつけて数字をいじってみるとかのレベルです。 ピンポイント回答頂ければありがたいですが、 「このページで勉強すれば出来るよ」というような参考サイトが有ればお教えください。 TOPページのスクリーンショット載せておきます。 ヨロシクお願いいたします。

    • ベストアンサー
    • CSS
  • ワードプレス ドメインだけでアクセスできない

    現状hogehoge.com/wpでサイトにアクセスできるのですが、wpが邪魔なので調べてやってみたんですが、「このページは動作していません」になってしまいます。 変更箇所はwpフォルダ以下のindex.phpの require( dirname( __FILE__ ) . '/wp-blog-header.php' );を ↓ require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );に変更。 と、 ダッシュボードの一般設定->サイトアドレス(URL)の http://hogehoge.com/wpを ↓ http://hogehoge.com/ に変更の二か所です。これでhogehoge.com/にアクセスすると「このページは動作していません」になてしまいます。 何かご存知でしたらよろしくお願いします。

  • WordPressの便利な投稿方法について

    WordPress(3.0)の固定ページを使って15ページほどのサイトを作っています。 それぞれのページに、ページの最初へ戻るための「▲top」を加えているのですが、やがて画像に変更したり、cssを変えたりする際に備えて、外部ファイル、もしくはテンプレート?といった、1ファイルで管理したいと考えています。そのほうが修正が楽なので。。。 <a href="#">▲top</a></div> と書いた、gototop.phpのテンプレートを作り、 WordPress内の各固定ページ(htmlモード)に <?php include (TEMPLATEPATH . '/gototop.php'); ?> と記入してみましたが、反映されませんでした。 どのようにすれば、 外部?1ファイルで管理できるでしょうか? 言葉足らずでしたら申し訳ありません、、、 どうかアドバイスをお願いいたします!

  • cssで全ページの色を自動変更したいのですが

    トップページにて一度色を選ぶと、 cssの読み込みを変更させて全ページの色を自動で変更するような 事をしたいのですが、それは可能なのでしょうか? ちょっとうまく説明できないのですが 例えば http://www.apple.com/jp/ipodshuffle/features.html (アップルのipod shuffleのページ) 上記のページのような、ボタンを押す事によって、そのページ内のcssの読み込みを変更させる事は出来るのですが、 トップページで一回色選択ボタンを押し、Enterを押すと 中に入るページは自動的にその選んだ色になるようにしたいのであります。(つまりトップページでの操作ですべてのページのcss読み込みを自動的に変更させたいのです) 上記方法の対策としては、各色毎に全ページ用意し、 enterを押したらそれぞれのページを読み込ませるようにすればいいのですが、出来ればjavaスクリプトか、phpなどの自動システムで実現させたいと思っています。 どなたかやりかたをご存知でしたら教えていただけると幸いです。