固定ページ用パーツ

装飾パーツを使ってより見やすくわかりやすく

無料のワードプレステーマ GEMSTONE

このページでは固定ページ時の装飾とあらかじめ作成してあるパーツについてご紹介していきます。
インストール後にテーマをいじらずに使用すると、以下のような表示になります。
DIVAなどのタグにクラスを振って使用してください。見出しやフローチャートなど、よく使うものは揃えているので、不便はないかと思います。テーブルや見出しタグについては、クラスをふらなくても動作します。
もし引用文や強調文字など、さらに細かいタグを使いたい場合は、投稿記事パーツのページを見てください。

h2タイトルh2タイトルh2タイトル

リード文

GEMSTONE(ジェムストーン=原石)はウェブデザイナー、フロントエンジニア、コーダー、ウェブデベロッパー向けに開発した日本語対応ワードプレステーマです。HTML5、CSS、JS、PHP、WordPress の知識がある開発者であれば、誰でも簡単にサイト構築できる工夫とアイデアを盛り込んでいます。

カラーボックス

アイフレーム

グーグルマップとYouTubeをレスポンシブで表示。

アイフレーム

テーブルとリスト

テーブルとリストはクラスを追加しなくても大丈夫。

テーブルとリスト

スライドやタブ

タグとクラスを組み合わせれば豊富な表現が可能。

スライドやタブ

テキスト・ボタン

ボタンやテキストもクラス追加で色々変わる。

テキスト・ボタン

各カラーボックスは独自クラスではなく、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 順序付きリスト

  1. 数字付きリスト
  2. 数字付きリスト
  3. 数字付きリスト

ul リストなし

  • リストマークなし
  • リストマークなし
  • リストマークなし
h5タイトルh5タイトルh5タイトル

スライドパネル

ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。

ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。

ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。ここにテキストが入ります。

タブコンテンツ

ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。ここにテキスト1が入ります。
ここにテキスト2が入ります。ここにテキスト2が入ります。
ここにテキスト3が入ります。

装飾リスト リンク有

装飾リスト リンク無

フローチャート

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

フロータイトルフロータイトルフロータイトル

フローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキストフローテキスト

よくあるご質問

Q

テストの質問です。テストの質問です。テストの質問です。

A

テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。テストの回答です。

h6タイトルh6タイトルh6タイトル

見出し

h1タイトル

h2タイトル

h3タイトル

h4タイトル

h5タイトル
h6タイトル

テキストカラー

ブルー系カラーテキスト

ブルー系カラーテキスト

ブルー系カラーテキスト

レッドカラーテキスト

イエローカラーテキスト

グリーンカラーテキスト

ホワイトカラーテキスト

ストロベリー色カラーテキスト

オレンジ色カラーテキスト

ライム色カラーテキスト

グレープ色カラーテキスト

バナー

ボタン各種