サポート » マルチサイト » 1ページのみのHPを作りたい

  • 色々なHPのまとめとして、
    1枚のページに画像をいくつか載せ、画像にリンクを貼って、
    外部HP(マルチサイトで作成したHP)に飛ばしたいと思っています。

    理想としては、ポートフォリオのように、ただただ画像が何枚か表示されて、
    カーソルを合わせると説明が出るような、何かアクションがあればいいなと思っています。

    オススメのテーマがありましたら、
    そのテーマ名と、簡単な使い方(画像の挿入方法やアクションの設定方法)を教えて頂けないでしょうか。

    見た目の好みとしては、【Thumbs Portfolio】【Webart】【Gripvine】あたりが近いかと思って、
    インストールしたのですが、トップページへの画像の貼り方もわからない状態です。
    (お試し用としていくつかメディアは追加してあります。)

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • RICK

    (@rickaddison7634)

    Nishikiはいかがでしょうか?

    WordPressテーマ Nishiki で「アイテム追加」機能を使う方法で似たようなことができると思います。

    問題はあなたがデザインに納得いくかどうかですが、試してみるといいかもしれません。

    >カーソルを合わせると説明が出る
     画像リンクにtitle属性をもたせてはいかがでしょうか?

    ありがとうございます。
    ひとまず使ってみて、自分がやりたいことが出来る事を確認致しました。
    基本情報から、横幅の設定が出来るのは確認しましたが、
    フロントページのセクションの縦幅を設定することは出来ないのでしょうか。
    写真とボタンだけの表示で、セクション1と2の間が空きすぎている印象です。

    また、質問なのですが、通常は個別ページを作成しないと写真が貼れないのでしょうか。
    【Thumbs Portfolio】【Webart】【Gripvine】【Espied】【FolioPress】
    等は、画像リンクから固定ページに飛ぶしかない、ということでしょうか。

    RICK

    (@rickaddison7634)

    >フロントページのセクションの縦幅

     結論のみいいますと子テーマ or カスタムCSS等を使って調整することは可能です。
     Google Chrome をお使いの場合はF12を押すことで開発ツールを起動でき、
     それを参照しながらmarginやpaddingを調整すると良いでしょう。

     Nishikiテーマには専用のサポートフォーラムがあるようなのでそちらで相談してみると良いと思います。

    >通常は個別ページを作成しないと写真が貼れない

     そんなことはないと思います。画像はメディアライブラリから読み込むようですし、
     リンク部分は普通に http:// からはじまるリンクを入力すれば良いと思います。

    >【Thumbs Portfolio】【Webart】【Gripvine】【Espied】【FolioPress】

     Nishikiを含めて私はこれらのテーマについて詳しくありませんが、
     仮に、あなたがHTMLやCSSに詳しいのであればあなたの望むとおりにできると思います。

     Nishikiは例の機能を実装するのを簡略化する機能を備えているだけで、
     Nishikiが書き出すHTMLやCSSを参考にすれば同じようなフォーマットでページを作ることが可能でしょう。

    Rick様
    色々とありがとうございます。
    今回始めてwordpressを触ったどころか、
    webデザインすら初めての状況で、勿論HTMLやCSSに詳しくありません。

    載せさせて頂いたテーマですと、TOPページに画像だけを貼るやり方すらわからなかったので、
    私には難しいということですね…
    見た目が気に入っていただけに残念です。

    因みに、NISHIKIでは、ボタンでリンク先に飛ばすようになっていますが、
    ボタンを表示せずに写真から飛ばす設定は簡単に出来ますか?

    教えて頂いたサポートフォーラムを見ていますが、探しきれませんでした。

    RICK

    (@rickaddison7634)

    >因みに、NISHIKIでは、ボタンでリンク先に飛ばすようになっていますが、
    >ボタンを表示せずに写真から飛ばす設定は簡単に出来ますか?

    カスタマイザー上での設定では画像をリンクにすることはできなさそうです。

    P.S.

    前回の回答で【サポートフォーラム】という言葉を使いましたが正しくは【ユーザーコミュニティ】でした。
    文言を間違えたことを深くお詫び申し上げます。

    ユーザーコミュニティには最低でも無料会員登録をしないとアクセスできなかったと思います。
    なので会員登録してとりあえずユーザーコミニティに相談してみることをおすすめします。

    P.P.S.
    【この投稿は自動化システムにより承認待ちとなっています。】
    というシステムにひっかかってしまったので再投稿しました。

    RICK

    (@rickaddison7634)

    ちなみに画像にリンクをつける際は

    
    <a href="(リンク先)" target="_blank" title="(リンク先の説明)">
        <img src="(画像のURL)" alt="画像の説明">
    </a>
    

    とすれば、画像にカーソルをもっていけばリンク先の説明文が表示されます。


    画像の説明

    
    <a href="(リンク先)" target="_blank">
        <img src="(画像のURL)" alt="画像の説明">
        <p>リンク先の説明</p>
    </a>
    

    とすれば画像と説明文の両方をリンクにする事ができます。


    画像の説明
    リンク先の説明

    今回は画像とリンク先を用意していないので画像は表示されずリンクは無効ですが、
    雰囲気はわかっていただけると思います。

    これらを横並びにしたい場合はこれからのCSSレイアウトはFlexboxで決まり!あたりが参考になると思います。

    • この返信は59 分前に  RICK さんが編集しました。
    • この返信は58 分前に  RICK さんが編集しました。
6件の返信を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。