カテゴリー: 制作事例

新着情報にカテゴリーが複数あるため、タブにクエリーループブロックを組み合わせました。
各カテゴリーページは、それぞれフルサイト編集のテンプレートでできています。

スパム対策としてGoogle reCAPTCHAを設置しました。
またログインアタックを防止するため、ログインURLを変更しています。

主な仕様

スライダー
タブ機能
Google reCAPTCHA

南房総ちくらの道の駅「潮風王国」にある「市場食堂　せん政水産」です。
目玉のてっぱつ「あじフライ」が主張するように随所に配置た楽しい雰囲気のサイトです。

主な仕様

ズームアウトスライダー
水平無限スライダー
各種アニメーション
インスタグラム埋め込み

不動産サイトということで、ワードプレスのフルサイト編集の機能のテンプレートとパターンに、カスタムフィールドを組み合わせて作り上げました。

売買や賃貸の検索には独自のプラグインを開発しています。
またカスタムフィールドを表示するプラグインもオリジナルです。

主な仕様

ズームインスライダー
水平無限スライダー
各種アニメーション
売買検索プラグイン
賃貸検索プラグイン
カスタムフィールド表示プラグイン
テンプレート12種類
パターン（非同期２種類）
パターン（同期２種類）

ファーストビューはオリジナルのSVGアニメーションです。
ランダムに移動する様々なサイズの複数の円と、呼吸をするように伸び縮みをする円を組み合わせています。

主な仕様

SVGアニメーション
各種アニメーション機能
アコーディオン
Google reCAPTCHA v3

一般社団法人鋸山ガイドセンター：通称「ウィーガイド鋸山」は2024年5月に発足したガイド派遣組織で、鋸山のツアーとガイド派遣及びガイド育成をご案内するサイトです。

Newsはフルサイト編集のパターンでできています。
ツアーの所要時間・レベル・料金はカスタムフィールドです。

主な仕様

ズームアウトスライダー
アニメーション
水平無限スライダー

このサイトはワードプレスのテーマの中でもフルサイト編集ができる公式テーマを採用しました。

ファーストビューの背景パララックスはJQueryを使ったカスタムスクリプトです。

トップページの物件群はスクロールに応じて明度を変化させています。これもJQueryを使ったカスタムスクリプトです。

カテゴリーページネーションはオリジナルブロックをプラグインとして開発しました。

主な仕様

パララックス
リロードランダム画像
スライドイン
スクロールアニメ（明度変化）
カテゴリーページネーション
スティッキー
ふきだしアニメーション

キャンプやグランピングの魅力を味わいながらも、より快適な空間で心地よい休息が得られることが特長のロッヂです。

カラフルなロッヂの色合いを元に、空と海や緑あふれる大自然を感じてもらえるよう明るいイメージで作成し、画像の縁は大きめの角丸にしてやさしい印象を演出しました。

主な仕様

ズームイン
スライドイン
１文字アニメーション
水平スライダー
フロート予約ボタン（スマートフォンではフッタに固定）
アコーディオン
ルートマップ

2005年に制作のご依頼をいただいてから何回目かの全面リニューアルです。
ファーストビューは、お料理の写真をズームインしていますが、この写真の縁にある透過枠は設置が少し大変でした。
この部分はswiperを使っているので、簡単にスライドショーにすることができます。

主な仕様

ズームイン
スライドイン
１文字アニメーション
水平スライダー
垂直スライダー
ゆらゆらアニメーション
フロート予約ボタン（スマートフォンではフッタに固定）
トピックス投稿機能
マイマップでおすすめ観光スポット作成

安心・安全をイメージしたグリーンをベースに、丸みを帯びた優しいデザインにしました。
ファーストビューは、右からスライドインしてズームアップします。キャッチコピーは時間差で下からのスライドインです。

主な仕様

スライドインアニメーション
１文字アニメーション
水平スライダー
パララックス