サポート » 使い方全般 » ヘッダーの右上に電話番号の画像を配置したい

  • 解決済 takeuchi0709

    (@takeuchi0709)


    はじめて投稿させて頂きます。ワードプレス初心者です。
    ワードプレスのテーマ「oxygen」
    でサイトを作っています。

    何度もこちらのフォーラムにお世話になっていて申し訳ないです。

    サイト画像

    質問は、現在制作しているサイトのヘッダーの右上、に電話番号の画像を配置する方法についてです。
    過去記事やインターネットで調べたりしたのですが、満足いく結果が得られませんでしたので、
    こちらにて投稿させていただきます。

    ●方法その1
    http://wordpress.hitsuji.me/add-custom-header/
    上記URLの方法で試そうとしたのですが、
    【1. functions.phpを編集する】の項目に記載してあるコードをfunctions.phpに挿入すると、
    画面が真っ白になってエラーになってしまいます。

    ●方法その2
    http://presentnote.com/header-customize04/
    上記URLにて試そうとすると、そもそも使用しているテーマが違うためか、
    <hgroup>のタグがなかったり記事通りに進めることができませんでした。

    ですので、「oxygen」のテーマでエラーにならず、ヘッダーの右上に画像を配置する方法を
    ご存知の方がいましたら、ぜひご教示いただければと存じます。
    すみませんが、皆様どうぞよろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 無理矢理で良ければ、以下ののような設定でできると思います。

    テーマヘッダー (header.php)の中の

    </div><!-- #branding -->

    の後に

    <div id="pic">
    <img src="使用したい画像のアドレス">
    </div>

    「追加CSS」という機能で、

    #pic{float:right;width:55%}
    @media only screen and (max-width:767px){#pic{width:100%}}

    を追加してあげればとりあえず大丈夫なようです。

    @media only screen and (max-width:767px){#pic{width:100%}}

    の部分はスマホとか画面幅が狭くなった時用なので、
    どうされたいのかわからないので、とりあえず100%にしています。
    あと、id=”pic”も適当なものに変更してください。

    トピック投稿者 takeuchi0709

    (@takeuchi0709)

    ioxrxogi様

    ご回答くださり、ありがとうございます!
    教えてくただいた方法で試してみたら希望通りの配置を行うことができました!
    この部分は何度も挑戦して、とても悩まされた部分だったので、本当に助かりました。

    この度はご親切に教えてくださり、ありがとうございました!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ヘッダーの右上に電話番号の画像を配置したい」には新たに返信することはできません。