記事一覧
SWELLがスクロールに合わせて動く！ScrollTriggerで実現するアニメーションと実装手順
「SWELLでスクロールに合わせてサイトを動かしたい」 「もっと動きのあるページを作りたい」 そんなときに役立つのがScrollTriggerです。GSAPのプラグインとして提供さ...WordPressでPDFやエクセルファイルをダウンロード可能にする方法
WordPressの記事内にPDFやエクセルファイルをダウンロードする、リンクやボタンを設置したいと考えたことはありませんか？ 今回の記事ではHTMLとブロックエディターを使...Gmailの迷惑メールを回避！WP Mail SMTPの設定方法
「Contact Form 7にGmailを設定しているけど、迷惑メール扱いになってしまう」という方に必見の記事です。 WordPressプラグイン「WP Mail SMTP」を活用すれば、Gmailを...Meme Index（MEMEX）のClaimとMetaMaskへのトークン追加方法【仮想通貨】
話題の仮想通貨インデックス「Meme Index」を購入・保有したものの、 「Claim（請求）方法が分からない」 「MetaMaskにトークンが表示されない」 といったお悩みはあり...【SWELL】記事タイトルに「新着!」を付けるカスタマイズ
○○日以内の新着記事のみに「新着!」を付けるカスタマイズ方法をご紹介します。 「新着!」があれば、視覚的にも分かりやすくなり、ユーザーにとってもメリットになります...【SWELL】記事タイトルの一部分の色を変更するカスタマイズ
記事タイトルの「【】」や「！」など特定のテキストの色のみを変更するカスタマイズになります。 このカスタマイズにより、サイトの独自性や、目立たせたい記事を意図的...SWELLで解決！ブロックエディターで半角スペースが空かない時の対処法
記事執筆時に半角スペースを使って、テキストの位置を揃える事があります。 しかし、半角スペースを2回連続で使用した場合、半角1回分しか反映されません。 上記の悩をS...ヘッダーメニューのサイズ・色をカスタマイズ【SWELL】
SWELLは自由度の高い記事執筆が可能です。 しかし、ヘッダー周りのデザインはCSSを使用しないと変更しづらくなっています。 ヘッダーは見られる頻度が高いので、サイト...【SWELL】エディターでもCSSを反映させる方法【効率UP】
SWELLブロックに独自のCSSを使用したは良いけど、エディター（記事執筆画面）にもCSSが反映されたら作業効率＆視認性が上がるのに！なんて考えたことはありませんか？ ...【SWELL】記事詳細のアイキャッチ画像の縦横比を変更【CSS4行】
SWELLを使用していて「記事詳細ページのアイキャッチ画像の縦横比を変更したい！」「記事一覧ページと同じ比率にしたい！」と思ったことはありませんか？ この記事ではC...【AForms】条件分岐機能を使用した無料見積もりフォーム例4選
前回は簡単にAFormsを触ってみましたので、今回は少し癖のある使い方をしていこうと思います。 具体的にはAFormsの条件分岐（ラベル機能）を使用した見積もりフォームを...【AForms】フックとCSSで自動見積もりフォームのデザインをカスタマイズ
AFormsは簡単・無料プログラミング不要で見積もりフォームを作成可能な優秀なプラグインです。 また、AFormsは、少しのCSSを追加する事で独自性の高いデザインを作成可...【AForms】無料で条件分岐もできる自動見積もりフォームの使い方
WordPressに見積もりフォームを作成したいと思ったことはありませんか？ 今回紹介するWordPressプラグイン「AForms」は、 WordPressプラグイン 無料 簡単 プログラミン...WP-Membersの使い方！WordPressで会員サイト&マイページを簡単作成
WordPressで会員サイトを作成したいけど方法は？ WP-Membersがオススメって聞いたけど使い方は？ 会員用のマイページが欲しい！ そう思う方もいるかもしれません。 WP-M...【VSCode】Live Serverで「Open a folder or workspace」が出たときの対処法
VSCodeの便利な拡張機能に「Live Server」が存在します。 その「Live Server」を使用した時に「Open a folder or workspace」というエラーが表示されたので、解決方法を...【WP File Manager】WordPressの管理画面からファイルの作成・削除ができる
サイトをカスタマイズする際、テーマ内に独自のファイルを作成することがよくあります。 その際、FTPソフトを操作したり、レンタルサーバーのファイルマネージャーを操...【SWELL】CSSでボタンブロックの色数を増やす方法
SWELLボタンを使用していて、もっと色を増やしたいと思ったことはありませんか？ この記事ではCSSとパターン化の機能を使用して記事執筆スピードをUPさせる方法をお伝え...【SWELL】アコーディオンブロックとCSSで簡単カスタマイズ18選
SWELLはコーポレートサイトやブログなどあらゆるサイト構築に向いています。 CSSを使用しなくても簡単にデザインの変更は可能ですが、少しだけ微調整したい！という時に...QTTabBarのアンインストールに失敗した時の解決策
QTTabBarをアンインストール時、 「このWindowsインストーラーパッケージには問題があります」 と表示され、削除できずに困っていませんか？ この記事では、 通常の削除...【SWELL】CSSとクラス名はどこに記述する？デザインをカスタマイズする方法
WordPressテーマSWELLを使用しているけど、 「あと少し、ここの色を変更したい！」、「もう少し余白を減らしたい！」 といった場面があると思います。 そんな時に発生す...【SWELL】アコーディオンブロックをFAQ風にカスタマイズ（CSSのみ）
SWELLアコーディオンブロックをFAQ風（よくある質問）にカスタマイズしてみました。 実際に触れるようにアコーディオンブロックを配置しています。またコピペで実装でき...
1