ワードプレスTips | イントコーポレーション株式会社

制作事例

みつみね不動産

投稿者作成者: イントコーポレーション
投稿日 2024-09-03

みつみね不動産

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

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

主な仕様

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

みつみね不動産

制作事例

株式会社チバマリア

投稿者作成者: イントコーポレーション
投稿日 2024-08-29

株式会社チバマリア

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

主な仕様

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

株式会社チバマリア

制作事例

WeGuide NOKOGIRIYAMA.

投稿者作成者: イントコーポレーション
投稿日 2024-08-22

WeGuide NOKOGIRIYAMA

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

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

主な仕様

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

WeGuide NOKOGIRIYAMA

制作事例未分類

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

投稿者作成者: イントコーポレーション
投稿日 2024-08-01

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

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

主な仕様

ブロックアニメーション

安房薬剤師会薬業会

制作事例

エムズホーム南房総

投稿者作成者: イントコーポレーション
投稿日 2024-07-24

エムズホーム南房総

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

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

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

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

主な仕様

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

エムズホーム南房総

Tips

Twenty Twenty Four 子テーマ設置

投稿者作成者: イントコーポレーション
投稿日 2024-06-28

テーマ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設定

投稿者作成者: イントコーポレーション
投稿日 2024-06-27

ワードプレスの公式テーマ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');

制作事例