円周上(円形)にメニュー項目を配置して回転させたカスタマイズ例

カテゴリー: WordPress、カスタマイズ

タグ: CSS アニメーション

こんなかんじの注意を惹く配置と動きがあるグローバルナビって作れるのかなぁ...と思ってやってみたらできました。

円周上(円形)にグローバルナビのメニュー項目を配置して、円周に沿ってメニュー項目が回転するアニメーション動作を加えたカスタマイズ例です。

レスポンシブ対応していますが、このカスタマイズはスマホには適していないかもしれません。

次はクエリーループを使って、この動きをする新着情報（投稿リスト）を作ってみようかな。
できるかどうかわからんけど...

WordPress のカスタマイズをお手伝いします

ベクトル公式テクニカルパートナーがあなたをオンラインでサポート

Zoom で画面共有して、Q&Aでサポートいたします。
わからないところや疑問点をどんどん質問してください。すぐその場で解決をお手伝いします。

アクションフック / フィルターフック / PHP / jQuery / CSS のカスタマイズのご依頼も承ります。
自分では思い通りにできないのでプロの力を借りたい方、ぜひご利用ください。

ご相談・お仕事のご依頼はこちらのお問い合わせフォームからお願いいたします。

--- この部分について ---
投稿の最後にカテゴリーごとに異なるコンテンツを出し分けるカスタマイズを行っています。
いまご覧になっているこの部分はカテゴリー WordPress の投稿に表示されています。

例えば、部署や施設が投稿のカテゴリーになっていて、投稿の最後に担当部署の連絡先や施設の紹介を載せたいというご要望にこのカスタマイズでお応えできます。

投稿者プロフィール

対馬俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。

≫メールでのお問い合わせはこちら