館山商工会議所
新着情報にカテゴリーが複数あるため、タブにクエリーループブロックを組み合わせました。
各カテゴリーページは、それぞれフルサイト編集のテンプレートでできています。
スパム対策としてGoogle reCAPTCHAを設置しました。
またログインアタックを防止するため、ログインURLを変更しています。
主な仕様
スライダー
タブ機能
Google reCAPTCHA
カテゴリーページ(お知らせ、経営支援、セミナー、検定)
新着情報にカテゴリーが複数あるため、タブにクエリーループブロックを組み合わせました。
各カテゴリーページは、それぞれフルサイト編集のテンプレートでできています。
スパム対策としてGoogle reCAPTCHAを設置しました。
またログインアタックを防止するため、ログインURLを変更しています。
スライダー
タブ機能
Google reCAPTCHA
カテゴリーページ(お知らせ、経営支援、セミナー、検定)
南房総ちくらの道の駅「潮風王国」にある「市場食堂 せん政水産」です。
目玉のてっぱつ「あじフライ」が主張するように随所に配置た楽しい雰囲気のサイトです。
ズームアウトスライダー
水平無限スライダー
各種アニメーション
インスタグラム埋め込み
不動産サイトということで、ワードプレスのフルサイト編集の機能のテンプレートとパターンに、カスタムフィールドを組み合わせて作り上げました。
売買や賃貸の検索には独自のプラグインを開発しています。
またカスタムフィールドを表示するプラグインもオリジナルです。
ズームインスライダー
水平無限スライダー
各種アニメーション
売買検索プラグイン
賃貸検索プラグイン
カスタムフィールド表示プラグイン
テンプレート12種類
パターン(非同期2種類)
パターン(同期2種類)
ファーストビューはオリジナルのSVGアニメーションです。
ランダムに移動する様々なサイズの複数の円と、呼吸をするように伸び縮みをする円を組み合わせています。
公開3か月後に機能追加
・TOPIX新設
・マリア通信新設
・他
SVGアニメーション
各種アニメーション機能
アコーディオン
Google reCAPTCHA v3
カテゴリーページ(TOPIX、マリア通信)
一般社団法人鋸山ガイドセンター:通称「ウィーガイド鋸山」は2024年5月に発足したガイド派遣組織で、鋸山のツアーとガイド派遣及びガイド育成をご案内するサイトです。
Newsはフルサイト編集のパターンでできています。
ツアーの所要時間・レベル・料金はカスタムフィールドです。
ズームアウトスライダー
アニメーション
水平無限スライダー
このサイトはワードプレスのテーマの中でもフルサイト編集ができる公式テーマを採用しました。
常時最新情報を掲載するため、お客様がメンテナンスしやすいように、シンプルなホームページにしました。
ブロックアニメーション
このサイトはワードプレスのテーマの中でもフルサイト編集ができる公式テーマを採用しました。
ファーストビューの背景パララックスはJQueryを使ったカスタムスクリプトです。
トップページの物件群はスクロールに応じて明度を変化させています。これもJQueryを使ったカスタムスクリプトです。
カテゴリーページネーションはオリジナルブロックをプラグインとして開発しました。
パララックス
リロードランダム画像
スライドイン
スクロールアニメ(明度変化)
カテゴリーページネーション
スティッキー
ふきだしアニメーション
キャンプやグランピングの魅力を味わいながらも、より快適な空間で心地よい休息が得られることが特長のロッヂです。
カラフルなロッヂの色合いを元に、空と海や緑あふれる大自然を感じてもらえるよう明るいイメージで作成し、画像の縁は大きめの角丸にしてやさしい印象を演出しました。
ズームイン
スライドイン
1文字アニメーション
水平スライダー
フロート予約ボタン(スマートフォンではフッタに固定)
アコーディオン
ルートマップ
2005年に制作のご依頼をいただいてから何回目かの全面リニューアルです。
ファーストビューは、お料理の写真をズームインしていますが、この写真の縁にある透過枠は設置が少し大変でした。
この部分はswiperを使っているので、簡単にスライドショーにすることができます。
ズームイン
スライドイン
1文字アニメーション
水平スライダー
垂直スライダー
ゆらゆらアニメーション
フロート予約ボタン(スマートフォンではフッタに固定)
トピックス投稿機能
マイマップでおすすめ観光スポット作成
安心・安全をイメージしたグリーンをベースに、丸みを帯びた優しいデザインにしました。
ファーストビューは、右からスライドインしてズームアップします。キャッチコピーは時間差で下からのスライドインです。
スライドインアニメーション
1文字アニメーション
水平スライダー
パララックス