マガジンのカバー画像

SWELL

5
運営しているクリエイター

記事一覧

【SWELL】ヘッダーにサブメニューを追加するカスタマイズ方法

【SWELL】ヘッダーにサブメニューを追加するカスタマイズ方法

※2023年11月24日追記
SWELL最新バージョン(2.8.1)でも有効です。

WordPressテーマ「SWELL」のカスタマイズテクニックです。

↓次の画像のようにヘッダーの上部にサブメニューを追加した作業メモをシェアします。

このデモサイトのURL
https://webrent.xsrv.jp/demo/swell28/

テーマのアップデートを考慮し、テンプレートファイルを編集

もっとみる
【SWELL】スマホのグロナビ(ハンバーガーメニュー)をPCでも表示させるカスタマイズ

【SWELL】スマホのグロナビ(ハンバーガーメニュー)をPCでも表示させるカスタマイズ

※2023年6月3日追記
SWELL最新バージョン(2.7.5.1)でも有効です。

SWELLマニアの、かんた(@swell_mania)です。

本記事ではスマホサイトに表示される「ハンバーガーメニューを、PCサイトでも表示させる」作業メモをシェアします。

↓以下、今回のカスタマイズを実装したデモサイトです。

デモサイト

「ハンバーガーメニュー」はページの上部に表示される以下のパーツのこ

もっとみる
SWELLでメガメニューを実装するカスタマイズ

SWELLでメガメニューを実装するカスタマイズ

※2023年5月11日追記

SWELL最新バージョン(2.7.5.1)でも有効です。

仕事でWebサイトを制作をした際、WordPressテーマ「SWELL」のグロナビに「メガメニュー」を実装しました。その際の作業メモです。

メガメニューって何だ?メガメニューとは、グロナビのメニューにカーソルを合わせたタイミングでメニューエリアが拡張される機能のことです(↓下記Gifアニメーション参照)。

もっとみる
【SWELL】メインビジュアルの下にグロナビ(メニュー)を表示するカスタマイズ

【SWELL】メインビジュアルの下にグロナビ(メニュー)を表示するカスタマイズ

※2023年11月24日追記

SWELL最新バージョン(2.8.1)でも有効です。

WordPress有料テーマSWELLのカスタマイズテクニックです。

SWELLの標準機能にはメインビジュアルの「下」にグロナビ(メニュー)を設置するオプションはありません。

メインビジュアルの下にグロナビを設置する制作案件があり、その際の作業を自分用にメモしました。

以下今回のカスタマイズを実装したデモ

もっとみる
【SWELL】ヘッダーの右上に電話番号・問い合わせボタンを追加表示するカスタマイズ方法

【SWELL】ヘッダーの右上に電話番号・問い合わせボタンを追加表示するカスタマイズ方法

※2023年11月24日追記
SWELL最新バージョン(2.8.1)でも有効です。

WordPress有料テーマの「SWELL」のカスタマイズについてです。

企業サイトを作っていると、ヘッダーの右上部分に電話番号や営業時間を入れて欲しいといった要望を受けることがあります。

クライアントにヒアリングしてみると、以下の画像のような要望が多いなと感じます。

【企業サイト制作でよくある要望】
・電

もっとみる