• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ワードプレス ヘッダー画像の件についておたずね致し)

ワードプレスのヘッダー画像についての問題と対応方法

JI-SUIの回答

  • JI-SUI
  • ベストアンサー率40% (4/10)
回答No.2

参考URLに張ったテンプレートですよね? 結論から申し上げますと、PCとSP両方対応する画像を作ったほうがよいです。 HERO部分の切り替えをやるために結構面倒なことをやっているので、結構慣れている人じゃないと修正は難しいです。 CSSのbackgroundとかでやってるのではなく、JSで画像を持ってきて計算してHERO部分にはめ込んでます。ちなみに1個1個計算してるので、画像が縦横比バラバラでも中央に配置してくれてますね。 切り替えしないのであれば、このHERO部分を1から自分で作ったほうがまだ早いくらい。

参考URL:
https://demos.famethemes.com/onepress/
anhana
質問者

お礼

ありがとうございました!

anhana
質問者

補足

ご回答ありがとうございます。 残念ながらHERO部を自分で作り直すスキルは現在のところ持ち合わせておりません。 画像をスマホ用に体裁良く見せるのは結構難しそうですね。 もう少し自分なりにも調べてみます。 アドバイスありがとうございました。

関連するQ&A

  • ワードプレスのヘッダー画像サイズ変更

    お世話になります。 ワードプレスを使用してカスタマイズしようとしているのですが、 画像の縦、横のサイズが、1000×888から変更できません。 どのようにしたら、画像サイズを 変更することが可能でしょうか。 よろしくお願いいたします。

  • ワードプレスのメリット

    ワードプレスのメリットってなんでしょうか?例えば、FC2やアメーバなどで作る場合とは何が違うのでしょうか?ヘッダなどのカスタマイズだけなら、それほどにメリットがないような・・ また、他人にデザイン・コーディングなどをワードプレスなどでしてもらう場合、ワードプレスをインストールしないといけないのでしょうか? 初歩的な質問ですが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • htmlエディタのサイトをそのままワードプレスへ

    元々はワードプレスを使ってHPを作っていたのですが 最近htmlやCSSを勉強し始め、 bracketsというhtmlエディタで新たにサイトを作りました。 htmlエディタでのほうが自由度も高く、 慣れれば作りやすいように感じています。 しかし、たとえば画像を自動で圧縮してくれる EWWW Image Optimizerなどのような ワードプレスでの便利なプラグインも使いたくなりました。 そこで、htmlエディタで htmlファイルとcssファイルを作った後、 ワードプレスに移行すればいいと考えたのですが、 これがなかなかうまくいきません。 ひとまず、htmlのbody部分を ワードプレスの記事のテキストエディタにコピペし、 cssをワードプレスのstyle.cssにコピペしてみたのですが レイアウトが多少崩れてしまいます。 style.css以外のファイルで ワードプレスのテーマに元々含まれている要素が 反映されてしまっているためかと思われるのですが、 さすがにどこをどういじったらいいのかわかりませんでした。 htmlエディタで作ったものを そのままワードプレスで表示させるために 最も簡単な方法はどのようなものでしょうか?

    • 締切済み
    • CSS
  • ワードプレス max-width100%が効かない

    ワードプレスでレスポンシブデザインを作ろうと思っているのですが、 画像の大きさを変えるために、cssに img{max-width:100%;} を指定しているのですが、ウィンドウサイズを変えても画像の大きさが変わらず困っています。 cssの指定は効いています。max-widthの部分だけ効いていません。 何が原因なのでしょうか?よろしくお願いします。

    • 締切済み
    • CSS
  • ワードプレスのセオリーというテーマのフォント設定

    現在、ワードプレスの無料テーマで「xeory(セオリー)」という無料テーマを使用しています。 このセオリーの固定ページのフォントの大きさを変更したいです。 本文の編集で変更するのではなく、CSSにてデフォルト設定したいです。 style.cssを何度か変更してみたのですが、ページを更新してもフォントのサイズが変更されません。(キャッシュをクリアして確認もしました。) どなたか、「xeory(セオリー)」のフォントサイズの変更方法をお教え頂けませんでしょうか。 なお、セオリーはバズ部というサイトで提供されている無料テーマです。 どうぞ宜しくお願いいたします。

    • 締切済み
    • CSS
  • ワードプレスの文字が、にじんでしまいます

    はじめまして。どなたか、分かる方がいらっしゃったら、教えてください。 ワードプレスを使ってブログを書いているのですが、記事本文の文字が「にじんだ」ように、汚く表示されてしまいます。 他のサイトや、自分のサイトの見出しなどは、キレイに表示されます。 さらに、PCでは汚いのに、スマホでみると本文ににじみはなく、キレイに表示されます。 HTMLやCSSなどには詳しくないので、特別なカスタマイズをしているわけではありません。 いくつか、一般的なプラグインを入れただけです。 本文のにじみ方を、キャプチャーで撮って添付いたしました。 どなたか、教えていただければ助かります。

  • WORDヘッダーに原サイズの画像を挿入したい

    WORD2003を使っています。 ヘッダー部分に画像挿入したいのですが、 挿入すると、画像が余白部分にはみ出ないように自動で圧縮された状態で 貼り付けされてしまいます。 本文にはきちんと余白を設けたいのですが ヘッダーには、用紙の左右ギリギリまでの画像を挿入したデザインにしたいと考えています。 挿入後、圧縮された画像を大きくすることは可能なのですが、 一度圧縮されているので、画像が汚くなってしまうことを懸念しています。 設定方法で、画像挿入の際にサイズの制限を受けないようにすることが可能なのでしょうか? ご教授いただければ幸いです。 何卒よろしくお願いいたします。

  • 初めてのワードプレスのサイト

    小さい広告代理店でwebデザイナー兼ディレクターなどの仕事をしています。 (僕の部署は自分1人です) ある賃貸管理の会社のコーポレートサイトを受注しそうなのですが、コンテンツなどはまだ未定で、新着情報など一部のコンテンツはお客さん側で更新できた方がいいという話を聞いております。 CMSを入れるとなるとまずワードプレスサイトにする必要があるかなと思うのですが、 ワードプレスで1からサイトを作るのが未経験なので不安です。(htmlとCSS、ワードプレスのインストールやすでにあるワードプレスサイトをちょっといじるくらいは経験あります) 初心者がワードプレスでサイトを作る際は ブランクテーマのようなものをいじる方がいいのか、 一度htmlとCSSで組んだものをテーマとして分解してワードプレス上でページを作っていき、新着情報(トップに何件か表示、一覧ページありで、上記のようにお客さんの方で更新してもらう)の部分をプラグインで作る、のやり方が良いのか迷っています。 勉強はしていますが、クライアントワークなのと、外注してしまうと粗利がなくなってしまうのではないかと不安です。 その代わり納期はそこまでタイトではないので、自分でできるなら経験のためやっても良いかなとも思います。 今ワードプレスでサイトを作っている 方のご意見が聞きたいです。

    • 締切済み
    • CSS
  • ワードプレスでcssstlyeの中身がない

    ワードプレスでcss styleの中身が内容をともなってなくて、おそらく別のところにあるはずですが、テーマ編集からそのcss styleが一覧にありません。 どうやれば見つけられますか?

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

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

    • 締切済み
    • PHP