カスタマイズ一覧 カスタマイズ事例一覧 https://custom.japan-cms.net/blog/ カスタマイズ事例一覧 ja 2026-04-30T10:00:26+09:00 ３０．【スライダー】スライドショーにロゴやテキストを表示する https://custom.japan-cms.net/blog/2022/12/89560/ カスタマイズ内容スライドショーにロゴやテキストを表示する サンプル 画像をクリックするとサンプルページへ移動します。 使用テンプレート resposive_type24 見積工数（目安） 1時間 ～ （カスタマイズ内容による） 作業内容 HTMLタグの追加 CSSの調整 2022-12-14T19:50:00+09:00 カスタマイズ内容スライドショーにロゴやテキストを表示する

サンプル

画像をクリックするとサンプルページへ移動します。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間 ～ （カスタマイズ内容による）
作業内容
  • HTMLタグの追加
  • CSSの調整

]]> ２９．【テンプレート】数字のカウントアップ https://custom.japan-cms.net/blog/2022/12/89559/ カスタマイズ内容数字のカウントアップ サンプル 画像をクリックするとサンプルページへ移動します。 Before After 数字が動的にカウントアップされます 使用テンプレート resposive_type24 見積工数（目安） 1時間 ～ （カスタマイズ内容による） 作業内容 HTMLの追加 CSSの調整 Javascriptの追加 2022-12-14T14:00:00+09:00 カスタマイズ内容数字のカウントアップ

サンプル

画像をクリックするとサンプルページへ移動します。

数字が動的にカウントアップされます

使用テンプレート

 resposive_type24
見積工数（目安） 1時間 ～ （カスタマイズ内容による）
作業内容
  • HTMLの追加
  • CSSの調整
  • Javascriptの追加
]]> ２８．【テンプレート】モーダルウインドウ https://custom.japan-cms.net/blog/2022/12/89558/ カスタマイズ内容モーダルウインドウ サンプル 画像をクリックするとサンプルページへ移動します。 使用テンプレート resposive_type24 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 HTMLタグの追加 CSSの調整 Javascriptの追加 2022-12-14T12:00:00+09:00 カスタマイズ内容モーダルウインドウ

サンプル

画像をクリックするとサンプルページへ移動します。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • HTMLタグの追加
  • CSSの調整
  • Javascriptの追加

]]> ２７．【ブログ】カスタムフィールド活用事例 https://custom.japan-cms.net/blog/2022/12/89557/ カスタマイズ内容カスタムフィールド活用事例 サンプル 画像をクリックするとサンプルページへ移動します。 使用テンプレート resposive_type24 見積工数（目安） 1時間 ～ （カスタマイズ内容による） 作業内容 テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ CSSの調整 2022-12-14T11:10:00+09:00 カスタマイズ内容カスタムフィールド活用事例

サンプル

画像をクリックするとサンプルページへ移動します。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間 ～ （カスタマイズ内容による）
作業内容
  • テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ
  • CSSの調整
]]> ２６．【ブログ】ブログ最新一覧のスライド化 https://custom.japan-cms.net/blog/2022/12/89556/ カスタマイズ内容ブログ最新一覧のスライド化 サンプル 画像をクリックするとサンプルページへ移動します。 使用テンプレート resposive_type24 見積工数（目安） 2時間～（カスタマイズの内容による） 作業内容 テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ CSSの調整 Javascriptの追加 2022-12-13T14:20:00+09:00 カスタマイズ内容ブログ最新一覧のスライド化

サンプル

画像をクリックするとサンプルページへ移動します。

使用テンプレート

 resposive_type24
見積工数（目安） 2時間～（カスタマイズの内容による）
作業内容
  • テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ
  • CSSの調整
  • Javascriptの追加
]]> ２５．【テンプレート】ECの購入ボタンを追加配置 https://custom.japan-cms.net/blog/2022/12/89555/ カスタマイズ内容ECの購入ボタンを追加配置 サンプル 画像をクリックするとサンプルページへ移動します。 使用テンプレート resposive_type24 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ CSSの調整 2022-12-13T13:00:00+09:00 カスタマイズ内容ECの購入ボタンを追加配置

サンプル

画像をクリックするとサンプルページへ移動します。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ
  • CSSの調整
]]> ２４．ページ内への動画埋め込み https://custom.japan-cms.net/blog/2022/04/89517/ カスタマイズ内容ページ内へ動画タグを埋め込み再生させる サンプル [[CMSmodule.parts::ad#param=18]] 使用テンプレート resposive_type24 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 HTMLタグの追加 制作動画紹介 会社紹介や商品PV、ドローン空撮の動画など幅広く制作依頼を承っております。 お気軽にご相談ください。 リクルート用会社紹介タイプ ドローン空撮タイプ 商品PVタイプ 2Dアニメーションタイプ 2022-04-07T10:45:00+09:00 カスタマイズ内容ページ内へ動画タグを埋め込み再生させる

サンプル

[[CMSmodule.parts::ad#param=18]]

使用テンプレート

 resposive_type24
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • HTMLタグの追加

制作動画紹介

会社紹介や商品PV、ドローン空撮の動画など幅広く制作依頼を承っております。
お気軽にご相談ください。

リクルート用会社紹介タイプ

ドローン空撮タイプ

商品PVタイプ

2Dアニメーションタイプ

]]> ２３．【ブログ】カテゴリーごとの表示切り替え https://custom.japan-cms.net/blog/2022/03/89516/ カスタマイズ内容カテゴリーから記事を自動抽出 サンプル 画像をクリックするとサンプルページへ移動します。 使用テンプレート resposive_type24 見積工数（目安） 2時間～（カスタマイズの内容による） 作業内容 HTMLタグの追加 CSSの調整 Javascriptの追加 2022-03-24T18:30:00+09:00 カスタマイズ内容カテゴリーから記事を自動抽出

サンプル

画像をクリックするとサンプルページへ移動します。

使用テンプレート

 resposive_type24
見積工数（目安） 2時間～（カスタマイズの内容による）
作業内容
  • HTMLタグの追加
  • CSSの調整
  • Javascriptの追加
]]> ２２．【トピックス】記事の自動切り替え https://custom.japan-cms.net/blog/2022/03/89508/ カスタマイズ内容新着記事を時間経過で切り替え サンプル 画像をクリックするとサンプルページへ移動します。 Before After 新着記事が時間経過で切り替わります。 使用テンプレート resposive_type24 見積工数（目安） 2時間～（カスタマイズの内容による） 作業内容 CSSの調整 Javascriptの追加 2022-03-21T14:55:00+09:00 カスタマイズ内容新着記事を時間経過で切り替え

サンプル

画像をクリックするとサンプルページへ移動します。

Before

新着記事が時間経過で切り替わります。

使用テンプレート

 resposive_type24
見積工数（目安） 2時間～（カスタマイズの内容による）
作業内容
  • CSSの調整
  • Javascriptの追加
]]> ２１．【ブログ】カテゴリーから記事を自動抽出 https://custom.japan-cms.net/blog/2022/03/89502/ カスタマイズ内容カテゴリーから記事を自動抽出 サンプル 画像をクリックするとサンプルページへ移動します。 サンプルページでは「スタイリストA」というカテゴリーが含まれるブログエントリーをギャラリー部分に表示しています。 使用テンプレート resposive_type24 見積工数（目安） 2時間～（カスタマイズの内容による） 作業内容 フリーパーツの作成 CSSの調整 Javascriptの追加 2022-03-21T14:35:00+09:00 カスタマイズ内容カテゴリーから記事を自動抽出

サンプル

画像をクリックするとサンプルページへ移動します。

サンプルページでは「スタイリストA」というカテゴリーが含まれるブログエントリーをギャラリー部分に表示しています。

使用テンプレート

 resposive_type24
見積工数（目安） 2時間～（カスタマイズの内容による）
作業内容
  • フリーパーツの作成
  • CSSの調整
  • Javascriptの追加
]]> ２０．【テンプレート】iframeのレスポンシブ化 https://custom.japan-cms.net/blog/2022/03/89500/ カスタマイズ内容iframeのレスポンシブ化 サンプル 画像をクリックするとサンプルページへ移動します。 Before After 埋め込み部分をレスポンシブ化します。 使用テンプレート resposive_type24 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 HTMLタグの追加 CSSの調整 2022-03-21T14:00:00+09:00 カスタマイズ内容iframeのレスポンシブ化

サンプル

画像をクリックするとサンプルページへ移動します。

埋め込み部分をレスポンシブ化します。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • HTMLタグの追加
  • CSSの調整
]]> １９．【メールフォーム】設問を横並びで配置 https://custom.japan-cms.net/blog/2022/03/89501/ カスタマイズ内容設問を横並びで配置 サンプル 画像をクリックするとサンプルページへ移動します。 Before After 設問を横並びにして表示します。 使用テンプレート resposive_type24 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 CSSの調整 2022-03-20T23:00:00+09:00 カスタマイズ内容設問を横並びで配置

サンプル

画像をクリックするとサンプルページへ移動します。

設問を横並びにして表示します。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • CSSの調整
]]> １８．【テンプレート】ページアクセス時にポップアップ表示 https://custom.japan-cms.net/blog/2021/07/89495/ カスタマイズ内容ページアクセス時にポップアップ表示 サンプル 画像をクリックするとサンプルページへ移動します。 使用テンプレート resposive_type24 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 フリーパーツの作成 CSSの調整 Javascriptの追加 2021-07-08T14:35:00+09:00 カスタマイズ内容ページアクセス時にポップアップ表示

サンプル

画像をクリックするとサンプルページへ移動します。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • フリーパーツの作成
  • CSSの調整
  • Javascriptの追加
]]> １７．【トピックス】新着記事サイズ変更 https://custom.japan-cms.net/blog/2021/07/89494/ カスタマイズ内容新着記事サイズ変更 サンプル 画像をクリックするとサンプルページへ移動します。 Before After 特定の記事を目立たせられます 使用テンプレート responsive_type24 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 CSSの調整 2021-07-07T17:55:00+09:00 カスタマイズ内容新着記事サイズ変更

サンプル

画像をクリックするとサンプルページへ移動します。

Before

特定の記事を目立たせられます

使用テンプレート

 responsive_type24
見積工数（目安）

1時間～（カスタマイズの内容による）
作業内容
  • CSSの調整
]]> １６．【ブログ】新着エントリーをスライド表示 https://custom.japan-cms.net/blog/2021/07/89493/ カスタマイズ内容新着エントリーをスライド表示 サンプル 画像をクリックするとサンプルページへ移動します。 Before After サイトに動きをつけることができます 使用テンプレート responsive_type24 見積工数（目安） 2時間～（カスタマイズの内容による） 作業内容 テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ CSSの調整 Javascriptの追加 2021-07-07T17:55:00+09:00 カスタマイズ内容新着エントリーをスライド表示

サンプル

画像をクリックするとサンプルページへ移動します。

Before

サイトに動きをつけることができます

使用テンプレート

 responsive_type24
見積工数（目安） 2時間～（カスタマイズの内容による）
作業内容
  • テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ
  • CSSの調整
  • Javascriptの追加
]]> １５．【ブログ】記事検索機能 https://custom.japan-cms.net/blog/2021/07/89492/ カスタマイズ内容ブログのカテゴリーを利用した検索機能を搭載します サンプル Afterをクリックするとサンプルページへ移動します。 Before After ユーザーの目的ページへ誘導しやすくなります 使用テンプレート responsive_type24 見積工数（目安） 3時間～（カスタマイズの内容による） 作業内容 テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ CSSの調整 Javascriptの追加 2021-07-07T17:55:00+09:00 カスタマイズ内容ブログのカテゴリーを利用した検索機能を搭載します

サンプル

Afterをクリックするとサンプルページへ移動します。

Before

ユーザーの目的ページへ誘導しやすくなります

使用テンプレート

 responsive_type24
見積工数（目安） 3時間～（カスタマイズの内容による）
作業内容
  • テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ
  • CSSの調整
  • Javascriptの追加
]]> １４．【トピックス】一覧記事を2列表示 https://custom.japan-cms.net/blog/2021/07/89491/ カスタマイズ内容通常1列表示の一覧記事を2列で表示する サンプル 画像をクリックすると拡大表示します。 Before After ページ内の余白が少なくなり、まとまりが出ます 使用テンプレート resposive_type22 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 CSSの調整 2021-07-07T17:55:00+09:00 カスタマイズ内容通常1列表示の一覧記事を2列で表示する

サンプル

画像をクリックすると拡大表示します。

Before

After

ページ内の余白が少なくなり、まとまりが出ます

使用テンプレート

 resposive_type22
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • CSSの調整
]]> １３．【ブログ】エントリーアイコンにカテゴリー追加 https://custom.japan-cms.net/blog/2021/07/89490/ カスタマイズ内容ブログ記事のエントリーアイコンにカテゴリーを表示 サンプル 画像をクリックすると拡大表示します。 Before After 記事のカテゴリーがひと目でわかります 使用テンプレート resposive_type22 見積工数（目安） 1時間 ～ （カスタマイズ内容による） 作業内容 テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ CSSの調整 2021-07-07T17:50:00+09:00 カスタマイズ内容ブログ記事のエントリーアイコンにカテゴリーを表示

サンプル

画像をクリックすると拡大表示します。

Before

After

記事のカテゴリーがひと目でわかります

使用テンプレート

 resposive_type22
見積工数（目安） 1時間 ～ （カスタマイズ内容による）
作業内容
  • テンプレートのHTMLファイルにモジュールタグを追加し、カスタマイズ
  • CSSの調整
]]> １２．【スライダー】ボタンデザイン変更 https://custom.japan-cms.net/blog/2021/07/89489/ カスタマイズ内容スライダーに表示される矢印ボタンのデザイン変更 サンプル 画像をクリックすると拡大表示します。 Before After 様々なボタンデザインに対応可能です。ご相談ください。 使用テンプレート resposive_type24 見積工数（目安） 1時間 作業内容 ボタン画像の変更 CSSの調整 2021-07-07T17:50:00+09:00 カスタマイズ内容スライダーに表示される矢印ボタンのデザイン変更

サンプル

画像をクリックすると拡大表示します。

Before

After

様々なボタンデザインに対応可能です。ご相談ください。

使用テンプレート

 resposive_type24
見積工数（目安） 1時間
作業内容
  • ボタン画像の変更
  • CSSの調整
]]> １１．【メニュー】下層メニューのマウスオーバー表示 https://custom.japan-cms.net/blog/2021/07/89488/ カスタマイズ内容HEADERブロックのメニューパーツの2階層目が、ドロップダウンでバナー画像とメニュー名が均等の列幅で表示されるように対応。 サンプル Afterをクリックするとサンプルページへ移動します。 Before After 画像とテキストを組み合わせることも可能です 使用テンプレート responsive_type06 見積工数（目安） 1時間～（カスタマイズの内容による） 作業内容 テンプレートのHTMLファイルのモジュールタグをカスタマイズ CSSの調整 2021-07-07T17:40:00+09:00 カスタマイズ内容HEADERブロックのメニューパーツの2階層目が、ドロップダウンでバナー画像とメニュー名が均等の列幅で表示されるように対応。

サンプル

Afterをクリックするとサンプルページへ移動します。

Before

画像とテキストを組み合わせることも可能です

使用テンプレート

 responsive_type06
見積工数（目安） 1時間～（カスタマイズの内容による）
作業内容
  • テンプレートのHTMLファイルのモジュールタグをカスタマイズ
  • CSSの調整
]]>