この記事は公開から8年、最終更新日からも6年経過しています。内容が古くなっている可能性があります。

概要

いつも楽器のメンテナンス等でお世話になっております福岡市けやき通りの管楽器専門店「ベルテック」様のサイトを構築させて頂きました。

サイトとトップページ

◯実サイト
ベルテック

◯トップページ(PC表示例)

◯トップページ(スマホ表示例)　※クリックすると縦方向もフルサイズでご覧になれます。

◯カテゴリーページ(PC表示例:メインコンテンツ部分のみ)

◯個別ページ(PC表示例:メインコンテンツ部分のみ)

担当範囲

・ドメイン取得、サーバー契約代行
・WordPressテーマ選定、カスタマイズによるデザイン
・コンテンツ作成

構築環境

・クライアント様環境で直接カスタマイズ

技術的メモ

◯WordPressテーマ：Besty

◯右サイドバーをトップページ以外はデフォルト非表示に。
・jQuery
・トップページかどうかの判定

◯関連記事「ほかにもこんなの」をプラグイン非使用で実装
・「Related Post」系のプラグインは、親カテゴリ等も関連記事の表示対象となるが、そうすると、アルトサックスのマウスピースの個別記事表示時にトランペットのマウスピースの個別記事も関連記事と表示してしまうため自作。
・完全に同一カテゴリのみを関連記事「ほかにもこんなの」として表示するようにしました。

◯Google Mapに周辺駐車場情報表示
・Google Maps API(Google Maps Web APIs — Google Developers
) を利用したjQueryで実装
・別途、方法はまとめたいと思いますが、概要としては以下の通り
　　iPhone4SのGoogleMapで各コインパーキングの場所に出向き、お気に入り登録
　　複数のお気に入り地点の経度、緯度に、マーカーを、Google Maps APIを利用したjQueryで追加。
　　地図を表示するページのみ作成したjQueryを読み込み

◯周辺地図自作

・イラストレータ使用

◯お店へのアクセスを詳細に紹介
福岡空港、博多駅、西鉄福岡(天神)駅、地下鉄赤坂駅からのアクセス

◯その他カスタマイズ内容
・トップページに特定の固定ページ(Welcome to belltech / ようこそ!!)の内容を挿入
・メタ情報非表示
・Googleウェブマスターツールへの登録
・縦方向スクロールの際にトップページに戻るボタン(jQuery)
・ページ内リンク先スクロール(jQuery)
・レスポンシブ対応(元テーマが対応済ですので、少しの調整等実施)

◯導入したプラグイン
・Easing Slider：トップページの画像スライダー
・Auto Post Thumbnail：投稿の最初の画像をアイキャッチ画像に設定
・Easy FancyBox：画像ポップアップ
・EWWW Image Optimizer：画像サイズ圧縮
・Add Meta Tags：metaタグ自動生成
・Category Order and Taxonomy Terms Order：カテゴリ、タグの表示順番変更
・Google XML Sitemaps：Google検索エンジン用のサイトマップ
・PS Auto Sitemap：表示用のサイトマップ
・SiteGuard WP Plugin：セキュリティ強化
・BackWPup：バックアップツール

最後に

・これからもベルテックを利用したいと思います！
・また、サイト構築、WordPressカスタマイズ、レスポンシブ対応等、お仕事、お受けいたします。どうぞお気軽にこちらのEmailよりお問合せ下さい。
//////////