カテゴリー
制作事例

みつみね不動産

みつみね不動産

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

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

主な仕様


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

カテゴリー
制作事例

株式会社チバマリア

株式会社チバマリア

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

主な仕様

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

カテゴリー
制作事例

WeGuide NOKOGIRIYAMA.

WeGuide NOKOGIRIYAMA

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

Newsはフルサイト編集のパターンでできています。
ツアーは一部をご紹介してOTAで予約を受け付けるためリンクボタンを配置しています。

主な仕様

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

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

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

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

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

主な仕様

ブロックアニメーション

カテゴリー
制作事例

エムズホーム南房総

エムズホーム南房総

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

ファーストビューの背景パララックスは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文字アニメーション
水平スライダー
フロート予約ボタン(スマートフォンではフッタに固定)
アコーディオン
ルートマップ

カテゴリー
制作事例

ペンションKEIKO

ペンションKEIKO

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

主な仕様

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

カテゴリー
制作事例

有限会社明日香交通

有限会社明日香交通

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

主な仕様

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