かんた🌊SWELLマニア

IT業界歴22年 / WordPressでWebサイト制作する仕事しています 。 no…

かんた🌊SWELLマニア

IT業界歴22年 / WordPressでWebサイト制作する仕事しています 。 noteではWordPressのカスタマイズを紹介しています。XでもWeb制作者のリアルな情報発信をしております。ぜひフォローよろしくお願いします。 https://webrent.xsrv.jp/

マガジン

記事一覧

VK Filter Search Proの検索キーワード履歴を表示する方法 | WordPress無料テーマLightning対応

SWELLマニアのかんた(@swell_mania)です。 本記事はWordPress絞り込み検索プラグイン「VK Filter Search Pro」のカスタマイズメモです。絞り込み検索フォームのキーワー…

7,980

【SWELL】メインビジュアル動画の音声有効化する切り替えボタンの設置方法

SWELLマニアのかんた(@swell_mania)です。 メインビジュアルの動画に音声を有効化する再生ボタンを付けてみました↓ 「BGMをオンにする」のボタンをクリックすると、動…

5,980

【SWELL】目次のタイトルを特定の記事や固定ページだけ変更するカスタマイズ方法

SWELLマニアのかんた(@swell_mania)です。 WordPressテーマ「SWELL」のカスタマイズ備忘録をシェアします。今回は、コンテンツエリアに表示される「目次のタイトル」を…

【SWELL】LPにコメント欄を表示するカスタマイズ

SWELLマニアの かんた(@swell_mania)です。 今回はWordPressテーマSWELLのLPページにコメント欄を表示する作業メモです。 標準だとSWELLのLP機能で作成したページにコ…

4,980

【JIN:R】コピーライトを編集する方法

WordPressテーマJIN:Rのフッターカスタマイズメモです。 JIN:Rのフッターにはデフォルトでコピーライトが表示される仕様になっています↓ コピーライト部分は「(C)+西…

4,980

CocoonのPVをSWELLに移設した作業メモ

WordPressテーマをCocoonからSWELLに移行した工程の作業メモです。 こんにちは、SWELLマニアのかんた(@swell_mania)です。 仕事がらWordPressのテーマ乗り換え作業をす…

5,980

【SWELL】リッチカラムで画像を上にはみ出すカスタマイズ方法

WordPressテーマSWELLのリッチカラムブロックのアレンジについてす。 ちょっとだけ独自のカスタマイズを加えて、オシャレなサイトに仕上げたい人向けです。 【パターン①…

5,980

【GOLD BLOG】ヘッダー右上に電話番号+問い合わせボタンを表示するカスタマイズ

WordPressテーマGOLD BLOGを使い、コーポレートのデモサイトを作成してみました。 →デモサイトを開く ヘッダーに電話番号と営業時間、問い合わせ系のボタンリンクを設置…

9,890

【GOLD BLOG】背景に固定動画を設定する方法

最近リリースされたWordPressテーマ「GOLD BLOG」のカスタマイズメモです。 GOLD BLOGは絞り込み検索機能が付いている珍しいテーマ。 色々調べながらデモサイトを作りつつ…

6,980

【WordPress】埋め込み動画から「ダウンロード」を無くすカスタマイズ

SWELLマニアのかんた(@swell_mania)です。 今回は、特定のテーマではなくWordPressコアブロックの1つ「動画ブロック」のカスタマイズについての記事になります。 動画…

【SWELL】カスタム投稿のアーカイブページにブログパーツを設置しエディターで編集可能にする

SWELLのカスタム投稿のアーカイブページのタイトル下に、ブログパーツを設置した作業メモです。 下記の画像の「対象スペース」部分です↓ →サンプルサイトを開く アー…

5,980

【SWELL】VK Filter Searchのフォームをモーダルで開くカスタマイズ

SWELLマニアのかんた(@swell_mania)です。 SWELLとVK Filter Search Proを使ったカスタマイズの備忘録です。 VK Filter Search Proの絞り込み項目が多いと、当然ながら…

10,000

【SWELL】2カラム化 | 左側に固定サイドバーを設置するカスタマイズ方法

※2024年4月7日更新しました。 WordPressテーマSWELLで「2カラムデザインにしつつ、左側に固定メニュー」を表示するカスタマイズを実装してみました。 →「和風なサイト…

6,980

【SWELL】リッチカラムを固定化しオシャレなパーツを作る方法

SWELLマニアのかんた(@swell_mania)です。 WordPressテーマ「SWELL」のリッチカラムブロックを使ったオシャレなカスタマイズを紹介します↓ 2つカラム項目を並べて、…

6,980

解決アプローチと注意事項について

SWELLマニアのかんた(@swell_mania)です。 僕が紹介する有料記事部分内では、カスタマイズ方法だけでなく、ちょっとしたアレンジ方法やカスタマイズが上手く行かない場…

【SWELL】半透明な固定サイドバーを表示するカスタマイズ

2023年12月4日更新 WordPressテーマSWELLで半透明な固定のサイドバーを配置してみました。SNSアイコンやナビゲーションになるアイコンを並べると、SWELLじゃないみたいに…

7,980
VK Filter Search Proの検索キーワード履歴を表示する方法 | WordPress無料テーマLightning対応

VK Filter Search Proの検索キーワード履歴を表示する方法 | WordPress無料テーマLightning対応

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

本記事はWordPress絞り込み検索プラグイン「VK Filter Search Pro」のカスタマイズメモです。絞り込み検索フォームのキーワード検索機能を少しアレンジしてみました。

今回はユーザーが入力したキーワード履歴を記録し、画面に表示するというカスタマイズです↓

キーワード履歴はセッションごとです。

例えばAさんが検索し

もっとみる
【SWELL】メインビジュアル動画の音声有効化する切り替えボタンの設置方法

【SWELL】メインビジュアル動画の音声有効化する切り替えボタンの設置方法

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

メインビジュアルの動画に音声を有効化する再生ボタンを付けてみました↓

「BGMをオンにする」のボタンをクリックすると、動画のBGMが再生するというシンプルな作りです。

音声を再生中に再びボタンをクリックすると音声は停止します。

標準機能だとメインビジュアル動画のBGMは再生されない

SWELLのメインビジュアルはカスタマイザーか

もっとみる

【SWELL】目次のタイトルを特定の記事や固定ページだけ変更するカスタマイズ方法

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

WordPressテーマ「SWELL」のカスタマイズ備忘録をシェアします。今回は、コンテンツエリアに表示される「目次のタイトル」を特定のページだけ変更する方法です。

カスタマイザー上からは設定できない?
目次のタイトルはカスタマイザー上で任意の文字列に指定可能ですが、サイト内で共通です。個別の記事や固定ページごとに変更するオプションは

もっとみる
【SWELL】LPにコメント欄を表示するカスタマイズ

【SWELL】LPにコメント欄を表示するカスタマイズ

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

今回はWordPressテーマSWELLのLPページにコメント欄を表示する作業メモです。

標準だとSWELLのLP機能で作成したページにコメント欄は表示されません。カスタマイズでLPにコメント欄を付けてみたので備忘録を残します。

サンプルサイト

→サンプルサイトを開く

サンプルサイトの環境

LPにコメント欄を表示したサンプル

もっとみる
【JIN:R】コピーライトを編集する方法

【JIN:R】コピーライトを編集する方法

WordPressテーマJIN:Rのフッターカスタマイズメモです。

JIN:Rのフッターにはデフォルトでコピーライトが表示される仕様になっています↓

コピーライト部分は「(C)+西暦 + サイトのタイトル」というフォーマットなんですが、この部分はカスタマイザーから表示内容を変更できません。

(C)と西暦を外し、かつサイトのタイトルではない任意の文字列を表示させるカスタマイズを実装してみました

もっとみる
CocoonのPVをSWELLに移設した作業メモ

CocoonのPVをSWELLに移設した作業メモ

WordPressテーマをCocoonからSWELLに移行した工程の作業メモです。

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

仕事がらWordPressのテーマ乗り換え作業をする機会が多々あります。

その中で、切り替え前のテーマで使用していた一部データをテーマ切り替え後に再利用したいという要望を受けることがあります。

今回はCocoonで作成した記事のPVをS

もっとみる
【SWELL】リッチカラムで画像を上にはみ出すカスタマイズ方法

【SWELL】リッチカラムで画像を上にはみ出すカスタマイズ方法

WordPressテーマSWELLのリッチカラムブロックのアレンジについてす。

ちょっとだけ独自のカスタマイズを加えて、オシャレなサイトに仕上げたい人向けです。

【パターン①】番号ちょいズレ

→デモサイトを開く

リッチカラムの上部に、罫線の上に重なるように番号を表示させるカスタマイズです。

【パターン②】画像ちょいズレ

→デモサイトを開く

リッチカラムから上部に画像をはみ出すカスタマ

もっとみる
【GOLD BLOG】ヘッダー右上に電話番号+問い合わせボタンを表示するカスタマイズ

【GOLD BLOG】ヘッダー右上に電話番号+問い合わせボタンを表示するカスタマイズ

WordPressテーマGOLD BLOGを使い、コーポレートのデモサイトを作成してみました。

→デモサイトを開く

ヘッダーに電話番号と営業時間、問い合わせ系のボタンリンクを設置する独自カスタマイズをしてみました。

ファーストビューに電話番号や問い合わせボタンを設置することで、サイト訪問者がスムーズに問い合わせができるコーポレート系定番のレイアウト構成です。

本記事ではGOLD BLOGの

もっとみる
【GOLD BLOG】背景に固定動画を設定する方法

【GOLD BLOG】背景に固定動画を設定する方法

最近リリースされたWordPressテーマ「GOLD BLOG」のカスタマイズメモです。

GOLD BLOGは絞り込み検索機能が付いている珍しいテーマ。
色々調べながらデモサイトを作りつつ勉強しています。

最近制作したデモサイトで背景に固定動画を設置するカスタマイズをしてみました↓

→デモサイトを開く

サンプルサイトの構成
よりシンプルな構成にしたサンプルサイトを用意しました。GOLD B

もっとみる

【WordPress】埋め込み動画から「ダウンロード」を無くすカスタマイズ

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

今回は、特定のテーマではなくWordPressコアブロックの1つ「動画ブロック」のカスタマイズについての記事になります。

動画ブロックで埋め込んだ動画は、標準の仕様だと「ダウンロード」というオプションが表示されます↓

このボタンだけでなく、動画上で右クリックを押しても、ダウンロードできてしまう仕様です↓

名前の通りなんですがダウン

もっとみる
【SWELL】カスタム投稿のアーカイブページにブログパーツを設置しエディターで編集可能にする

【SWELL】カスタム投稿のアーカイブページにブログパーツを設置しエディターで編集可能にする

SWELLのカスタム投稿のアーカイブページのタイトル下に、ブログパーツを設置した作業メモです。

下記の画像の「対象スペース」部分です↓

→サンプルサイトを開く

アーカイブページにブログパーツを配置することで、クライアントが自由に編集できるようにするのが目的です。

SWELLのカテゴリーのアーカイブにはブログパーツを設置できる機能があるんですが、カスタム投稿でもそれっぽいカスタマイズができな

もっとみる
【SWELL】VK Filter Searchのフォームをモーダルで開くカスタマイズ

【SWELL】VK Filter Searchのフォームをモーダルで開くカスタマイズ

SWELLマニアのかんた(@swell_mania)です。
SWELLとVK Filter Search Proを使ったカスタマイズの備忘録です。

VK Filter Search Proの絞り込み項目が多いと、当然ながらページが縦長になります。

デザインをスッキリさせたいと思い、絞り込み検索フォームをモーダルに格納しました。以下、サンプルサイトです↓

→サンプルサイトを開く

トリガーとな

もっとみる
【SWELL】2カラム化 | 左側に固定サイドバーを設置するカスタマイズ方法

【SWELL】2カラム化 | 左側に固定サイドバーを設置するカスタマイズ方法

※2024年4月7日更新しました。

WordPressテーマSWELLで「2カラムデザインにしつつ、左側に固定メニュー」を表示するカスタマイズを実装してみました。

→「和風なサイト」を開く

ブレイクポイントは1,100px。
PCなどで閲覧時には、上記画像の通り左側に固定メニューが表示される仕様です。

サンプルサイト
解説用にシンプルなサンプルサイトを用意しました↓

→サンプルサイトを開

もっとみる
【SWELL】リッチカラムを固定化しオシャレなパーツを作る方法

【SWELL】リッチカラムを固定化しオシャレなパーツを作る方法

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

WordPressテーマ「SWELL」のリッチカラムブロックを使ったオシャレなカスタマイズを紹介します↓

2つカラム項目を並べて、片側を固定化するとアッという間にオシャレなパーツができてしまいます!

今回はこのオシャレかつ実用的なデザインの作り方をシェアします。

難易度は個人的にかなり低めだと思いますので、ぜひチャレンジしてみてく

もっとみる
解決アプローチと注意事項について

解決アプローチと注意事項について

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

僕が紹介する有料記事部分内では、カスタマイズ方法だけでなく、ちょっとしたアレンジ方法やカスタマイズが上手く行かない場合の解決アプローチを記事の後半で紹介しています。

トラブルシューティングはおよそ共通なアプローチがあるので本記事にまとめておきます。

ちなみに記事内で紹介しているカスタマイズは、テスト環境上で動作確認した後、本番環境に

もっとみる
【SWELL】半透明な固定サイドバーを表示するカスタマイズ

【SWELL】半透明な固定サイドバーを表示するカスタマイズ

2023年12月4日更新

WordPressテーマSWELLで半透明な固定のサイドバーを配置してみました。SNSアイコンやナビゲーションになるアイコンを並べると、SWELLじゃないみたいに変化しました!

→このサイトを開く

本記事では半透明でオシャレな固定サイドバーの作り方を紹介します。
ちなみに対象のサイドバーは下記画像内、右側にある赤線内エリアのことでです↓

サンプルサイト
カスタマイ

もっとみる