HISASHI

WEB制作しています。 WEBデザイン・コーディング | 好きなテンプレートテーマ…

HISASHI

WEB制作しています。 WEBデザイン・コーディング | 好きなテンプレートテーマはSWELL、Snow Monkey カスタマイズ得意です。 エックスサーバービジネスパートナー認定

  • SWELLのカスタマイズ集

    WordPressの人気テーマSWELLで、「こんな実装をしたい！」をお届けします。 かゆい所に手が届くSWELLのカスタマイズ集です。

  • 固定された記事

SWELLで記事スライダーを自由に実装する方法

WEB制作しているHISASHIです。 WordPressの人気テーマ「SWELL」で、自作の記事スライダーを設置する方法を解説します。 気になった方は是非ご検討ください。 記事スライダーの動き例として、記事内にカード型、サムネイル型でスライダーを設置してみました。 動きもSWELL標準の記事スライダーとほぼほぼ変わりありません。 というのも、SWELLに搭載されているswiper（スワイパー）というスライダー用ライブラリをそのまま使用しているからです。 また、「投

9,000
HISASHI

    • 【SWELL】カスタムフィールドを記事一覧ページに表示させる方法

      WEB制作しているHISASHIです。 SWELLで、カスタムフィールドの値を一覧ページの各記事に表示させる方法を解説いたします。 「投稿リスト」ブロックにも対応しているので、どの固定ページにも表示させることが可能です。 HTMLやPHPの基礎知識があれば、簡単にアレンジできるようになっていますので、ぜひ読み進めてご検討ください。 実装のポイント今回の実装方法は、フックでカスタマイズするため、テンプレートファイルは編集しません。 そのため、メンテナンスしやすくアップ

      10,000
      HISASHI

      • WordPressの詳細ブロックをアコーディオンアニメーションさせる方法

        WEB制作しているHISASHIです。 WordPress6.3で追加された「詳細」ブロックで、アコーディオンアニメーションさせる方法を解説します。 自分で実装することで、わざわざアコーディオンのためのプラグインを入れる必要はなくなり、自分好みのアコーディオンブロックとして活用することができます。 是非ご検討ください。 詳細ブロックのアコーディオン化 詳細ブロックは、開閉式のブロックで、details / summaryタグが使用されています。 HTML構造が最適

        2,000〜
        割引あり
        HISASHI

        • SWELLのFAQブロックを高品質なアコーディオンにする方法

          WEB制作しているHISASHIです。 WordPressの人気テーマ「SWELL」で、FAQ（よくある質問）ブロックをアコーディオンにする方法を解説します。 SEO対策や障害者向けのリーダー（画面情報の読み上げ音声ソフト）としても問題なく機能できるようアクセシビリティにも配慮しながら実装しました。 アコーディオン化は、コピペ２回するだけの簡単作業なので初心者でも安心。 気になった方は読み進めてみてください。 FAQアコーディオンブロックとはFAQブロックは、構造化デ

          6,000
          HISASHI
        • 固定された記事

        SWELLで記事スライダーを自由に実装する方法

        HISASHI

        マガジン

        • SWELLのカスタマイズ集
          6本

        記事

          【SWELL】お問い合わせフォームを綺麗にデザインするカスタマイズ

          WEB制作をしているHISASHIです。 今回は、お問い合わせフォームを綺麗にデザインするカスタマイズをご紹介したいと思います。 使用しているプラグインは「Contact Form by WPForms」です。 このプラグインはSWELL公式サイトでも紹介されているため、SWELLユーザーの方も利用されている方も多いのではないでしょうか。 もし、細かいこだわりがなければ「Contact Form 7」よりも簡単に設定できるため、一度試してみることをおすすめします。

          1,000
          HISASHI

          【SWELL】お問い合わせフォームを綺麗にデザインするカス…

          HISASHI

          【SWELL】ヘッダーメニューの一部をボタン化する方法

          WEB制作しているHISASHIです。 今回は、コーポーレートサイトでもよく使われている「ヘッダーの一部をボタン化する」というカスタマイズをご紹介したいと思います。 どのようなものかは以下をご覧ください。 なお今回のカスタマイズ方法では、どの位置のメニューであっても簡単に変更することができます。 もちろん、色をメインカラーや任意の色に変更したり、大きさを自由に変更することも可能です。 また今回のカスタマイズは、すでに作られているヘッダーメニューをそのまま使うことがで

          1,000
          HISASHI

          【SWELL】ヘッダーメニューの一部をボタン化する方法

          HISASHI

          【SWELL】カスタム投稿タイプでタームラベルを表示する方法【サムネ上にカテゴリ】

          WEB制作しているHISASHIです。 WordPressの人気テーマ「SWELL」で、カスタム投稿タイプとカスタムタクソノミーに対応させる方法をご紹介します。 SWELLは標準で、カスタム投稿タイプの一覧ページにタームラベルを表示する機能は備わっていません。 以下のように、サムネ上に表示されるはずのタームラベルは消えた状態になっています。 タームラベルを表示させるには、子テーマのfunctions.phpにあるコードを記述する必要があります。 テンプレートファイル

          9,000
          HISASHI

          【SWELL】カスタム投稿タイプでタームラベルを表示する方…

          HISASHI