記事一覧
VK Filter Search Proの検索キーワード履歴を表示する方法 | WordPress無料テーマLightning対応
SWELLマニアのかんた(@swell_mania)です。
本記事はWordPress絞り込み検索プラグイン「VK Filter Search Pro」のカスタマイズメモです。絞り込み検索フォームのキーワード検索機能を少しアレンジしてみました。
今回はユーザーが入力したキーワード履歴を記録し、画面に表示するというカスタマイズです↓
キーワード履歴はセッションごとです。
例えばAさんが検索し
【SWELL】メインビジュアル動画の音声有効化する切り替えボタンの設置方法
SWELLマニアのかんた(@swell_mania)です。
メインビジュアルの動画に音声を有効化する再生ボタンを付けてみました↓
「BGMをオンにする」のボタンをクリックすると、動画のBGMが再生するというシンプルな作りです。
音声を再生中に再びボタンをクリックすると音声は停止します。
標準機能だとメインビジュアル動画のBGMは再生されない
SWELLのメインビジュアルはカスタマイザーか
【SWELL】目次のタイトルを特定の記事や固定ページだけ変更するカスタマイズ方法
SWELLマニアのかんた(@swell_mania)です。
WordPressテーマ「SWELL」のカスタマイズ備忘録をシェアします。今回は、コンテンツエリアに表示される「目次のタイトル」を特定のページだけ変更する方法です。
カスタマイザー上からは設定できない?
目次のタイトルはカスタマイザー上で任意の文字列に指定可能ですが、サイト内で共通です。個別の記事や固定ページごとに変更するオプションは
【SWELL】LPにコメント欄を表示するカスタマイズ
SWELLマニアの かんた(@swell_mania)です。
今回はWordPressテーマSWELLのLPページにコメント欄を表示する作業メモです。
標準だとSWELLのLP機能で作成したページにコメント欄は表示されません。カスタマイズでLPにコメント欄を付けてみたので備忘録を残します。
サンプルサイト
→サンプルサイトを開く
サンプルサイトの環境
LPにコメント欄を表示したサンプル
【JIN:R】コピーライトを編集する方法
WordPressテーマJIN:Rのフッターカスタマイズメモです。
JIN:Rのフッターにはデフォルトでコピーライトが表示される仕様になっています↓
コピーライト部分は「(C)+西暦 + サイトのタイトル」というフォーマットなんですが、この部分はカスタマイザーから表示内容を変更できません。
(C)と西暦を外し、かつサイトのタイトルではない任意の文字列を表示させるカスタマイズを実装してみました
CocoonのPVをSWELLに移設した作業メモ
WordPressテーマをCocoonからSWELLに移行した工程の作業メモです。
こんにちは、SWELLマニアのかんた(@swell_mania)です。
仕事がらWordPressのテーマ乗り換え作業をする機会が多々あります。
その中で、切り替え前のテーマで使用していた一部データをテーマ切り替え後に再利用したいという要望を受けることがあります。
今回はCocoonで作成した記事のPVをS
【SWELL】リッチカラムで画像を上にはみ出すカスタマイズ方法
WordPressテーマSWELLのリッチカラムブロックのアレンジについてす。
ちょっとだけ独自のカスタマイズを加えて、オシャレなサイトに仕上げたい人向けです。
【パターン①】番号ちょいズレ
→デモサイトを開く
リッチカラムの上部に、罫線の上に重なるように番号を表示させるカスタマイズです。
【パターン②】画像ちょいズレ
→デモサイトを開く
リッチカラムから上部に画像をはみ出すカスタマ
【GOLD BLOG】ヘッダー右上に電話番号+問い合わせボタンを表示するカスタマイズ
WordPressテーマGOLD BLOGを使い、コーポレートのデモサイトを作成してみました。
→デモサイトを開く
ヘッダーに電話番号と営業時間、問い合わせ系のボタンリンクを設置する独自カスタマイズをしてみました。
ファーストビューに電話番号や問い合わせボタンを設置することで、サイト訪問者がスムーズに問い合わせができるコーポレート系定番のレイアウト構成です。
本記事ではGOLD BLOGの
【GOLD BLOG】背景に固定動画を設定する方法
最近リリースされたWordPressテーマ「GOLD BLOG」のカスタマイズメモです。
GOLD BLOGは絞り込み検索機能が付いている珍しいテーマ。
色々調べながらデモサイトを作りつつ勉強しています。
最近制作したデモサイトで背景に固定動画を設置するカスタマイズをしてみました↓
→デモサイトを開く
サンプルサイトの構成
よりシンプルな構成にしたサンプルサイトを用意しました。GOLD B
【WordPress】埋め込み動画から「ダウンロード」を無くすカスタマイズ
SWELLマニアのかんた(@swell_mania)です。
今回は、特定のテーマではなくWordPressコアブロックの1つ「動画ブロック」のカスタマイズについての記事になります。
動画ブロックで埋め込んだ動画は、標準の仕様だと「ダウンロード」というオプションが表示されます↓
このボタンだけでなく、動画上で右クリックを押しても、ダウンロードできてしまう仕様です↓
名前の通りなんですがダウン
【SWELL】カスタム投稿のアーカイブページにブログパーツを設置しエディターで編集可能にする
SWELLのカスタム投稿のアーカイブページのタイトル下に、ブログパーツを設置した作業メモです。
下記の画像の「対象スペース」部分です↓
→サンプルサイトを開く
アーカイブページにブログパーツを配置することで、クライアントが自由に編集できるようにするのが目的です。
SWELLのカテゴリーのアーカイブにはブログパーツを設置できる機能があるんですが、カスタム投稿でもそれっぽいカスタマイズができな
【SWELL】2カラム化 | 左側に固定サイドバーを設置するカスタマイズ方法
※2024年4月7日更新しました。
WordPressテーマSWELLで「2カラムデザインにしつつ、左側に固定メニュー」を表示するカスタマイズを実装してみました。
→「和風なサイト」を開く
ブレイクポイントは1,100px。
PCなどで閲覧時には、上記画像の通り左側に固定メニューが表示される仕様です。
サンプルサイト
解説用にシンプルなサンプルサイトを用意しました↓
→サンプルサイトを開
【SWELL】リッチカラムを固定化しオシャレなパーツを作る方法
SWELLマニアのかんた(@swell_mania)です。
WordPressテーマ「SWELL」のリッチカラムブロックを使ったオシャレなカスタマイズを紹介します↓
2つカラム項目を並べて、片側を固定化するとアッという間にオシャレなパーツができてしまいます!
今回はこのオシャレかつ実用的なデザインの作り方をシェアします。
難易度は個人的にかなり低めだと思いますので、ぜひチャレンジしてみてく
解決アプローチと注意事項について
SWELLマニアのかんた(@swell_mania)です。
僕が紹介する有料記事部分内では、カスタマイズ方法だけでなく、ちょっとしたアレンジ方法やカスタマイズが上手く行かない場合の解決アプローチを記事の後半で紹介しています。
トラブルシューティングはおよそ共通なアプローチがあるので本記事にまとめておきます。
ちなみに記事内で紹介しているカスタマイズは、テスト環境上で動作確認した後、本番環境に
【SWELL】半透明な固定サイドバーを表示するカスタマイズ
2023年12月4日更新
WordPressテーマSWELLで半透明な固定のサイドバーを配置してみました。SNSアイコンやナビゲーションになるアイコンを並べると、SWELLじゃないみたいに変化しました!
→このサイトを開く
本記事では半透明でオシャレな固定サイドバーの作り方を紹介します。
ちなみに対象のサイドバーは下記画像内、右側にある赤線内エリアのことでです↓
サンプルサイト
カスタマイ