サポート » 使い方全般 » サイトの名前を画像ロゴにしたい

  • 解決済 rirura

    (@rirura)


    wordpress初心者です。
    CSSをいじって、画像は表示されましたが
    元のフォントのタイトルが出てしまい、画像が背景になってしまいます。

    ヘッダーのどこをいじれば良いのかわかりません。
    PHPは初めてで、これだけで2日費やして調べてますがわかりません。

    どなたか説明していただけたら嬉しいです。
    よろしくお願い致します。
    以下ヘッダーのPHPです。
    情報をどれを載せたらよいのか分からなくて、もし説明足らずだったらすみません。
    ご指摘いただければと思います。

    <!DOCTYPE html>
    <html class=”no-js<?php mh_html_class(); ?>” <?php language_attributes(); ?>>
    <head>
    <meta charset=”<?php bloginfo(‘charset’); ?>”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <link rel=”profile” href=”http://gmpg.org/xfn/11″ />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
    <?php wp_head(); ?>
    </head>
    <body id=”mh-mobile” <?php body_class(); ?>>
    <?php mh_before_header();
    get_template_part(‘content’, ‘header’);
    mh_after_header(); ?>

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • まずテーマ名を教えてください。

    それと御質問の主旨が
    「ヘッダー画像は表示されるがブログタイトルが重なって表示されてしまう」ということなのでしょうか?

    それと、画像は「外観→カスタマイズ→ヘッダー画像」という項目で設定したのでしょうか?それともテーマにカスタマイズ機能が無いものなのですか?

    ありがとうございます!
    テーマはMH Magazine liteを使用しています。
    外観→カスタマイズ→ヘッダー画像はあります。
    これで設定すると、文字タイトルの上に画像が貼りだされる状態です。

    なのでCSSを変更してみたのですが、文字が重なって表示されてしまいました。
    backgroundでやったからでしょうか?
    その後元に戻してしまったので、何か記入に不備があったのかもしれませんが
    正確にどう書いたのかは覚えていません。すみません…。

    Honda

    (@rocketmartue)

    外観→カスタマイズ→ヘッダー画像で、表示したい画像を設定。
    外観→カスタマイズ→サイト基本情報で、
    サイトのタイトルとキャッチフレーズを表示のチェックを外す。

    Documentation: MH Magazine WordPress Theme

    ありがとうございます!

    サブタイトルは外したくないのですが、その場合はやはりヘッダーのPHPからでしょうか?

    CSSで(親テーマのCSSを子テーマのCSSで上書き)

    .mh-header-title { display: none; }
    .mh-header-tagline { border-top: 0px; }

    ありがとうございました!
    出来ました!
    助かりました!!

    Honda

    (@rocketmartue)

    解決済みになってますが、少し気になるので...

    見た目的には、OKなんでしょうが、
    .mh-header-title { display: none; }って、h1・h2タグをCSSで非表示にするのは、SEO的にはあまり良くないのでは?

    該当箇所を表示しているのは、includes/mh-customizer.phpの55行目から81行目の

    if (display_header_text()) {
    ~~途中省略~~
    }

    の部分ですので、私なら81行目の後に

    else{
        $header_text_color = get_header_textcolor();
        if ($header_text_color != get_theme_support('custom-header', 'default-text-color')) {
            echo '<style type="text/css" id="mh-header-css">';
            echo ' .mh-header-tagline { color: #' . esc_attr($header_text_color) . '; }';
            echo '</style>' . "\n";
            echo '<div class="mh-header-text">' . "\n";
            if (is_front_page()) {
                $header_tagline_before = '<h2 class="mh-header-tagline">';
                $header_tagline_after = '</h2>' . "\n";
            } else {
                $header_tagline_before = '<h3 class="mh-header-tagline">';
                $header_tagline_after = '</h3>' . "\n";
            }
            if ($header_tagline) {
                echo $header_tagline_before . esc_attr($header_tagline) . $header_tagline_after;
            }
            echo '</div>' . "\n";
        }
    }

    で、サイトのタイトルとキャッチフレーズを表示のチェックを外した場合の表示を追記する方法をとります。

    RocketMartueさん、SEOをぼんやりとしか考えておらず、申し訳ありませんでした。
    riruraさん、ご検討くださいませ。

    ありがとうございます!!
    これは81行目に貼るだけでよいのでしょうか?
    どこか消さなければいけないとかありますか?
    PHPは分からなくてすみません。

    if (display_header_text()) {…が見つかりません…><

    連続投稿ですみません。
    mh-custom-functions.php (includes/mh-custom-functions.php)のほうに
    記述があったので、その下に入れた後、CSSを元に戻してみました。
    タイトルロゴの下に、文字のタイトルとサブタイトルが出てしまう状態になりました。

    サイトは開けているので、恐らくPHPの貼り付け位置は合っているかと思います(先日それに失敗し、戻せなくなり再構築する羽目になりました・・・)

    if (display_header_text()) {
    $header_text_color = get_header_textcolor();
    if ($header_text_color != get_theme_support(‘custom-header’, ‘default-text-color’)) {
    echo ‘<style type=”text/css” id=”mh-header-css”>’;
    echo ‘.mh-header-title, .mh-header-tagline { color: #’ . esc_attr($header_text_color) . ‘; }’;
    echo ‘</style>’ . “\n”;
    }
    echo ‘<div class=”mh-header-text”>’ . “\n”;
    if (is_front_page()) {
    $header_title_before = ‘<h1 class=”mh-header-title”>’;
    $header_title_after = ‘</h1>’ . “\n”;
    $header_tagline_before = ‘<h2 class=”mh-header-tagline”>’;
    $header_tagline_after = ‘</h2>’ . “\n”;
    } else {
    $header_title_before = ‘<h2 class=”mh-header-title”>’;
    $header_title_after = ‘</h2>’ . “\n”;
    $header_tagline_before = ‘<h3 class=”mh-header-tagline”>’;
    $header_tagline_after = ‘</h3>’ . “\n”;
    }
    if ($header_title) {
    echo $header_title_before . esc_attr($header_title) . $header_title_after;
    }
    if ($header_tagline) {
    echo $header_tagline_before . esc_attr($header_tagline) . $header_tagline_after;
    }
    echo ‘</div>’ . “\n”;
    }
    echo ‘</div>’ . “\n”;
    echo ” . “\n”;
    echo ‘</div>’ . “\n”;
    }
    }

    else{
    $header_text_color = get_header_textcolor();
    if ($header_text_color != get_theme_support(‘custom-header’, ‘default-text-color’)) {
    echo ‘<style type=”text/css” id=”mh-header-css”>’;
    echo ‘ .mh-header-tagline { color: #’ . esc_attr($header_text_color) . ‘; }’;
    echo ‘</style>’ . “\n”;
    echo ‘<div class=”mh-header-text”>’ . “\n”;
    if (is_front_page()) {
    $header_tagline_before = ‘<h2 class=”mh-header-tagline”>’;
    $header_tagline_after = ‘</h2>’ . “\n”;
    } else {
    $header_tagline_before = ‘<h3 class=”mh-header-tagline”>’;
    $header_tagline_after = ‘</h3>’ . “\n”;
    }
    if ($header_tagline) {
    echo $header_tagline_before . esc_attr($header_tagline) . $header_tagline_after;
    }
    echo ‘</div>’ . “\n”;
    }
    }

    今このようになっています。

    Honda

    (@rocketmartue)

    サイトのタイトルとキャッチフレーズを表示のチェックを外せばタイトルが消えるはずです。

    ありがとうございます。
    消えました!

    ただ、サブタイトルも消えてしまいました・・・。

    PHPが分からないので、なんとなくでしか入れるところを分かっていないので
    勉強として教えていただきたいのですが、

    “\n”;

    というのは消すということかと思い

    $header_tagline_before = ‘<h3 class=”mh-headertagline”>’$header_tagline_after = ‘</h3>’ . “\n”;

    これを消してみましたが、変わりませんでした。

    どこを変えたらサブタイトルが出るようになりますか?
    本当にすみません(汗)

    ファイルは includes/mh-custom-functions.php で合っていますが、riruraさんは子テーマでコード書き換えを行なっていますか? もしそうなら親テーマの同ファイルへ書き加えてみてください。(検証したところ、理由はわかりませんが子テーマでは駄目でした。)

    それからもうひとつ、https://ja.forums.wordpress.org/topic/159185?replies=14#post-229556 のコード内で括弧の位置がおかしなところがありました。書き直したものを以下に示します。

    else {
        $header_text_color = get_header_textcolor();
        if ($header_text_color != get_theme_support('custom-header', 'default-text-color')) {
            echo '<style type="text/css" id="mh-header-css">';
                echo ' .mh-header-tagline { color: #' . esc_attr($header_text_color) . '; }';
            echo '</style>' . "\n";
        }
        echo '<div class="mh-header-text">' . "\n";
            if (is_front_page()) {
                $header_tagline_before = '<h2 class="mh-header-tagline">';
                $header_tagline_after = '</h2>' . "\n";
            } else {
                $header_tagline_before = '<h3 class="mh-header-tagline">';
                $header_tagline_after = '</h3>' . "\n";
            }
            if ($header_tagline) {
                echo $header_tagline_before . esc_attr($header_tagline) . $header_tagline_after;
            }
        echo '</div>' . "\n";
    }

    Honda

    (@rocketmartue)

    gblsmさん
    コードの修正ありがとうございます。

    riruraさんのコードを見直してみたところ、貼り付ける位置が間違っています。
    mh-custom-functions.php (includes/mh-custom-functions.php)の42行目の
    /***** Custom Header *****/から/***** Page Title Output *****/の間のコードを以下のように書き換えてください。

    if (!function_exists('mh_magazine_lite_custom_header')) {
        function mh_magazine_lite_custom_header() {
            $header_img = get_header_image();
            $header_title = get_bloginfo('name');
            $header_tagline = get_bloginfo('description');
            echo '<div class="mh-custom-header" role="banner">' . "\n";
                echo '<a href="' . esc_url(home_url('/')) . '" title="' . esc_attr(get_bloginfo('name')) . '" rel="home">' . "\n";
                    echo '<div class="mh-site-logo" role="banner">' . "\n";
                        if ($header_img) {
                            echo '<img class="mh-header-image" src="' . esc_url($header_img) . '" height="' . esc_attr(get_custom_header()->height) . '" width="' . esc_attr(get_custom_header()->width) . '" alt="' . esc_attr($header_title) . '" />' . "\n";
                        }
                        if (display_header_text()) {
                            $header_text_color = get_header_textcolor();
                            if ($header_text_color != get_theme_support('custom-header', 'default-text-color')) {
                                echo '<style type="text/css" id="mh-header-css">';
                                    echo '.mh-header-title, .mh-header-tagline { color: #' . esc_attr($header_text_color) . '; }';
                                echo '</style>' . "\n";
                            }
                            echo '<div class="mh-header-text">' . "\n";
                                if (is_front_page()) {
                                    $header_title_before = '<h1 class="mh-header-title">';
                                    $header_title_after = '</h1>' . "\n";
                                    $header_tagline_before = '<h2 class="mh-header-tagline">';
                                    $header_tagline_after = '</h2>' . "\n";
                                } else {
                                    $header_title_before = '<h2 class="mh-header-title">';
                                    $header_title_after = '</h2>' . "\n";
                                    $header_tagline_before = '<h3 class="mh-header-tagline">';
                                    $header_tagline_after = '</h3>' . "\n";
                                }
                                if ($header_title) {
                                    echo $header_title_before . esc_attr($header_title) . $header_title_after;
                                }
                                if ($header_tagline) {
                                    echo $header_tagline_before . esc_attr($header_tagline) . $header_tagline_after;
                                }
                            echo '</div>' . "\n";
                        }else {
                            $header_text_color = get_header_textcolor();
                            if ($header_text_color != get_theme_support('custom-header', 'default-text-color')) {
                                echo '<style type="text/css" id="mh-header-css">';
                                echo ' .mh-header-tagline { color: #' . esc_attr($header_text_color) . '; }';
                                echo '</style>' . "\n";
                            }
                            echo '<div class="mh-header-text">' . "\n";
                            if (is_front_page()) {
                                $header_tagline_before = '<h2 class="mh-header-tagline">';
                                $header_tagline_after = '</h2>' . "\n";
                            } else {
                                $header_tagline_before = '<h3 class="mh-header-tagline">';
                                $header_tagline_after = '</h3>' . "\n";
                            }
                            if ($header_tagline) {
                                echo $header_tagline_before . esc_attr($header_tagline) . $header_tagline_after;
                            }
                            echo '</div>' . "\n";
                        }
                    echo '</div>' . "\n";
                echo '</a>' . "\n";
            echo '</div>' . "\n";
        }
    }

    “\n”は、そのまま検索すれば、たくさん情報が出てきます。
    “\n”

15件の返信を表示中 - 1 - 15件目 (全16件中)
  • トピック「サイトの名前を画像ロゴにしたい」には新たに返信することはできません。