サポート » 使い方全般 » テキストエディタでテーブルの作成

  • 解決済 admin100

    (@admin100)


    お世話になります。
    使用の都合上、記事をテキストエディタだけで作成しています。
    この度、テーブルを作成したのですが他で思うように出来たテーブルがWordPressだと思ったような表示になってくれません。
    子テーマのスタイルシートに指示を与えて、twentytenの設定をクリアすることは可能でしょうか。その際、次のようなテーブルが正常に表示されて欲しいです。
    よろしくお願いします。

    <table border=”1px”>
    <tr>
    <td bgcolor=”#CCFFFF” colspan=”3″ width=”216px” height=”18px” align=”center” valign=”bottom”>
    てすと1
    </td>
    <td bgcolor=”#CCFFFF” colspan=”3″ width=”216px” height=”18px” align=”center” valign=”bottom”>
    てすと2
    </td>
    </tr>
    <tr>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと3
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと4
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと5
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと6
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと7
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと8
    </td>
    </tr>
    <tr>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと9
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと10
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと11
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと12
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと13
    </td>
    <td width=”72px” height=”18px” align=”center” valign=”bottom”>
    てすと14
    </td>
    </tr>
    <tr>
    <td colspan=”2″ width=”144px” height=”18px” align=”center” valign=”bottom”>
    てすと15
    </td>
    <td colspan=”4″ width=”288px” height=”18px” align=”center” valign=”bottom”>
    てすと16
    </td>
    </tr>
    </table>

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • スタイルシートで書けば反映されるのではないかと思います。

    <table border=”1px”>

    <table style=”border:solid 1px #000000″>

    <td bgcolor=”#CCFFFF” colspan=”3″ width=”216px” height=”18px” align=”center” valign=”bottom”>

    <td style=”background-color:#ccffff;width:216px;height:18px;text-align:center;vertical-align:bottom” colspan=”3″>

    <td width=”72px” height=”18px” align=”center” valign=”bottom”>

    <td style=”width:72px;height:18px;text-align:center;vertical-align:bottom”>

    または

    <table class=”classname”>
    <td colspan=”3″>
    としておき
    テーマのcssファイルに
    table.classname { border:solid 1px #000000; }
    .classname td { background-color:#ccffff;width:216px;height:18px;text-align:center;vertical-align:bottom; }
    上記を追加するなど、あくまでも例です。

    トピック投稿者 admin100

    (@admin100)

    ありがとうございます。
    只今、奮闘中です。なんとか頑張ってみます。

    お困りのようですね。

    WP-Table Reloaded
    このプラグインで、なにもかも解決しますよ。
    プラグイン検索してみてください。

    cssでスタイルも変えられます
    javascriptでいろいろなエフェクトもできます。
    自由度の高いDBのような使い方もできます。

    僕はこれで自治体の海外向け観光サイトを製作しました。

    今までWordpress使っていて最高のプラグインです。

    トピック投稿者 admin100

    (@admin100)

    g2000さん ありがとうございます。

    WP-Table Reloaded 入れたらサイトとダッシュボードが真っ白で何もできなくなりました。
    こちらを解決してから試してみます。

    トピック投稿者 admin100

    (@admin100)

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

    その後、真っ白トラブルも何とか解決。WP-Table Reloadedも再度、入れたところ問題ありません。そして、利用してみていますが、ビジュアルエディタを利用しなくてもよいこのプラグインはかなり使えそうです。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「テキストエディタでテーブルの作成」には新たに返信することはできません。