サポート » 使い方全般 » メニュー(固定ページ名)を画像にしたいのですが、、、

  • はじめして。
    小さい店をやっていてサイトを立ち上げようと考えていたところ、
    ワードプレスでビジネスサイト(ブログサイトではなく)を、みたいな記事に遭遇しがんばっているものです。

    インストールはなんとか完了し、デザインも無料の物を使ってみたのですが、
    見かけがブログのようにしかならず困っています。

    要はメニューボタンを画像にして、固定ページだけでサイトを構成したいのですが、
    さっぱり分からないのです。

    こう書くと疑問を丸投げしているようで申し訳ないのですが
    どうすればよいのやらという感じでして。。

    書店(大型書店2カ所)に行って関連する書物を探してみたのですが、
    知りたいことが十分に書いてある物がなく、
    アマゾン等のネット書店で探しても実店舗と同じ書籍しか見つかりませんでした。

    どなた様かヒントになるような事だけでも教えていただけませんでしょうか。
    よろしくお願いいたします。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • メニューボタンを画像にして

    CSSの画像置換でいけるんじゃないかなと
    やり方はいろいろあるし,それの賛否両論あるんで省略

    最新の投稿(ページ)を以下の画像にしてhrefを記事にjump

    <div id=”attachment_1″ class=”wp-caption alignnone” style=”width: 170px”><img class=”size-medium wp-image-1″ title=”イメージ” src=”uploads/2008/11/5313.jpg” alt=”” width=”160″ height=”120″ /><p class=”wp-caption-text”>イメージ</p></div>

    blog/?p=1には
    この商品は木製椅子で…

    とすると希望の表示?

    <div id=”attachment_1″ class=”wp-caption alignnone” style=”width: 170px”><img class=”size-medium wp-image-1″ title=”イメージ” src=”uploads/2008/11/5313.jpg” alt=”” width=”160″ height=”120″ /><p class=”wp-caption-text”>イメージ</p></div>

    <div id=”attachment_1″ class=”wp-caption alignnone” style=”width: 170px”><a href=”http://www.example.jp/blog/?p=1″><img class=”size-medium wp-image-1″ title=”イメージ” src=”uploads/2008/11/5313.jpg” alt=”” width=”160″ height=”120″ /><a><p class=”wp-caption-text”>イメージ</p></div>

    トピック投稿者 makoto66

    (@makoto66)

    返信が遅くなりすみません。

    three-eyeさま
    僕は初心者(←これをいい訳にしてすみません!)なものでよく分からないのですが、
    教えていただいた内容はどのファイルのどのあたりに挿入すれば良いのでしょうか?
    いろいろ探したのですが解決できませんでした。

    使いたい画像はuploadsフォルダに入れておけば良いということですね。

    もう少し詳しく教えていただけませんでしょうか?
    ヒントだけでも、と質問しておきながらすみません・・・。

    初心者というのがどのレベルのことを指しているのかわかりませんが、htmlも分からない初心者だとすればテンプレートを自作するまえにhtmlやcssの勉強が必要です。
    単にwordpress初心者だというのであればakaさんの一言で理解できたのではないでしょうか?

    どこのメニューボタンを画像にしたいのか分かりませんが、サイドバーなどのメニューを変更したいのであればテンプレートを修正するしかありません。three-eyeさんのコードなどを参考にsidebar.phpなどを修正しましょう。また、ページの中に記述したメニューを変更したいのであれば、テンプレートではなくてwordpress上で作成したページのソースを編集しなくてはいけません。

    どちらにしてもhtmlやcssだけで対応できると思いますが。
    適当に探したものでよければ参考URLです。

    トピック投稿者 makoto66

    (@makoto66)

    “初心者”とあいまいな表現をしてしまいすみません。
    htmlが多少分かる程度(フリーCGIないのhtmlで表示する部分などは修正することがあります)で、
    cssについては別ファイルにする場合の物についてはあまり分かりませんが、
    html内で書式等を設定する程度でしたら分かる、という感じです。
    なので知識不足なのは確かだと思います。

    参考URLは表示出来ませんでしたが・・・。
    今だけでしょうか? またアクセスしてみます。

    どこを画像に変えたいのかと言いますと、
    固定ページ(例えば、会社概要とかサービス案内とかお問い合せなど)を作った場合に
    「ページ」という項目(?)の下に作ったページの名前が表示されますが、
    それを画像に変えたいのです。

    ページ
     ・会社概要    ←これを画像にしたいのです。
     ・サービス案内  ←これを画像にしたいのです。
     ・お問い合せ   ←これを画像にしたいのです。

    この場合は、おっしゃるように
    {テンプレートではなくてwordpress上で作成したページのソースを編集しなくてはいけません}ということなると思うのですが、すみません、具体的にはどのファイルなのでしょうか?
    分かっていない者に説明するのは面倒だと思いますが、もう少しおつきあい願いませんでしょうか?
    よろしくお願いします。

    過去の投稿が商品説明と価格とか
    最新投稿がメニューで写真をクリックすると過去の投稿(商品説明)

    具体的に記述は
    商品説明を投稿する(blog/?p=1)

    この商品は木製椅子で…
    価格は…

    最新投稿に(blog/?p=2)
    メディアアップローダで椅子の写真を登録、メディアライブラリで今登録した写真を投稿に挿入
    ”html”に変え、a hrefを上記のURIに変える

    <div id=”attachment_1″ class=”wp-caption alignnone” style=”width: 170px”><a href=”http://www.example.jp/blog/?p=1″><img class=”size-medium wp-image-1″ title=”イメージ” src=”uploads/2008/11/5313.jpg” alt=”” width=”160″ height=”120″ /><a><p class=”wp-caption-text”>イメージ</p></div>__<--タグが実行されないように一部変更しています

    とすれば1商品だけだけど写真が説明の投稿にJump
    説明を増やし最新投稿に写真を貼り付けa hrefを書き換えすると希望では?
    装飾は”ビジュアル”で記述も出来るがHtmlを理解した方が良い

    {テンプレートではなくてwordpress上で作成したページのソースを編集しなくてはいけません}ということなると思うのですが、すみません、具体的にはどのファイルなのでしょうか?

    wordpress\wp-content\themes\default\footer.phpを編集

    makoto66さんの書き込みを読んでいると、header、footer、sidebarの区別ができていないように感じます。可能であればサイトのURLを教えていただけませんか?

    この場合は、おっしゃるように
    {テンプレートではなくてwordpress上で作成したページのソースを編集しなくてはいけません}ということなると思うのですが、すみません、具体的にはどのファイルなのでしょうか?

    たぶん、サイドバーのことをおっしゃっているように感じますので、「wordpress上で作成したページ」ではなく、テンプレートの編集が必要でしょう。私の予想が間違っていないとすれば「sidebar.php」の修正ということになるのですが、defaultテーマを使用しているのであればcssの修正だけでできそうです。
    <li class=”page_item page-item-*”>(*はページのID番号)のようなソースになっているはずですので、page-item-*のcssをテキストを画面外に逃がして背景画像を指定するものに書き換えれば(もしくは追加すれば)大丈夫だと思いますよ。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • トピック「メニュー(固定ページ名)を画像にしたいのですが、、、」には新たに返信することはできません。