目次
コーディング
TCDテーマGENSEN(tcd_050)トップページメインエリアコーディング
TCDテーマエディターにhtmlを記述する形でコーディングしました。
実装・カスタマイズ
LPのCTAボタンの作成とアニメーションの実装
CTAボタンをFigmaで作成しアニメーション付きでWordPressに実装するところまで行いました。どのようなCTAボタンかは下記記事で紹介しています。
上下にぷるぷる揺れるボタン
LPなどで使用される購入を促すボタンを、上下にぷるぷる揺れるアニメーションで実装しました。レイアウトとソースコードも紹介しています。
TCDテーマGENSEN(tcd_050)カスタム投稿タイプ一覧ページコーディング
上記で紹介したGENSENテーマとは別のサイトになります。
以下はカスタマイズ内容です。
１.子テーマの作成
親ファイルテーマを直接変更できないのでまず子テーマを作成しました。
子テーマ作成
WordPressで子テーマを作成する動機と必要性と方法、また子テーマを使用してどのようにカスタマイズをしていくか紹介しています。
２.一覧ページの本文出力部分のカスタマイズ
通常は<?php the_content(); ?>で本文が出力される仕様になっていますが、クライアント様より「下記4項目を表示させ、更に管理画面からその4項目を自由に変更できるようにしたい。」とご要望がありました。Smart Custom Fieldsプラグインを使用して実装しました。
社名：
ホームページURL：
連絡先：
紹介文：
ホームページURL：
連絡先：
紹介文：
３.記事一覧の表示の仕様の変更
PCで記事一覧のサムネイルをホバーすると記事がスライドする仕様になっているが
スライドを解除して通常の記事一覧の表示に変更する。
cssを変更して実装しました。
下記はGENSENテーマのカスタム投稿タイプ一覧ページです。
修正・エラー解消
Elementorで実装されているWordPressサイトのヘッダーとフッターの修正（即日対応）
その他
LPのコピーライティング
Smart Custom Fieldsを使用した他の記事
Smart
この記事ではHTML知識が不要な方でもカスタム投稿タイプの個別ページにスライダーを設置し、管理画面から画像変更できるようにした実務経験について書いています。
