blisskikuchi
フォーラムへの返信
-
フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりません報告です
上記のやり方だとなぜかサイドバーの上だけにおそらく300px分のスペースが出来て不恰好でした。
なので今はカスタムヘッダーをやめる方法で表示しました。
今後もっと勉強していきます。ありがとうございました。フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりません解決済みにし忘れました
皆様ありがとうございましたフォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりませんdigit@maetelさん
出来ました。2px ぐらいにするとライン代わりになって装飾になるかと思います。
→2or1pxだと旗の素材の端っこが残って変だったので0pxにしてみましたただそのやり方でよいのかなどの判断はdigit@maetelさんのおかげです。
すごく勉強になりました。
実はもう1つ前回の質問の内容が解決していないのですが、今回の件ですこしスタイルシートのことが分かったのでがんばってみます。
貴重なお時間を割いていただき本当にありがとうございました。フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりませんありがとうございます
background-image : url(blisstop.jpg);
の記述を
background-image : url(blisstop2.jpg);
に変えれば良いなんて単純なものではないのですよね?
を実行してみたら採用したい画像2段になりました。
(成功例1)ためしに荒業もしてみました。
するとカスタムヘッダーで設定したほう(上段)が残り
下段は他のページと同じようにグレーの網掛けのタイトル欄と980×300のスペースのみになりました。
カスタムヘッダーの気に入っている所は、他の固定ページにもヘッダー画像が表示され見栄えが良い点です。
このグレーのタイトルにテキストを表示させ、980×300のスペースをなくしてしまうことは出来るのですか?(他の固定ページと同じように)
.home #hpb-title{
margin-top: 0;
margin-left: -10px;
margin-right: -340px;
padding-left: 0;
padding-right: 0;
clear: both;
width: 1000px;
height: 303px;
position: relative;
}
.home #hpb-title h2{
background-image : url(blisstop2.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 100%;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
の部分の
background-image : url(blisstop2.jpg);
をコメントアウトし(荒業)
height: 0px;(もしくは1pxが良いのかな?)
にすればよいのかな?と考えました。
ただそこに表示させるテキストもどのように記述して良いのか分かりません。
この方法が可能ならあわせてご教授願います。もし出来ない、おかしくなる、ようでしたら他の固定ページのヘッダー画像はあきらめて前出の成功した方法(成功例1)にしてカスタムヘッダーをやめます。
すごくたくさんのアドバイスいただき貴重なお時間を割いていただいておりますので最低限やりたいことは出来ましたので以後頑張りたいと思います。
フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりませんありがとうございます
ホームページビルダーにワードプレス用の編集ページがありそこで骨組みを作って以後ワードプレスのダッシュボードで作業しているのですがその骨組みを作っている際、トップ画像を入れ替えると言う手順にしたがって画像を指定しただけでした
ちょうど
http://www.justsystems.com/jp/users/hpb/guide/hpb_wordpress_web.pdf
の15ページのような作業をしたのではないかなと記憶してます。
ダッシュボードで作業をし始めてからホームページビルダーの画面に戻って作業をした際に保存内容が戻ったり、上手く作動しなかったりかなり痛い目にあっているので出来れば戻りたくないと考えていますホームページビルダーを介したため大変ややこしくなっています。
ご紹介していただいた荒業が良さそうですね。似た手法でFTPサーバーよりblisstop.jpgを削除してしまおうとも思ったのですがそれだと大きなバツ印の画像が出てしまうのだろうと思っています。
荒業はそれが出ずにいけそうでしょうか?background-image : url(blisstop.jpg);
の記述を
background-image : url(blisstop2.jpg);
に変えれば良いなんて単純なものではないのですよね?何度もアドバイス大変助かります。本当にありがとうございます。
フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりません本当にありがとうございます
一言一句勉強になります固定ページテンプレート (page.php)内の
<div id=”hpb-title”>
<h2>” id=”hpb-page-title”><?php the_title(); ?></h2>
</div>
の部分ですね?
画像指定の解除とのアドバイスをやりたいのですがどうも調べてもわかりません。
どのように記述もしくは訂正すれば良いのでしょうか?
聞いてばかりで申し訳ございません。またご指摘の通りそろそろビルダーのテンプレートに限界を感じています。
この作業が終了してしばらくしたらワードプレス内のテンプレートに挑戦したいと思います。フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりませんありがとうございます
ご教授いただいた方法
<h2 id=”hpb-site-desc”><?php bloginfo( ‘description’ ); ?></h2>
</hgroup>
<div id=”追加のヘッダー画像”><img src=”<?php header_image(); ?>” height=”<?php echo get_custom_header()->height; ?>” width=”<?php echo get_custom_header()->width; ?>” alt=”” /></div>の記述を追加する場合はやはり2段でヘッダー画像が出てしまうのでしょうか?
希望は現状で上段に表示されている画像(blisstop2.jpg)だけにしたいです。うすうす気づいてはいるのですが他のテンプレートに変えたほうが話は単純そうですね。
そうなんですホームページビルダーでサイト更新すれば画像を入れ替えるのは簡単なのですが他のカスタムしたものが全て戻ってしまうのです。
ホームページビルダーのテンプレートの限界なのかもしれません。
何度もすみません。フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりませんありがとうございます
と言うことは下記の部分ですね。<h1>” id=”hpb-site-title”><?php bloginfo( ‘name’ ); ?></h1>
少ない知識なので間違えているかもしれませんが該当部分を
<h1><img src=”blisstop2.jpg” alt=”船橋市RTA指定ベビーマッサージ ベビースキンケア Bliss”></h1>
にしてfunction.php内のカスタムヘッダーの部分の記述をやめると言うのが1つの方法ですか?(blisstop2.jpgは写真が6枚の使いたいほうです。)
この方法だとhpb-site-titleの記述を削除することがが何か悪さをするのでしょうか?
導入がホームページビルダーだったのでhpbだと思うのですがそのための記述だと思います。
また現在タイトルの代わりに入っている画像なのに○○.jegでない事がはたしてこれが削除したい画像の記述なのか?という疑問につながっています。画像はたまに変えたいので今から考えた手法のほうがいいのですが
<h1>船橋市RTA指定ベビーマッサージ ベビースキンケア Bliss</h1>
とすれば画像はカスタムヘッダーにより使いたいものが採用され、SEO的にh1タグも記載されているとなるのでしょうか?
All In One SEO Packを導入しているのでそこにもタイトルを記載しているのは問題ないのでしょうか?すみませんよろしくお願いいたします。
フォーラム: 使い方全般
返信が含まれるトピック: ヘッダーの画像が入れ替わりませんありがとうございます
私もそうなのかなと思いましたが見つからず困ってました
現在のheader.php内は
<!DOCTYPE html>
<!–[if IE 6]>
<html id=”ie6″ xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<![endif]–>
<!–[if IE 7]>
<html id=”ie7″ xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<![endif]–>
<!–[if IE 8]>
<html id=”ie8″ xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<![endif]–>
<!–[if !(IE 6) | !(IE 7) | !(IE 8) ]><!–>
<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>
<!–<![endif]–>
<head>
<meta charset=”<?php bloginfo ( ‘charset’ ); ?>” />
<meta name=”viewport” content=”width=device-width” />
<title><?php wp_title( ‘|’, true, ‘right’ ); ?><?php bloginfo( ‘name’ ); ?></title>
<link rel=”stylesheet” href=”<?php bloginfo ( ‘stylesheet_url’ ); ?>” type=”text/css” />
<!–[if lt IE 9]>
<script src=”<?php bloginfo( ‘template_url’ ); ?>/html5.js” type=”text/javascript”></script>
<![endif]–>
<?php wp_head(); ?><script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’//www.google-analytics.com/analytics.js’,’ga’);ga(‘create’, ‘UA-49755373-1’, ‘bliss.jp.net’);
ga(‘send’, ‘pageview’);</script>
</head>
<body id=”hpb-wp-17-08-01″ <?php body_class(); ?>>
<!– コンテナ –>
<div id=”hpb-container”><!– ヘッダー –>
<header id=”hpb-grobal-header”>
<hgroup id=”hpb-header-main”>
<h1>” id=”hpb-site-title”><?php bloginfo( ‘name’ ); ?></h1>
<img src=”<?php header_image(); ?>” height=”<?php echo get_custom_header()->height; ?>” width=”<?php echo get_custom_header()->width; ?>” alt=”” />
<h2 id=”hpb-site-desc”><?php bloginfo( ‘description’ ); ?></h2>
</hgroup>
<div id=”hpb-header-extra1″>
<p class=”tel”><span>TEL.</span>047-○○○-○○○○</p>
<p class=”address”>千葉県○○○○</p>
</div>
<nav id=”hpb-main-nav”>
<h3 class=”hpb-c-index”>メインナビゲーション</h3>
<?php wp_nav_menu( array(
‘theme_location’ => ‘main-nav’
) ); ?>
</nav><?php if ( ! is_front_page() ) {
get_template_part( ‘breadcrumb’ );
} ?>
</header>の記述です。
どこかお分かりになりますでしょうか?
よろしくおねがいいたします。フォーラム: 使い方全般
返信が含まれるトピック: 背景色を変更したのですがタイトルの背景色が変更できません結果報告です
あれから調べたのですが画像を変えることができませんでした
なので全体の背景の色を変えてグレーの画像が残ってもあまり違和感の無い様にしました
Tsuyoshi.様ありがとうございましたフォーラム: 使い方全般
返信が含まれるトピック: 背景色を変更したのですがタイトルの背景色が変更できませんそうですね
この書き方は画像なんですね
この記述自体を消せばいいのかな?と素人考えしています
バックアップ取り、調べてやってみます
ありがとうございますフォーラム: 使い方全般
返信が含まれるトピック: 背景色を変更したのですがタイトルの背景色が変更できませんコメントありがとうございます
場所違いの質問とも分からずにすみませんでしたコメントいただいてから2日間やっているのですがまだできず取り急ぎ経過報告と思いコメントします
おっしゃっていただいた場所かな?とは思っていたのですが
操作のイメージではカラーのコードを書き換えれば良いと思っていたのでその記述が見つからないと言う意味でした該当箇所一段下にあるカラーコードは見出しの文字色の記述だったため違うのですね
CSSの書き方の勉強が足りないので該当箇所を調べてやってみようと思います
ありがとうございました