サポート » テーマ » ページの右上にリンクをはりたい

  • 解決済 yukatin

    (@yukatin)


    vicunaのテーマを利用しています。
    初めてwordpressにて企業サイトを作成している素人です。

    ページの右上に お問い合わせ | お申し込み | サイトマップ
    というリンクを作りたいのですが、どのようにしたらより見やすく作れるでしょうか?

    ちなみに現在は、テーマの編集で、header.phpの一番下に下記を記載したら、
    表示&リンクもはれたのですが、
    ヘッダー部分(今回追加したリンクとロゴの間にかなりスペースが空いた)
    の余白が大きすぎて、見づらく、もっと綺麗にできないか困っております。

    <div id="header"><ul class="support"><Div  Align="right">
    <a href="http://お問い合わせのURL">お問い合わせ</a> |
    <a href="http://お申し込みのURL">お申し込み</a> |
    <a href="http://サイトマップのURL">サイトマップ</a>  </Div></div>

    上記のコードはサイトを色々検索したどり着いたものなので
    全く意味の無いものも記載しているかもしれません。。。

    ど素人のため、このような質問で恐れ入りますが
    どなたかおしえていただけませんか?
    よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター jim912

    (@jim912)

    yukatinさん、こんにちは。

    見やすい・見にくいというのは少なからず主観が入ってくるため、具体的にどうすればよいという回答は難しいです。
    また、この問題はCSSのスキルがあれば解決できるはずですし、それがないのであれば企業サイトを作り、運営していくのはちょっと荷が重いのではと思います。

    とりあえず、比較的簡単な解決作ですが、

    1. <ul class=”support”>が開始タグのみになっているので不要だと思われます。
    2. 利用しているスキンのcore.cssに記述されている、div#header p.siteNameのmarginの最初の数字を少なくする。

    で、少しはまともになるのではないでしょうか。

    トピック投稿者 yukatin

    (@yukatin)

    jim912さん
    ご丁寧に回答いただきありがとうございます。

    1.<ul class=”support”>を消すと今回追記した
    お問い合わせ | お申し込み | サイトマップ だけ他の文字に比べ
    右寄せのラインがはみ出て、ずれてしまう為、
    今回はそのままにしました。

    2.の方法で対応したら、不要で不自然なスペースがなくなり
    大変見やすくなりました。

    おっしゃる通り、私はCSSのスキルも全く無い為
    しっかり基礎を勉強して進めて行こうと思います。

    本当にどうもありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ページの右上にリンクをはりたい」には新たに返信することはできません。