見出しパーツ

テキストの色、フォント種類、フォントサイズは「テーマのカスタマイズ」や「ツールバー」から選択ください。
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

コンテンツエリアの見出し カスタム見出し

【見出しのカスタマイズ】のclass名に「hd_custom01」を記述します。
主に下層ページで使用します。カラー:メインカラーの赤

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom02」を記述します。
TOPページで使用、H2には英字が入ります。

h1見出し
16px#333333

h2見出し
16px#333333

h3見出し
16px#333333

h4見出し
14px#333333

h5見出し
14px#333333
【見出しのカスタマイズ】のclass名に「hd_custom03」を記述します。
主に下層ページで使用します。

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom04」を記述します。
主に下層ページで使用します。カラー:ベースの黒(hd_custom01の色違い)

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom05」を記述します。
TOPページで使用、H2には英字が入ります。
カラー:ベースの黒(hd_custom02の色違い)

h1見出し
16px#333333

h2見出し
16px#333333

h3見出し
16px#333333

h4見出し
14px#333333

h5見出し
14px#333333

コンテンツエリアの見出し デフォルト

(テーマのカスタマイズページより自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し

ボタンパーツ集

ページ移動用

【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
カラー選択 からアイコンなしを選択できます。

お問い合わせ用(メールアイコン付き)

【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
※カラーバリエーション
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
カラー選択 からアイコンなしを選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
カラー選択 からアイコンなしを選択できます。

資料ダウンロード用(ダウンロードアイコン付き)

【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
カラー選択 からアイコンなしを選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
カラー選択 から色違い(主にMV用)を選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
カラー選択 からアイコンなしを選択できます。

ページ移動用(背景透過)

【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
白背景用を念のため[black]を作成。
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
カラー選択 からアイコンなしを選択できます。
【ボタンをカスタマイズ】にclass名「btn_custom_tel」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
デフォルトのボタン(テーマのカスタマイズページよりサイズや色など、自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ
※ツールバーからも背景カラー、フォントカラー、フォントサイズ、フォントの太さ、角丸ありなしが変更可能です。

記事リストパーツ集

記事リストパーツ デフォルト

記事リストのツールバーの「スタイル選択」で選択すると下記のようなレイアウトになります。
記事リストパーツ ツールバーより【スタイル選択

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42更新: 2021-09-02 19:54

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

記事リストパーツ ツールバーより【リスト型

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42更新: 2021-09-02 19:54

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

記事リストパーツ ツールバーより【カード型(1列)

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42更新: 2021-09-02 19:54

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

記事リストパーツ ツールバーより【カード型(2列)

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42更新: 2021-09-02 19:54

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16更新: 2021-09-02 19:53

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

記事リストパーツ ツールバーより【カード型(3列)

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42更新: 2021-09-02 19:54

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16更新: 2021-09-02 19:53

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

健康経営、社員満足度向上に役立つおすすめ福利厚生サービス3選!

おすすめツール記事

2021-08-16 12:01更新: 2021-08-17 09:41

生産年齢人口の減少に伴い人材獲得が難しくなっている今日では求職者の80%以上が仕事選びで重視しているとも言われる福利厚生の充実は企業にとって喫緊の課題といえるでしょう。

記事リストパーツ カスタム

【記事リストをカスタマイズ】にclass名を追記してください。

カスタム1

記事リストパーツ ツールバーより【スタイル選択】class名「caseContent_style」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

健康経営、社員満足度向上に役立つおすすめ福利厚生サービス3選!

おすすめツール記事

2021-08-16 12:01

生産年齢人口の減少に伴い人材獲得が難しくなっている今日では求職者の80%以上が仕事選びで重視しているとも言われる福利厚生の充実は企業にとって喫緊の課題といえるでしょう。

記事リストパーツ ツールバーより【リスト型】class名「caseContent_style」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

健康経営、社員満足度向上に役立つおすすめ福利厚生サービス3選!

おすすめツール記事

2021-08-16 12:01

生産年齢人口の減少に伴い人材獲得が難しくなっている今日では求職者の80%以上が仕事選びで重視しているとも言われる福利厚生の充実は企業にとって喫緊の課題といえるでしょう。

記事リストパーツ ツールバーより【カード型(1列)】class名「caseContent_style」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

記事リストパーツ ツールバーより【カード型(2列)】class名「caseContent_style」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

記事リストパーツ ツールバーより【カード型(3列)】class名「caseContent_style」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

健康経営、社員満足度向上に役立つおすすめ福利厚生サービス3選!

おすすめツール記事

2021-08-16 12:01

生産年齢人口の減少に伴い人材獲得が難しくなっている今日では求職者の80%以上が仕事選びで重視しているとも言われる福利厚生の充実は企業にとって喫緊の課題といえるでしょう。

記事リストパーツ オプション

【記事リストをカスタマイズ】にclass名を追記してください。

オプション1

記事リストパーツ ツールバーより【カード型(1列)】、【カード型(2列)】、【カード型(3列)】いずれかを選択。
画像の余白なし。
class名「caseContent_style option_padding_none」を追加

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

健康経営、社員満足度向上に役立つおすすめ福利厚生サービス3選!

おすすめツール記事

2021-08-16 12:01

生産年齢人口の減少に伴い人材獲得が難しくなっている今日では求職者の80%以上が仕事選びで重視しているとも言われる福利厚生の充実は企業にとって喫緊の課題といえるでしょう。

オプション2

記事リストパーツ ツールバーより【カード型(1列)】、【カード型(2列)】、【カード型(3列)】いずれかを選択。
外枠のシャドウ(影)なし。
class名「caseContent_style option_shadow_none」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

健康経営、社員満足度向上に役立つおすすめ福利厚生サービス3選!

おすすめツール記事

2021-08-16 12:01

生産年齢人口の減少に伴い人材獲得が難しくなっている今日では求職者の80%以上が仕事選びで重視しているとも言われる福利厚生の充実は企業にとって喫緊の課題といえるでしょう。

オプション3

記事リストパーツ ツールバーより【カード型(2列)】、【カード型(3列)】いずれかを選択。
外枠のシャドウ(影)なし。縦区切り線(点線)あり。
class名「caseContent_style option_break」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

オプション4

記事リストパーツ ツールバーより【カード型(1列)】、【カード型(2列)】、【カード型(3列)】いずれかを選択。
外枠のシャドウ(影)なし。ボーダー(線)あり。
class名「caseContent_style option_border」を追加。

HRDX関連のリリース・アライアンス記事まとめ(8月23日~8月29日)

HRDXNews記事

2021-08-30 11:42

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

HRDX関連のリリース・アライアンス記事まとめ(8月16日~8月22日)

HRDXNews記事

2021-08-24 12:16

この記事ではHRTechサービスの最新リリース記事をまとめています。アライアンス情報も含んでいますので、各企業の最新情報を追うことができます。

健康経営、社員満足度向上に役立つおすすめ福利厚生サービス3選!

おすすめツール記事

2021-08-16 12:01

生産年齢人口の減少に伴い人材獲得が難しくなっている今日では求職者の80%以上が仕事選びで重視しているとも言われる福利厚生の充実は企業にとって喫緊の課題といえるでしょう。

オプション5

記事リストパーツ 記事一覧(お知らせなど)専用パターン
ツールバーより【スタイル選択(デフォルト)】選択。
class名「news_list」を追加。

※このスタイルは「スタイル選択(デフォルト)」以外では使用出来ません。
 タグは2個までしか表示出来ない仕様にしています。

CTA

CTAをカスタマイズのclass名に「cta_sec」を記述。

お問い合わせ

平⽇9:00~18:00(土日祝を除く)

資料ダウンロード

サービス概要、料⾦、スケジュールなど
ベネフィット・ステーションが3分で分かる

その他


テーブル内のリスト2タイプ

リッチテキストパーツをカスタマイズのclass名に「custom_table」を追加し、テーブル を配置。
その中の リスト2種類をカスタマイズ(順序なしリスト&番号付きリスト)
THダミーテキスト

TDダミーテキストダミーテキストダミーテキスト

THダミーテキストTHダミーテキスト 

ul(順番なしリスト)

  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

 

ol(番号付きリスト)

  1. TDリストダミーテキストダミーテキストダミーテキスト
  2. TDリストダミーテキストダミーテキストダミーテキスト
TH 
  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

リッチテキストパーツをカスタマイズのclass名に「simple_list」を追加し、テーブル を配置。
その中の リスト2種類をカスタマイズ(順序なしリスト&番号付きリスト)
※こちらのテーブルは通常のテーブル です。(枠線はセルのプロパティから#dddへ変更)
THダミーテキスト

TDダミーテキストダミーテキストダミーテキスト

THダミーテキストTHダミーテキスト 

ul

  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

 

ol

  1. TDリストダミーテキストダミーテキストダミーテキスト
  2. TDリストダミーテキストダミーテキストダミーテキスト
TH 
  • TDリストダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキストTDダミーテキストダミーテキストダミーテキスト
  • TDリストダミーテキストダミーテキストダミーテキスト

テキストパーツとリッチテキストパーツのリスト

テキストパーツ
テキストパーツをカスタマイズのclass名に 「simple_list」を追加し、リストをカスタマイズ(順序なしリストのみ)

  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト
リッチテキストパーツ
リッチテキストパーツをカスタマイズのclass名に「simple_list」を追加し、リスト2種類をカスタマイズ(順序なしリスト&番号付きリスト)
通常のテキストには影響しませんので、そのまま入れてください。

通常のテキストです。以下はリストです。

(順番なしリスト)

  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト

(番号付きリスト)

  1. リストテキストリストテキスト
  2. リストテキストリストテキストリストテキスト
  3. リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト

テキストパーツをカスタマイズのclass名に「note_list」を追記するとリストスタイルマークが※になります。
テキストパーツ
  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト
リッチテキストパーツをカスタマイズのclass名に「note_list」を追記するとリストスタイルマークが※になります。
リッチテキストパーツ
  • リストテキストリストテキスト
  • リストテキストリストテキストリストテキスト
  • リストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキストリストテキスト

SP 編集

パソコン上左右反転しているコンテンツをレスポンシブ時にスマートフォンだけ左右を戻す場合、

【セクションをカスタマイズ】のclass名に「reverse」を記述。

▼ パソコン設定イメージ
▼ スマートフォン反映イメージ

右寄せテキストを、SP/TABのみ左寄せに変更する

テキストパーツをカスタマイズのclass名に「sp_left」 を追加

ダミーテキストダミーテキストダミーテキストダミーテキストダミーテキストダミーテキスト。
ダミーテキストダミーテキストダミーテキストダミーテキスト。