Web制作のメモ帳です。 実際にWeb制作を行う中でつまづいた箇所や便利だったコード、ツール、WordPressプラグインなどを紹介しています。 このブログを参考に日々の業務を効率化していきましょう！
○○日以内の新着記事のみに「新着!」を付けるカスタマイズ方法をご紹介します。 表示する日数の変更やCSSでデザインの変更も可能です。 またWordPressテーマ「SWELL」に対応したCSSと変数を使用しているので、サイトに馴染むデザイン
【ロリポップ！】URLをSSL化してセキュリティを高める方法
ロリポップ！サーバーでのSSL化（サイトURLをhttp→https）の方法になります。サーバーやFTP内での操作もありますが、画像を多用し分かりやすくしています。
【ムームードメインとロリポップ！】WordPressのサイト構築方法を解説！
ドメイン取得～WordPressインストールまでを1コマずつ画像付きで説明している為、当記事と同じようにするだけで作業が完了します。また「サーバー」「ドメイン」「IPアドレス」「DNS」等の専門用語も解説しています。
【AForms】条件分岐機能を使用した無料見積もりフォーム例4選
本記事では「一定金額で割引」「セット購入を可能にする」などAFormsの便利な機能を4つ紹介しています。 AFormsで作成可能な見積もりフォームを知りたい方は必見です。
AFormsのフックとCSSでデザインをカスタマイズ【自動見積もりフォーム】
AFormsの見た目をCSSを使ってカスタマイズしてみました。見積もりフォームの横に「明細行」や「画像・テキスト」などの配置。「アニメーション」や「幅」なども変更してみたので、ぜひ参考にしてみて下さい。
AFormsの設置方法と基本的な使い方【無料見積もりフォーム】
無料！簡単！プログラミング不要！で見積りフォームを作成できるプラグイン「AForms」の基本的な使い方について紹介しています。 簡単に見積もりフォームを作成したい方は必見です。
WP-Membersの使い方徹底解説｜メール設定・ショートコード活用
WP-Membersを使用した会員制サイトのカスタマイズ方法、ショートコードの活用、新規登録の制限、メール設定まで徹底ガイド！ PHPを使用した細かい設定も紹介！
SWELLは自由度の高い記事執筆が可能です。 しかし、ヘッダー周りのデザインはCSSを使用しないと変更はできない仕様になっています。 ヘッダーは見られる頻度が高いので、サイト管理者としては少しでも理想的なデザインにしたいですよね？ そのよう
WordPressでPDFやエクセルファイルをダウンロード可能にする方法
WordPressの記事内にPDFやエクセルファイルをダウンロード可能にする、リンクやボタンを設置したいと考えたことはありませんか？ 今回の記事ではHTMLとブロックエディターを使用した2つの方法をご紹介します。 HTMLでダウンロード可能
Meme Index（MEMEX）のClaimとMetaMaskへのトークン追加方法【仮想通貨】
話題の仮想通貨インデックス「Meme Index（MEMEX）」を購入・保有したものの、 「Claim（請求）方法が分からない」 「MetaMaskにトークンが表示されない」 といったお悩みはありませんか？ 本記事では、 Meme Inde
Meme Index（MEMEX）とはインデックス投資？購入方法も解説【仮想通貨】
この記事ではMeme Index（MEMEX）とは、どのような仮想通貨なのか解説しながら購入方法も併せてご紹介します。 Meme Index（MEMEX）とは？ ミームコイン市場の新たな投資手法 ミームコインはハイリスクである一方、ハイリタ
【VSCode】Live Serverで「Open a folder or workspace」が出たときの対処法
VSCodeの便利な拡張機能「Live Server」を使用した時に「Open a folder or workspace」というエラーが表示されたので、その解決方法を残しておきます。 Open a folder or workspaceの
【WP File Manager】WordPressの管理画面からファイルの作成・削除ができる
WP File Managerを使えば、WordPress管理画面からテーマ内にファイルの作成削除などが可能！FTPソフトを使用しないので、サイトの効率的な運営にWP File Managerは最適です。
【WordPress】ログイン状況に応じた条件分岐の記述方法
ログイン中のユーザーにのみコンテンツを表示したい場合に「is_user_logged_in()」を使用して条件分岐を行います。 「is_user_logged_in()」は会員制サイトの構築にも役立ちます。 参考サイト：is_user_lo
QTTabBarをPCから完全に消すには？アンインストールできない場合の解決策
QTTabBarをアンインストールしようとして「このWindowsインストーラーパッケージには問題があります」と表示され、削除できずに困っていませんか？ 通常の削除手順から、エラーが発生した場合の対処法、手動での削除方法まで、さまざまな解決
WordPressのユーザー名を安全に変更！セキュリティを強化！
WordPressのユーザー名を変更する方法を解説。初心者でも安全かつ簡単に設定を見直し、セキュリティを強化しましょう。
シン・レンタルサーバーでドメイン取得～WordPress構築してブログを始める方法
シン・レンタルサーバー（旧：wpXシンレンタルサーバー）の「WordPressクイックスタート」を利用すれば、初心者でも簡単にWordPressでブログを立ち上げることが可能です。 シン・レンタルサーバーは、エックスサーバー株式会社が提供し
【SWELL】アコーディオンブロックとCSSで簡単カスタマイズ18選
【SWELL】アコーディオンブロックとCSSを使ったカスタマイズ例を18個紹介しています。コピペしてブログ運用やサイト制作の参考にしてください。
【SWELL】エディターでもCSSを反映させる方法【効率UP】
SWELLブロックに独自のCSSを使用したは良いけど、エディター（記事執筆画面）にもCSSが反映されたら作業効率＆視認性が上がるのに！なんて考えたことはありませんか？ デザインはこだわるとキリありませんが、少しでも時短したいもの。 ですので
Figmaは使いこなせていますか？ツールは知っているか知らないかで使用感に大きな差が出ます。 この記事ではコーダー視点から便利だと思った機能を随時追加していきます。 Figmaはとても多機能で便利な反面、慣れるまで少し取っつきにくい印象があ
SWELLボタンを使用していて、もっと色を増やしたいと思ったことはありませんか？ この記事ではCSSとパターン化の機能を使用して記事執筆スピードをUPさせる方法をお伝えします。 下記はメインカラーのボタンをオレンジ色に変更したボタンブロック
WordPress へようこそ。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。
Gmailの迷惑メールを回避！WP Mail SMTPの設定方法
Gmailの迷惑メール扱いを回避！WordPressプラグイン「WP Mail SMTP」を使った設定方法をわかりやすく説明します。
SWELL-記事詳細ページのアイキャッチ画像の縦横比を変更する方法【CSS4行】
SWELLを使用していて「記事詳細ページのアイキャッチ画像の縦横比を変更したい！」「記事一覧ページと同じ比率にしたい！」と思ったことはありませんか？ この記事ではCSS4行で実装しています。 SWELLでCSSの記述方法が分からない方は下記
【SWELL】CSSとクラス名はどこに記述する？デザインをカスタマイズする方法
WordPressテーマSWELLを使用しているけど、 「あと少し、ここの色を変更したい！」、「もう少し余白を減らしたい！」 といった場面があると思います。 そんな時に発生する「CSSの記述場所は？」、「CSSのクラス名ってどこに記述するの
【SWELL】アコーディオンブロックをFAQ風にカスタマイズ（CSSのみ）
SWELL アコーディオンブロックをFAQ風にカスタマイズしました。コピペ可能にしていますのでご活用ください。
サブドメインの作成時にデータベース接続確立エラーや404エラー・403エラー等、合計8個ほどのエラーに遭遇したのでその解決策と原因などを実際に置いた順番で残しています。
初めてCanvaを使用する方向けの記事になっています。Canvaの全体感や頻繁に使用する機能、色の参考サイトも載せています。
「ブログリーダー」を活用して、ストチョコさんをフォローしませんか？
