新着一覧
Web制作メモ
-
【SWELL】横並びカラムの高さを揃えるJavaScriptを作りました【複数グループ対応】
SWELLでカラムを横並びにしたとき、 ボタンの位置がズレる カラムの高さが揃わない デザインがガタついて見える そんなことはありませんか？ 今回は、SWELLのカラムブロックで高さを自動的に揃えるJavaScriptを作成しました。 しかも、 同じページ内で複数グループ対応 クラス名を変えるだけ 576px以下のスマホでは無効 リサイズ時も自動再計… -
【WordPress】XO Event Calendarでイベントカレンダーをサクッと実装した話
最近また「イベントをカレンダーで見せたい」という依頼が出てきた。 毎回ゼロから作るのも面倒なので、今回はXO Event Calendarを使った。 結論から言うと、 「とりあえずイベントカレンダーを表示したい」 なら十分アリだった。 インストールすると何ができるのか プラグインを有効化すると、管理画面に「イベント」が追加される。 あとは… -
「ColorfulNode Slide Popup」導入、設定まで代行します！
「WordPressにポップアップを入れたいけど難しそう…」 そんな方向けに、「ColorfulNode Slide Popup」の導入代行サービスを開始しました！ こんなお悩みありませんか？ プラグインの入れ方が分からない 表示が崩れそうで不安 設定ミスをしたくない できれば全部任せたい そんな方のために、インストールから初期設定、表示確認まで対応します… -
【WordPressプラグイン】ColorfulNode Slide Popup を公開しました
ColorfulNode Slide Popup WordPress用の軽量スライドポップアッププラグイン「ColorfulNode Slide Popup」を公開しました。 サイト右下にスライド表示されるバナー型ポップアップを、簡単に設置できるプラグインです。 どんなプラグイン？ ColorfulNode Slide Popup は、ページを開いた際に画面右下へ表示される「お知らせ」「キャンペーン… -
【SWELL】新着記事を分かりやすく！投稿リストに「New」表示＋タブに点滅マークを付けるカスタマイズ
SWELLで記事数やカテゴリが増えてくると、 新しい記事が埋もれる タブ切り替え型の投稿リストだと更新に気づかれにくい せっかく更新しても読まれない という状態になりがちです。 特に、投稿リストをタブで切り替える構成にすると、「新着記事があること自体」に気づかれにくい印象がありました。 そこで今回は、 新着記事に「New!」を表示 … -
【WordPress】【SWELL】透明ヘッダーで文字が見えない時に上部へ影を入れるCSS
SWELLで透明ヘッダーを使っていると、メインビジュアル画像によってはロゴやメニューが見えなくなることがあります。 特に白っぽい画像や動画を使った時ですね。 今回はCSSだけで、メインビジュアル上部に薄い影（グラデーション）を追加して視認性を改善する方法です。 前提条件 使用テーマ ・SWELL 設定 ・「外観」→「カスタマイズ」→「ト… -
Lステップを見て、改めて「LINE導線」の強さを感じた話
最近、YouTubeの「令和の虎」を見ていて、「これはかなり面白いな」と感じたサービスがありました。 それが、Lステップ です。 WEB制作や運用に関わっていると、LINE公式アカウントを集客や顧客対応に活用する流れ自体は、以前からかなり一般的です。 特に、 店舗 美容 教育 採用 EC コンサル などでは、「LINE登録を入口にする」導線はよく… -
JQueryなしで実装！下・左・右からフワッと現れるスクロールアニメーションをシンプルJavaScriptで
はじめに LP（ランディングページ）やコーポレートサイト、プロモーションページでは、スクロールに合わせて要素が「ふわっ」と表示される演出をよく見かけます。 以前は jQuery を使って実装するケースが主流でしたが、最近ではブラウザ標準機能だけで軽量に実装できるようになりました。 特に近年は、以下のような理由から「ネイティブJava… -
【WordPress】CPIで「更新に失敗しました。返答が正しい JSON レスポンスではありません。」が出る原因と対処法【だいたいWAF】
CPIレンタルサーバー を利用してWordPressを運用していると、 更新に失敗しました。返答が正しい JSON レスポンスではありません。 というエラーが出て、記事更新やサイト編集ができなくなることがあります。 特に最近のWordPressで採用されている「ブロックエディタ（Gutenberg）」や、フルサイト編集（FSE）系テーマを使っている環境で発生…
noteもやってます
本サイトだけでなくnoteでも、WordPress運用・プラグイン公開・制作メモなどを継続的に発信しています。
note（ノート）
colorful-node｜note
WEB系エンジニア。WordPress中心にサイト構築・運用 HTML5 / CSS3 / JS / PHP / MySQL / Photoshop / Illustrator / Premiere Pro https://colorful-node.jp/
