Web制作記事一覧

MAMPでWordPressローカル開発環境を作ろう
詳細を見る

Webコーディング

MAMPでWordPressローカル開発環境を作ろう

今回はMAMPでローカル仮想環境を作ってそこにWordPressを設置する方法を紹介いたします。 開発環境 デバイス MacBook Pro 14インチ 2021(M1 Pro) OS Mac OS Monterey(ver 12.6) 必要なアプリケーション MAMP、ターミナル、その他テキストエディター 開発用のディレクトリを作成 まずは開発用のディレクトリを作成しましょう。 私は「/User […]
【Mac OS】MAMPでWordPress仮想環境を作成する方法
詳細を見る

Webコーディング

【Mac OS】MAMPでWordPress仮想環境を作成する方法

今回はMAMPでWordPress仮想環境を作成する方法 についてご紹介します。 前提として以下の条件を満たす方に読んでほしい内容となっております。 MAMPがインストールされている MAMPでバーチャルホスト設定が済んでいる エディターやターミナルの利用に慣れている データベースを触ることができる プロジェクトフォルダ作成 自身のPC内にプロジェクトフォルダを作成しましょう。 今回は「wp-de […]
【GA4対応】Google Analytics プロパティを他のアカウントでも確認できるようにする方法
詳細を見る

Webマーケティング

【GA4対応】Google Analytics プロパティを他のアカウントでも確認できるようにする方法

こんにちは。 Web it Works の伊東ひろきです。 今回はGoogle Analytics を他のアカウントでも確認できるようにする方法をご紹介します。 本記事の対象者 本記事の対象者は以下です。 Google Analyticsをサイト運営者に見てもらいたい Google Analyticsのアカウントの共有の仕方を知りたい Google Analyticsの基本は以下の記事を読んでみて […]
【コピペでできる!】 右下のSNSシェアボタンをコードを公開します。
詳細を見る

Webコーディング

【コピペでできる!】 右下のSNSシェアボタンをコードを公開します。

こんにちは、Web it Worksの伊東です。 今回は、本サイトの右下に配置しているSNSシェアボタンのソースコードを公開します。 早速、コードを公開! CODEPENにて公開しています。 See the Pen シェアボタン by Ito Hiroki (@ito-hiroki) on CodePen.
【プラグインなし】WordPressでリッチリザルト対応のぱんくずリストを実装する
詳細を見る

Webコーディング

【プラグインなし】WordPressでリッチリザルト対応のぱんくずリストを実装する

こんにちは、Web it Worksの伊東です。 今回は、WordPressでリッチリザルトに対応したぱんくずリストを実装する方法をご紹介します。 パンくずリストについての説明は以下の記事をご覧ください! https://webitworks.jp/web/breadcrumb-seo-rich-result/ 本記事の対象者 早速、ソースコード紹介 まずは functions.php に以下の関 […]
【プラグインなし】WordPressで文字の大きさを統一にしたタグクラウドを実装しよう。
詳細を見る

Webコーディング

【プラグインなし】WordPressで文字の大きさを統一にしたタグクラウドを実装しよう。

こんにちは。Web it Worksの伊東です。 今回はWordPressカスタマイズ時にタグクラウドを実装する方法をご紹介します。 タグクラウド自体はたった1行でできる WordPressでタグクラウドを実装する方法は以下です。 たったこれだけ。 以下のような表示になります。 WordPressは記事の多さが多いほど、文字の大きさが大きくなる仕様になっています。 文字の大きさを統一にしたい wp […]
【Web制作初学者必見】「静的ページ」と「動的ページ」を徹底解説!
詳細を見る

Webコーディング

【Web制作初学者必見】「静的ページ」と「動的ページ」を徹底解説!

こんにちは。Web it Worksの伊東です。 今回は、Web制作初学者向けに、静的ページと動的ページの違いについて解説します。 「静的ページ」と「動的ページ」の違いは? データベースを使用しているかどうか Webサイト、Webサービスによく出てくる言葉として「静的(せいてき)ページ」「動的(どうてき)ページ」があります。 これらの説明を簡単に言うと データベースが必要なものが「動的ページ」 デ […]
Webサイトは「育てるもの」。5つの施策をご紹介!
詳細を見る

Webコーディング

Webサイトは「育てるもの」。5つの施策をご紹介!

こんにちは、Web it Worksの伊東です。 今回はWebサイトに対する考え方について一緒に考えていきましょう。 Webサイトは作って終わりではなく、育てていくもの。 今回は強靭なWebサイトにするための「育て方」についてご紹介します。 その1 : 「入り口の数」を増やす Webサイトに多くのページがあればあるほど、多くの人の目に触れる機会が増加します。 例えば世の中に1000個のWebページ […]
WordPressでも利用可能「Zipaddr」で住所入力の手間を大幅削減!
詳細を見る

Webコーディング

WordPressでも利用可能「Zipaddr」で住所入力の手間を大幅削減!

こんにちは、Web it Works の伊東です。 今回は住所自動入力 JavaScript ライブラリ「Zipaddr」についてご紹介します。 導入方法 headタグ内に以下のコードを利用して読み込みます。 詳しくは提供者のサイトから。 そして入力フォームにそれぞれ指定されたidを振ります。 郵便番号:zip 都道府県:pref 市区町村:city 地域:area 番地:addr 郵便番号を3桁 […]
スマートな文字感覚。「Yaku Han JP」で約物を半角に。
詳細を見る

Webコーディング

スマートな文字感覚。「Yaku Han JP」で約物を半角に。

こんにちは、Web it Works の伊東です。 今回は「」や()などの文字を半角にしてくれる「Yaku Han JP」についてご紹介します。 約物って何? Wikipediaではこのように記されています。 約物(やくもの、英: punctuation mark)とは、言語の記述に使用する記述記号類の総称で、専らフォントなど組版を意識して使われる用語である。 具体的には、句読点・疑問符・括弧・ア […]