テストサンプル

いろいろなサンプルコードを提示します。

１．レスポンシブなコード
Wordpressでは、テーマによってレスポンシブデザイン機能が提供されていますが、テーブルや画像データは通常はレスポンシブにならないケースが良く発生します。
この様な場合に、html/cssのコーディングの仕方でそのページをレスポンシブに動作できるようになります。
パソコンとスマホで見比べてください。

テーブルの例

  • 50音
    あいうえお　かきくけこ　さしすせそ　たちつてと　なにぬねの　はひふへほ　まみむめも　や　ゆ　よ　らりるれろ　わゐ　ゑを　ん
  • ローマ字
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

画像の例

  • 雲と川

  • 葉ボタン

  • 枝垂れ紅梅

  • 河津桜