カテゴリー
制作事例

館山商工会議所(館山市)

館山商工会議所

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

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

主な仕様


スライダー
タブ機能
Google reCAPTCHA

カテゴリー
制作事例

市場食堂 せん政水産(南房総市)

市場食堂 せん政水産

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

主な仕様


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

カテゴリー
制作事例

みつみね不動産(館山市)

みつみね不動産

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

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

主な仕様


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

カテゴリー
制作事例

株式会社チバマリア(館山市)

株式会社チバマリア

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

主な仕様

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

カテゴリー
制作事例

WeGuide NOKOGIRIYAMA.

WeGuide NOKOGIRIYAMA

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

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

主な仕様

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

カテゴリー
制作事例 未分類

一般社団法人 安房薬剤師会薬業会(館山市)

一般社団法人 安房薬剤師会薬業会

このサイトはワードプレスのテーマの中でもフルサイト編集ができる公式テーマを採用しました。
常時最新情報を掲載するため、お客様がメンテナンスしやすいように、シンプルなホームページにしました。

主な仕様

ブロックアニメーション

カテゴリー
制作事例

エムズホーム南房総(南房総市)

エムズホーム南房総

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

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

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

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

主な仕様

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

カテゴリー
Tips

Twenty Twenty Four 子テーマ設置

テーマTwenty Twenty Fourを編集することがある場合は、子テーマを作成します。子テーマを作成しないとと親テーマのTwenty Twenty Fourがアップデートされたときに編集内容がリセットされてしまうためです。

1.子テーマのフォルダを作成します。このフォルダ名はその後変更しないようにします。

2.子テーマフォルダにstyle.cssをアップロードします。
Theme Nameは自由に付けてください。

/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
*/

3.子テーマフォルダにfunctions.phpをアップロードします。

<?php

function enqueue_theme_styles() {
// 親テーマのスタイル
wp_enqueue_style( 'style-parent', get_template_directory_uri() . '/style.css' );
// 子テーマのスタイル
wp_enqueue_style( 'style-child', get_stylesheet_directory_uri() . '/style.css', array('style-parent') );
}
add_action( 'wp_enqueue_scripts', 'enqueue_theme_styles' );

以上ですが、あとは必要に応じてcustom-scripts.jsやtheme.jsonを加えます。

カテゴリー
Tips

Twenty Twenty Four Google Analytics設定

ワードプレスの公式テーマTwenty Twenty Fourは、header.phpやfooter.phpがないため従来の方法ではGoogle Analyticsのトラッキングコードを設定できません。

プラグインを使う方法もありますが、次のようにfunction.phpに記述することで</head>の前にスクリプトを埋め込むことができます。

function add_google_analytics() {
    ?>
    <!-- Google Analytics -->

ここにトラッキングコードを記述します

    <!-- End Google Analytics -->
    <?php
}
add_action('wp_head', 'add_google_analytics');
カテゴリー
制作事例

Rainbow Lodge(南房総市)

Rainbow Lodge

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

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

主な仕様

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