Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:
通知
すべてクリア

[解決済] テーブル作成について

6 投稿
4 ユーザー
4 Reactions
13.9 K 表示
(@kazusun)
Trusted Member Registered
結合: 7年前
投稿: 64
トピックスターター  

初歩的な質問で申し訳ありません。
テーブルを作成するときって、タグを直接打ち込んで作成するのでしょうか?
「テーブルをレスポンシブ対応の横スクロール方式にする方法」というのがあったので、エディタからテーブル作成とかってないのかな?と思って探していたんですが分からなかったので。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

テーブルを作成するときって、タグを直接打ち込んで作成するのでしょうか?

最低限必要なタグを作ってプラグインadQuickに登録したり、過去作ったテーブルをコピペして造りを変更したりしてます。

頻繁に利用するなら前者が良いと思いますが、結局コピペ+タグ打ちでやってます。

テーブルを紹介したページ

https://bibabosi-rizumu.com/shop-info-table-map/

に書いてる内容をコピペ、縦に項目を増やしたい時は、見出し:『表の内容をもっと増やしたいとき』あたりを追記したり…。

横に表を1つ増やしたい時はtrに囲まれたtdタグを1つ増やす感じ。テーブル内</tr>タグの前すべてに追加

※thはタイトル的感じ、tdはその項目:実際見て書けば分かっていきます^^;

<tr>
<th></th>
<td></td>
</tr>

 

  • プラグインを使う

テーブルを使うときだけプラグインTinyMCE Advancedを有効化したり、テーブルだけ作成できるシンプルなプラグインを探してみるなども良いかもです。

 

「テーブルをレスポンシブ対応の横スクロール方式にする方法」

HTMLにstyleを書いたりすれば横揺れするので、『Cocoon設定』より『本文』タブにある『テーブル設定』にチェックを入れても良いと思います。

テーブル動作の設定です。

レスポンシブテーブル 横幅の広いテーブルは横スクロール
端末幅より広いテーブルが表示されるときは、テーブルを横スクロールして崩れないようにします。


   
わいひら reacted
(@kazusun)
New Member
結合: 6年前
投稿: 4
 

かうたっくさん、丁寧な説明ありがとうございます。
とても分かりやすく参考になりました。

simplicity使っていたころはテーブル使うこともなく、考えたこともなかったんですけど、今新しいサイトではテーブルが必要になって、改めて考えてて「?」ってなってました。

Cocoonがあまりにも充実しているので、どっかにテーブルボタンがあるんじゃないかって探し回ってました(笑)

プラグインもあるんですね。
今回のサイトは各ページでテーブルを使うんですが、それぞれ項目が同じなので、ひな型を一つ作ってそれを使いまわそうと思います。

あ、「ビバ☆りずむ」の管理人さんだったんですねっ!
「Cocoon テーブル 作り方」とかで検索しているとき、かうたっくさんのサイトが色々出てきて、すごく参考になるなぁ~と思って昨日Bookmarkさせて頂いたところでした。

今後もそちらのサイトでもお世話になると思います。
ありがとうございますっ!('◇')ゞ


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

僕は現在、エクセルで表を作成してExcel to HTMLというツールを使ってタグ化しています。
ブログへの表挿入に。エクセル表からHTMLテーブルを作ってくれるツールが便利すぎる

エクセルがあれば、直接コピペでビジュアルエディターに表を作ることもできます。
WordPressエディターにエクセルの表を貼り付けてテーブルを手軽に作成する方法

ただ、ビジュアルエディターに直接コピペの方法だと、thとかにはならなかったり、思ったようにはならないかもしれません。


   
(@kazusun)
New Member
結合: 6年前
投稿: 4
 

わいひらさん

いや~、便利なツールもあるんですねっ!
お忙しい中教えてくださってありがとうございます^^;

それにしても寝ログに関連記事があったなんて、見つけ出すことが出来なかったことを反省というか・・・。お手数をお掛けしてしまってすみません。

わいひらさん、梅雨も明けて暑い日が続きそうですが、お身体はご自愛ください。
ありがとうございます。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

ありがとうございます。
なんか、最近は調子いいです。
どうも、体が冷えるのが良くないみたいで、最近は暑いので何もしなくても温まるのでいい感じです^^
暑さはきついけど;


   
kazusun reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました