サポート » プラグイン » 料金表テーブル作成プラグインを探しています

  • こんにちは。

    料金表テーブルを作成するのに、プラグインでオススメがありましたら教えていただきたく投稿しました。

    用途:
    ●メニュー名・価格・商品解説文の3カラムで、単純なエクセルの表のようなもの
    PC時は普通に3カラム横並びで、SP時に

    メニュー | 価格
    商品解説文

    のようになる。(横スクロールNG)

    ●テーマは、バズ部のXeory Extensionを使用しています。

    ●IE9まで対応しているもの

    以上の内容で何かありましたら、もしくは素直にhtml組んだ方が良いなど。
    御所見伺えれば幸いです。

    よろしくお願いいたします。

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

    (@du-bist-der-lenz)

    料金表テーブルで求めるプラグインが見つからなかったのでしょうが。単純なエクセルの表のようなもの、ということですが、グラフ化、条件での配列替えできるものですか。
    表ブロックでは不十分でしょうか。モバイル時の変形、IE9互換で苦戦するぐらいなら、それぞれで出し分けるのが簡易でしょう。

    テーブルブロックの場合は、下記スタイルではどうでしょうか?

    @media only screen and (max-width: 768px) {
    	.wp-block-table td {
    		display: inline-block;
    		width:50%;
    	}
    	.wp-block-table td:last-child {
    		display: block;
    		width:100%;
    	}
    }

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

    私の知識不足でした。素のhtmlじゃなくてWPのエディタでテーブルが作成できることを初めて知りました。お恥ずかしい。
    >表ブロック
    >テーブルブロック
    って、そんなブロックあるの?と思ったり、
    .wp-block-tableっていうクラスってどこから出てきたの?と思ったら、エディタで書くと生成されるものだったんですね。
    こちらで作成して、サンプル貼ってくださった通りメディアクエリ切るやり方で、やりたいことができそうです。

    すみません、ありがとうございます!

    CG

    (@du-bist-der-lenz)

    わたしは、ブロックにあるものを使っているだけです。
    それを、「.wp-block-tableっていうクラスってどこから出てきたの?と」発想されるぐらい、頼もしいではないですか。

    とんでもない、グーテンベルクに未だ慣れないです。
    SP時で横に見切れてこのままではちょっとアレですよね。

    やっぱりCSS書くようですね・・^^;

    CG

    (@du-bist-der-lenz)

    私なら、PC、モバイルに出し分けるブロックに入れるか、見きれない表ブロックを使うことを考えます。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。