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