サイトタイトル(ロゴ画像)の表示位置変更について

PR 2014/11/11

このトピックには6件の返信、2人の参加者があり、最後にkrswにより11年、 5ヶ月前に更新されました。

6件の返信スレッドを表示中

投稿者

投稿
- 2014年11月11日 11:07 AM #7613
  
  krsw
  ゲスト
  
  サイトタイトル(ロゴ画像)の位置を、ヘッダー画像の左下、または右下へ移動させたいと考えています。
  http://wp-simplicity.com/site-logo-to-picture/ によると、そのようなカスタマイズを行う場合は
  CSSを調節する必要があるとのことですが、具体的にどのように調節すればよいのでしょうか？
  
  不勉強で申し訳ありませんが、ご教授をお願いします。
- 2014年11月11日 3:05 PM #7697
  
  わいひら
  キーマスター
  
  サイトタイトル(ロゴ画像)の位置を、ヘッダー画像の左下、または右下へ移動させたいと考えています。
  
  ちょっとこの状態のイメージがわかないです。上記のイメージに近いページURLとか画像とかありますか？
- 2014年11月11日 11:23 PM #7953
  
  krsw
  ゲスト
  
  わかりにくい説明で申し訳ありません。
  
  拙作で恐縮ですがURLを添付いたします。
  http://kwsknj.net/
  
  上記サイトはヘッダー画像の高さを350pxに指定し、サイトタイトルをロゴ画像に変換してあります。
  現在ヘッダー画像の左上部にあるサイトタイトルロゴをヘッダー画像の左下部または右下部へ移動させたいと考えています。
  
  ヘッダー画像そのものにタイトル画像を埋め込もうとも考えたのですが、
  もしサイトタイトルの移動が可能であれば、ご教授いただけると幸いです。
- 2014年11月12日 8:28 AM #8188
  
  わいひら
  キーマスター
  
  説明ありがとうございます。把握しました。
  サイトタイトル（ロゴ画像）だけで良いのですか？
  サイトの概要文（キャッチフレーズ）もあるようですけど。
- 2014年11月12日 8:41 AM #8195
  
  krsw
  ゲスト
  
  可能であればサイトの概要文（キャッチフレーズ）も移動させたいと考えています。
  配置としてはロゴの真下、または右隣りを想定しています。
- 2014年11月12日 9:45 PM #8442
  わいひら
  キーマスター
  ヘッダーの左下にするには、以下のように。
```
#h-top {
    position: relative;
}

#header .alignleft {
    bottom: 0;
    height: 185px;
    position: absolute;
}
```
  右下にするには、以下のようにすればいけるのではないかと思います。
```
#h-top {
    position: relative;
}

#header .alignleft {
    bottom: 0;
    height: 185px;
    position: absolute;
    right: 0;
}
```
- 2014年11月12日 11:31 PM #8463
  
  krsw
  ゲスト
  
  ご教授ありがとうございます。
  サイトタイトルロゴをイメージ通りの位置に変更できました。
  本当にありがとうございました。
投稿者

投稿