ヘッダーの上の文字を編集するのはどこ?
-
ikaring様
返事が遅くなりました。
ご回答ありがとうございます。テーマはInterfaceバージョン1.2(作成者: Theme Horse)
というものを現在使用中です。
引き続きよろしくお願いします。ご回答ありがとうございます。
デモサイトでいうと以下のテキストが記載された部分になります。
よろしくお願いします。1234567890 youremail@domain.com City, Address, Country
ここは外観→テーマオプション→Contact / Social Links→contact barのPhone Number, Email ID Only, Location Only欄のテキストが表示される設定です。
空欄だとこのバー自体が表示されないと思います。独自にテキストを表示したいのであれば、header.phpの
<header id="branding" >の直後に
<div class="info-bar"><div class="container">お好きなテキスト</div></div>
を入れれば表示できます。
あとはCSSでいくらかの調整が必要かと思います。header.phpをいじるのであれば子テーマを作成したほうがよろしいかと思います。
ikaring様
いつもご回答ありがとうございます。デモサイトでいうと、まずこの部分の文字は表示はしたいです。
表示はしたいんですが、テーマオプション→Contact / Social Links→contact barで
編集する箇所がありません。Phone NumberやEmail ID Onlyを編集する場合、右横にテキストボックスが
あってそこの文字書き換える事で、編集作業ができるのですが、
1234567890 youremail@domain.com City, Address, Countryの場合はDisable Top Info Bar横のチェックボックス( □ Check to disable)があり
それを切り替えることで表示や非表示は出来るのですが
テキストボックスのようなものが存在しない為、文字の編集ができません。今、<header id=”branding” >直後を確認すると、編集したい文字さえなく・・・
といった感じです。大変お手数ですが引き続きよろしくお願いします。
このテーマでは、Phone Number, Email ID Only, Location Only欄にテキストが入力されていれば、それを表示するという仕様になっています。空欄のものは表示されません。
先ほど独自にテキストを表示したい場合、として書いた部分は、テーマの機能を無視して強制的に任意のテキストを表示させるのであれば、という趣旨です。
任意のテキストを表示させる入力欄は残念ながらないです。
代わりの機能は、、、アクションフックがありますね。管理画面からは編集できないですが。functions.phpに下記追加で表示できます。先ほどのheader.phpの件は無視してください。
add_action( 'interface_header', 'my_interface_headercontent', 5 ); function my_interface_headercontent() { $text = '<div class="info-bar"><div class="container">お好きなテキストをここに</div></div>'; echo $text; }ikaring様
早速のご回答ありがとうございます。
実は同じテーマで、とあるWEB製作業者様に作って頂いたサイトの話になります。
事業のコンセプトが変わったので、この部分(サイトの上部の文字)を
書き換えたいのですがどうしてもやり方が分かりません。製作納品後はこちら(そこまでの専門知識の無い)で触ることを前提に
製作していただいたので、CSSをいじってみたいな(専門的な)ことは
おそらくやっていないのではと考えてるのですが・・・。業者様はそもそもこの部分の文字をどうやって書いたのでしょうか。
その業者様は現在はなく、問い合わせることができません。引き続きよろしくお願いします。
ああ、なるほど。すでになんらかの方法でカスタマイズされているものなんですね。
まずは、ソースを見ていただいて、該当部分のhtmlがどうなっているか教えていただけますか。ikaring様
いつもご回答ありがとうございます。
該当ページ上で右クリックでページソースを表示で見ましたが、
以下ソースの直後の○○の部分に問題のテキスト部分がありました。質問の回答になっておりますか?
よろしくお願いします。<header id=”branding” >
<div class=”info-bar”>
<div class=”container clearfix”><div class=”info clearfix”>- <li class=”info_txt”>○○○○○○
元々のテーマでは/inc/structure/header-extensions.phpというファイル内のinterface_footer_infoblogという関数でこのあたりの出力が定義されていますが、
<li class="info_txt">というものを出力する記述はありません。ですので、おそらくfunctions.phpあたりでinterface_footer_infoblogという同名関数を定義されているか、もしくはheader-extensions.php自体を書換えている可能性もありますね。
見つからないときは、テーマフォルダ内で
info_txtやinterface_footer_infoblogなどで検索すると見つかるかもしれません。ikaring様
いつもご回答ありがとうございます。
この辺りの話になると理解が出来なくなってしまいます…。
ikaring様、一度中に入って見て頂けはしないでしょうか?
可能であればお願いします。m(_ _)mフォーラムの質問はフォーラム内で解決するというのがルールだと思いますので、もう少しがんばってください。
おそらく、もうすぐですので。functons.phpやheader-extensions.phpはどこにあるか分かるでしょうか。
FTPなどでサーバーに接続して、wp-content/themes/テーマ名(おそらくinterface)というフォルダがテーマフォルダになりますので、それをまるごとダウンロードしてください。その中にfunctions.phpがあると思います。
header-extensions.phpはinc/structureの中に入っています。それぞれのファイル内で
info-txtという文字を検索してみてください。
見つかりましたら、その前後数行のコードをこちらに教えていただけますか。見つからないときはどこか別のファイルにあると思います。
ikaring様
いつもご回答ありがとうございます。
わかりました、フォーラムのルールに従いもう少し頑張ってみます。FTPでサーバーに接続して、wp-content/themesに入ると複数のフォルダがありその中に
サイト名と同じフォルダがありました。おそらくこれ?で、inc/structureの中に入るとheader-extensions.phpがありました。
下記info_txtの後の、○○○○○○○○○○○○○○○○○○の部分が
今回編集したい文字になります。(フォーラムという場所なので、実際の文字を○○に置き換えました。)
functions.phpの中にはinfo_txtは見つかりませんでした。
質問の回答になっておりますか?
よろしくお願いします。function interface_footer_infoblog( $set_flags, $place =”) {
global $interface_theme_setting_value;
$options = $interface_theme_setting_value;
$interface_footer_infoblog = ”;
$place = ”;
if($set_flags || (!empty($options[‘social_phone’] ) || !empty($options[‘social_email’] ) || !empty($options[‘social_location’]))){
$interface_footer_infoblog .= ‘<div class=”info-bar”>
<div class=”container clearfix”>’;
if(!empty($options[‘social_phone’] ) || !empty($options[‘social_email’] ) || !empty($options[‘social_location’]) ) {
$interface_footer_infoblog .= ‘<div class=”info clearfix”>- <li class=”info_txt”>○○○○○○○○○○○○○○○○○○(○○○)’;
if ( !empty($options[‘social_phone’] )){$interface_footer_infoblog .= ‘<li class=’ .'”phone-number”‘. ‘><a title=’.__( ‘” Call Us “‘).’ ‘. ‘href=’ .'”tel:’ ;
$interface_footer_infoblog .= preg_replace(“/[^() 0-9+-]/”, ”, $options[ ‘social_phone’ ]) ;$interface_footer_infoblog .= ‘”>’;
$interface_footer_infoblog .= preg_replace(“/[^() 0-9+-]/”, ”, $options[ ‘social_phone’ ]) ;
$interface_footer_infoblog .= ”;} if (!empty($options[‘social_email’] )){
$interface_footer_infoblog .='<li class=’ .'”email”‘. ‘><a title=’ .__(‘” Mail Us “‘). ‘ ‘ . ‘href=’ .'”mailto:’;
$interface_footer_infoblog .= is_email($options[ ‘social_email’] );
$interface_footer_infoblog .='”>’;
$interface_footer_infoblog .= is_email($options[ ‘social_email’] );
$interface_footer_infoblog .=”;やっぱり直接編集されてるようですね。
if(!empty($options['social_phone'] ) || !empty($options['social_email'] ) || !empty($options['social_location']) ) { $interface_footer_infoblog .= '<div class="info clearfix"> <li class="info_txt">○○○○○○○○○○○○○○○○○○(○○○)';この部分の条件が、「電話番号かEメールか住所のいずれかに入力があれば」となっていますので、○○○○○○○○○○のテキスト部分と電話番号などが併記されているんですかね。
○○○○○○○○○○部分を任意の文章になおして、サーバーへアップロードすれば反映されると思います。ただ、liタグが閉じられていないのが気になるので下記の方が良いと思います。
if(!empty($options['social_phone'] ) || !empty($options['social_email'] ) || !empty($options['social_location']) ) { $interface_footer_infoblog .= '<div class="info clearfix"> <li class="info_txt">○○○○○○○○○○○○○○○○○○(○○○)</li>';このままだと修正の際にまたこのファイルを編集しないといけませんので、たとえば次のようにすれば、管理画面の設定の一般にあるキャッチフレーズのテキストを表示させることができます。ほかの部分でキャッチフレーズのテキストを使用していると使えないですけど。
if(!empty($options['social_phone'] ) || !empty($options['social_email'] ) || !empty($options['social_location']) ) { $interface_footer_infoblog .= '<div class="info clearfix">'; $interface_footer_infoblog .= '<li class="info_txt">' . esc_html( get_bloginfo( 'description' ) ) . '</li>';※コードを貼り付けたときは、コード部分を選択して入力欄上のcodeボタンをおしてください。
トピック「ヘッダーの上の文字を編集するのはどこ?」には新たに返信することはできません。