Worksプロのウェブデザイナーが作ったカスタマイズ可能なホームページ素材Flash(フラッシュ)とWordPressテーマを無料配布しています。FlashWork-sTweetWordPressテーマ『FlashWork-s』は、初心者の方にも無理なくご利用いただけるように、あらかじめ装飾用のcssを設定してあります。テーブルやフローチャート、強調、テキストカラーなど使う機会が多い装飾で、しかもレスポンシブデザインに対応しているので、大変役立つと思います。ウェブサイト制作に精通している方にもおすすめで、新たなクラスを作って表示確認するといった煩わしさから解放され、cssを少し変更すれば思い通りの装飾にできるので便利です。これらのコードを利用する場合は、本文の入力モードを『テキスト』にしてください。『ビジュアル』で入力してもソースコードではなく文字として表示されて、cssは反映されません。decoration.css』で設定しているので、カラー変更等の際はこのスタイルシートをご使用ください。変更の際はメモ帳ではなく、PHPやCSSに最適のテキストエディタを利用しましょう。class="normal-table"><tbody><tr><th>ヘッダー1</th><td>内容1</td></tr><tr><th>ヘッダー2</th><td>内容2</td></tr><tr><th>ヘッダー3</th><td>内容3</td></tr></tbody></table>『タブレット・スマホ・携帯画面』になると、ヘッダーと内容が縦に並ぶテーブルです。実際にウィンドウ幅を狭めて、次のノーマルのテーブルと比べていただければ、その違いが分かりやすいと思います。ご使用の際は、上のソースコードをコピペするか、自分で用意した『tableタグ』にclass=”responsive-table”を入れるかですが、このテーブルは2列限定なのでご了承ください。class="normal-table"><tbody><tr><th>ヘッダー1</th><td>内容1</td></tr><tr><th>ヘッダー2</th><td>内容2</td></tr><tr><th>ヘッダー3</th><td>内容3</td></tr></tbody></table>ノーマルのテーブルは、ウィンドウ幅が狭くなってもヘッダーと内容が横並びで表示されます。このテーブルも上のソースコードをコピペして使うか、『tableタグ』にclass=”normal-table”を入れてください。こちらも2列に限ります。class="color-ocher">黄土色のフォントカラー</span>strong以外は、『spanタグ』などの中にclassを加えるだけです。サイト内で使用する基本的なフォントサイズは、『style.cssのbody』で14pxに指定してあります。注意・警告Cautionここにテキストを入れましょう。レスポンシブ対応なので、使いやすいと思います。ご使用の際は、下のソースコードをコピペしてください。class="caution-title">Caution</div>ここにテキストを入れましょう。</div>注意を促す文章を入力します。見出しを『Check』に変えて重要ポイントをお知らせすることにも利用可能です。下線付きのテキストボックスタイトル1タイトルの内容を簡潔に2、3行で入力してください。短すぎると見栄えが悪くなり、長すぎるとゴチャゴチャした印象になってしまうので注意しましょう。タイトル2このテキストボックスは、カテゴリーページを『固定ページ』で作る場合に役立ちます。『投稿』をまとめたページを作ることにより、サイト訪問者がお目当てのページを見つけやすくなるメリットがあります。href="#">タイトル1</a>タイトルの内容を簡潔に2、3行で入力してください。href="#">タイトル2</a>タイトルの内容を簡潔に2、3行で入力してください。</div>ドットの下線付きテキストボックスで、中でリンクを使うと前にアイコンが付きます。a:before』というクラスを削除してください。手順や工程などを説明したいときに役立つのがこのフローチャートです。レスポンシブ対応なので、閲覧環境を気にせず使用できます。下のソースコードをコピペしてご使用ください。class=”arrow”></div>とその下のarrow-boxを必要な分だけコピペして中を書き換えると簡単です。ヘッダー</strong></div>内容を入力してください。ヘッダー</strong></div>内容を入力してください。</div>見出しの色は『strongタグ』で設定し、下矢印の色は『decoration.cssのarrow』というクラスを変更してください。List3</li></ol>コンテンツ部分にolタグを使うと、上記のように数字・下線付きのデザインで表示されます。List3</li></ol>コンテンツ部分にulタグを使うと、上記のようにアイコン・下線付きのデザインで表示されます。FlashWork-sワードプレスは『文字コード:UTF-8N』、『改行コード:LF』が基本です。FlashWork-sワードプレス(WordPress)は、オープンソースのブログソフトウェアのため無料で利用することができます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。W06は、有線接続の他、同時に16台まで無線接続が可能です。W06には、充電に必要な付属品が付いていません。