Column
コラム
ホームページ制作・運用・地方 Web マーケティングについて、現場の経験から発信しています。
全 67 件中 12 件を表示
-
WordPressWordPressにInstagramの一覧を埋め込む方法
こんにちは。 すずき です。 この記事では WordPressにInstagramを埋め込めるプラグイン「Instagram Feed」について解説します。 このような人にオススメ Instagramの一覧をWordPressに埋め込みたい…
2026.04.11
- WordPress
【WordPress】「この投稿を先頭に固定表示」を出力する方法
こんにちは。 すずき です。 この記事では、 「この投稿を先頭に固定表示」にチェックを入れた記事を出力する方法 について解説します。 こんな人にオススメ ブログの特定の投稿をトップに表示したいんだけど、どうすればいいの？ 固定表示された投稿…
2026.04.11
- WordPress
【ConoHa WING】初期プラグイン、コントロールパネルプラグインは必要？機能と最適解を解説
こんにちは。 すずき です。 この記事では、 ConoHa WINGに最初からインストールされているWordPress初期プラグインについて、それぞれの機能と必要性を解説 しています。 プラグインは、サイトの機能を追加、拡張、変更できる便利…
2026.04.11
- WordPress
【WordPress】メンテナンスモードに出来るプラグイン「LightStart – Maintenance Mode」の設定方法
この記事では、 WordPressのメンテナンス中を簡単にお知らせできるプラグイン「LightStart – Maintenance Mode」の設定方法を解説 します。 WordPressサイトを運用していて、修正やメンテナンスが入ること…
2026.04.11
- WordPress
Contact Form 7で確認画面とサンクスページを作る方法
こんにちは。 すずき です。 この記事では、 Contact Form 7に確認画面とサンクスページを追加する方法 を解説します、 お問い合わせフォームのプラグインとして有名なContact Form 7ですが、 デフォルトでは確認画面、サ…
2026.04.11
- WordPress
【スパム対策】WordPressにGoogle reCAPTCHAを導入する方法！
こんにちは。 すずき です。 この記事では、WordPressサイトにreCAPTCHAを導入する方法について解説します。 ウェブサイトを運用していて一番困るのが、 スパムロボット等による大量の迷惑メール ですよね。 運用しているサイトでも…
2026.04.11
- UI実装
【CSS】counterを2桁で表示する方法を解説！01から始まる番号の作り方
こんにちは。 すずき です。 この記事では、 CSS の counter を2桁で表示する方法について解説 します。 昨日、以下のような投稿をしました。 CSSのcounter、これまで h2:before { content: "0" c…
2026.04.11
- UI実装
【jQuery】簡単！縦スクロールに合わせて要素を横に動かす方法
こんにちは。 すずき です。 縦スクロールに合わせて要素を横に動かしたい 横の動きも入れて立体的なパララックスを入れたい このようなお悩みに答えます。 縦スクロールのサイトで、スクロールに応じて要素を横に動かしたい時がありますよね。 自分も…
2026.04.11
- UI実装
【CSS】テキストの行数を制限し、文末3点リーダーにする方法
こんにちは。 すずき です。 テキストが長すぎてレイアウトが崩れる。 スマホでの表示が乱れて読みにくい。 テキスト省略の方法を知りたい。 複数行のテキストを省略したい。 本記事では、このような悩みにお答えします。 デバイス幅によってテキスト…
2026.04.11
- UI実装
【CSS&jQuery】スクロール時にふわっと表示するアニメーション実装方法
スクロールでふわっと表示するアニメーションを実装したい スクロールでふわっと表示するアニメーションにバリエーションが欲しい このような悩みにお答えします。 スクロールに応じてコンテンツをアニメーションさせる動作はよく要望される仕様の1つです…
2026.04.11
- CSS設計
【初心者向け】ブラウザに合わせて.webp画像を切り替える方法
.webpのメリットがわからない HTMLで.webpの切り替え方がわからない CSSで.webpの切り替え方がわからない このような悩みにお答えします。 コーディング案件で.webp対応を求められることもあるかと思います。 WordPre…
2026.04.11
- 基礎知識
【完全ガイド】metaタグとは？最適な書き方からSEO対策まで徹底解説
metaタグってそもそも何？ どこにどのように書けばいいの？ metaタグをどう活用すれば検索順位が上がるの？ SNSシェア時の表示を最適化したい このような悩みに答えます。 Webページを作るとき、画面の裏側で大切な役割を果たしているのが…
2026.04.11