コーディング
welcartコーディング
カテゴリーを指定して出力
welcartでは商品の投稿タイプが「post」なので、通常の投稿と商品が同じ投稿タイプになっています。
なので新着商品のみを出力するためにはカテゴリーを指定して出力する必要があります。
具体的な方法については下記記事で紹介しています。
WordPressのWelcartで商品のみ、または投稿記事のみをループで出力する方法について記事にしています。
会員のログイン状態で「ログイン」と「ログアウト」の表示を切り替える
WordPress管理画面の「外観」の「メニュー」で設定したメニュー内でテンプレートタグを使用することはできないため、テンプレータグを使用せずに「ログイン」と「ログアウト」の表示を切り替える方法で実装しました。具体的な方法については下記記事で紹介しています。
welcartで会員のログイン状態によってクラスを付与しログインとログアウトの表示を切り替える方法について記事にしています。
ページネーションが存在しない時の条件分岐
ページネーションが存在しないときもページネーションのwrapper要素が表示されていたため、そのwrapper要素にcssが適用され、余白が広がってしまう状態になっていたのを修正しました。どのように条件分岐をしたかは下記記事で紹介しています。
WordPressでページネーションが存在しない時に、wrapper要素を非表示にした方法について記事にしています。
介護・福祉会社トップページコーディング
psdファイルをいただいてコーディングをしました。
カスタマイズ・実装
スマホ用追従フッターの設置
クライアント様からご依頼があり、下記記事で紹介しているようなスマホ追従フッターを設置させていただきました。
スマホ追従フッターのデザインをコピペで簡単に実装できるようにhtml・cssのソースコードを紹介しています。
トップページにスライダーの実装
下記記事で紹介しているような「PC3列表示、スマホ1列表示、自動再生、矢印なし、ページネーションボタンの表示」のみのシンプルなスライダーをswiper.jsを使用して実装しました。
実務で依頼をいただき作成したswiperスライダー（自動再生・ページネーションあり・矢印なし・PC3列・スマホ1列）を紹介しています。
メインビジュアル吹き出しアニメーションの実装
下記記事で紹介しているような吹き出しのアニメーションを実装しました。
実務経験で作成したメインビジュアルキャッチコピーの吹き出しアニメーションをhtml・cssのソースコードも合わせて紹介しています。
カスタム投稿タイプ「施工事例」に施工事例カテゴリーを追加
施工事例カテゴリー一覧ページの作成
元々、施工事例が「Custom Post Type UI」でプラグインで作成してあったため、プラグインで施工事例カテゴリーを追加しました。
サイドバーに施工事例カテゴリーの一覧を表示
普通に一覧を表示させると並び順が「文字列順」になり、「その他」カテゴリーが一覧の一番上になってしまうため、並び順をカスタマイズしました。
サムネイルの左上にカテゴリー名を表示
WordPressのカスタム投稿タイプ一覧・詳細ページに管理画面でチェックを入れたカテゴリーを表示するソースコード
WordPressのカスタム投稿タイプ一覧・詳細ページに管理画面でチェックを入れたカテゴリーを表示するソースコードについて記事を書いています。
カテゴリー名を表示させるときにあり得るエラーについて
Fatal error: Uncaught ArgumentCountError: Too few arguments to functionエラーの発生原因と対処した方法について記事にしています。
他のPHPエラーの記事
カスタム投稿タイプ「ブランド」一覧ページに任意のおすすめブランドを表示する
任意のおすすめブランドを表示させるためには管理画面から編集できるようにする必要があります。
そのためには「固定ページ」でブランド一覧ページを表示させる必要がありました。
つまり「archive-brand.php」から「page-brand.php」で表示するように変更しました。どのように表示させたかは下記記事で紹介しています。
カスタム投稿タイプ「コラム」のカテゴリー一覧の並び順の変更
クライアント様はプラグイン使用していたため並び順の変更が簡単にできました。下記記事で紹介しています。
なお、カスタム投稿タイプの並び順の変更をプラグインを使用しなくても可能です。プラグインを使用しない方法は下記記事で紹介しています。
その他
静的ページをWordPressへ移行
Xserverにミルキーステップの設置
SEO対策
THE THORテーマの固定ページに、meta description作成、altタグづけ
