このページでは固定ページ時の装飾とあらかじめ作成してあるパーツについてご紹介していきます。
インストール後にテーマをいじらずに使用すると、以下のような表示になります。
DIVやAなどのタグにクラスを振って使用してください。見出しやフローチャートなど、よく使うものは揃えているので、不便はないかと思います。テーブルや見出しタグについては、クラスをふらなくても動作します。
もし引用文や強調文字など、さらに細かいタグを使いたい場合は、投稿記事パーツのページを見てください。
h2タイトルh2タイトルh2タイトル
リード文
GEMSTONE(ジェムストーン=原石)はウェブデザイナー、フロントエンジニア、コーダー、ウェブデベロッパー向けに開発した日本語対応ワードプレステーマです。HTML5、CSS、JS、PHP、WordPress の知識がある開発者であれば、誰でも簡単にサイト構築できる工夫とアイデアを盛り込んでいます。
カラーボックス
各カラーボックスは独自クラスではなく、style.css の既存にあるクラスを組み合わせて作成しています。
アイコンナビゲーション
タイトル+ボタン
タイトル+ボタン
h3タイトルh3タイトルh3タイトル
グーグルマップ
拡大地図を表示youtube動画
h4タイトルh4タイトルh4タイトル
テーブル
thセルセルセル | thセルセルセル | thセルセルセル | thセルセルセル |
---|---|---|---|
tdセルセルセル | tdセルセルセル | tdセルセルセル | tdセルセルセル |
tdセルセルセル | tdセルセルセル | tdセルセルセル | tdセルセルセル |
tdセルセルセル | tdセルセルセル | tdセルセルセル | tdセルセルセル |
ul 通常リスト
- 通常リスト
- 通常リスト
- 通常リスト
dl 定義リスト
- 定義タイトル
- 定義リスト
- 定義リスト
ol 順序付きリスト
- 数字付きリスト
- 数字付きリスト
- 数字付きリスト
ul リストなし
- リストマークなし
- リストマークなし
- リストマークなし
h5タイトルh5タイトルh5タイトル
スライドパネル
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。
タブコンテンツ
装飾リスト リンク有
装飾リスト リンク無
リストタイトル ul
- リストコンテンツ
- リストコンテンツ
- リストコンテンツ
リストタイトル ol
- リストコンテンツ
- リストコンテンツ
- リストコンテンツ
- 定義リストタイトル dl
- 定義リストコンテンツ
- 定義リストコンテンツ
- 定義リストコンテンツ
フローチャート
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
フロータイトルフロータイトルフロータイトル
フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト
よくあるご質問
Q
テストの質問です。テストの質問です。テストの質問です。
A
テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。
h6タイトルh6タイトルh6タイトル
見出し
h1タイトル
h2タイトル
h3タイトル
h4タイトル
h5タイトル
h6タイトル
テキストカラー
ブルー系カラーテキスト
ブルー系カラーテキスト
ブルー系カラーテキスト
レッドカラーテキスト
イエローカラーテキスト
グリーンカラーテキスト
ホワイトカラーテキスト
ストロベリー色カラーテキスト
オレンジ色カラーテキスト
ライム色カラーテキスト
グレープ色カラーテキスト
バナー
ボタン各種