カテゴリー: WEB
Web制作、プログラミング備忘録、WordPress、Blender、React Three Fiber、p5.jsを使ったデジタルものづくりの記録。
-

WordPressの「構造」を自分で作る|投稿タイプ・タクソノミー・メタボックスの3点セット
これまで、テーマの「見た目」を自分で整える方法を、いろいろとお話ししてきました。色、文字の大きさ、囲みのデザイン——壁紙や家具を選ぶような、たのしいカスタマイズ…
-

HTMLブロック1つで「トップへ戻る」ボタン|WordPress 7.0の3つの引き出し
記事が長くなると、読み終えた読者が「もう一度上に戻りたい」と思う場面が出てきます。そんなときに便利なのが、画面の隅にちょこんと現れる「トップへ戻る」ボタン。 プ…
-

style.css は「最後の切り札」|ブロックテーマでほとんど使わない理由
WordPressのテーマを触りはじめると、必ず出会うのが style.css というファイルです。名前からして「デザインの中心はこれでしょ?」と思いますよね。…
-

WordPressの「インストール」って何してるの?仕組みをやさしく解説
サーバーを借りると、たいてい「WordPress簡単インストール」というボタンが用意されています。それをポチッと押すだけで、あっという間にブログの土台が完成——…
-

【WordPress】サーチコンソールの始め方|登録から連携までやさしく
SEOの土台づくり、いよいよ仕上げです。ここまでで「守り(SEO SIMPLE PACK)」と「地図(XML Sitemap)」を整えてきました。最後の相棒は、…
-

SEO SIMPLE PACKの設定はこれだけ!初心者向けやさしい解説
WordPressでブログを始めると、「SEO対策しなきゃ」とよく聞きます。でも、いざ調べると専門用語ばかりで、どっと疲れますよね。そんな初心者の強い味方が、「…
-

XML Sitemap & Google Newsの設定はこれだけ!初心者向けやさしい解説
前回の「SEO SIMPLE PACK」に続いて、SEOの土台をつくるもう一つの相棒を紹介します。それが「XML Sitemap & Google Ne…
-

ドメイン移管でサイトが消えた|NXDOMAIN・clientHoldの原因と直し方【実録】
「移管、無事完了しました」——そのメールを見て、ホッとしたのも束の間。ブログを開いてみたら、画面は真っ白。「このサイトにアクセスできません」の文字だけが、ぽつん…
-

PHPが書けなくても大丈夫|AIと作る「自分だけの」WordPressプラグイン
ここまでのカスタマイズで、フォントを変えたり、囲みボックスを作ったり、少しずつ「自分の手で整える」感覚が育ってきたと思います。いよいよ最後は、その集大成。 「自…
-

WordPressの土地さがし|サーバーとドメイン、こう選べば大丈夫
ブログを始めようとすると、いきなり「サーバー」「独自ドメイン」なんて言葉が出てきて、それだけで「うっ、難しそう…」となりますよね。私も最初はそうでした。でも、安…
-

AIを相棒に、WordPressブログを丸ごとサーバー引っ越し
「サーバーの引っ越し」なんて、私には縁のない言葉やと思っていました。年金暮らしのおばちゃんが、自分のブログのサーバーを別の会社へまるごと引っ越しする——文字にす…
-

【WordPress】はじめてのブロックテーマ|まず触って慣れる入門【全6回】
WordPressは、ブログやホームページを作るための「土台」です。世界中のサイトの4割以上がこれで作られている、いちばん人気の道具で、しかも無料で使えます。イ…
-

WordPressサイトを自分好みにカスタマイズする方法まとめ
サイトの土台ができたら、いよいよ「自分らしさ」を足していく番です。フォント、トップページの顔、文字の大きさ、囲みデザイン——ここでは、見た目がぐっと変わるカスタ…
-

WordPressで文字サイズを画面に自動で合わせる ― clampの手書きを卒業する
パソコンで「いい感じ」に決めた大きな見出しを、スマホで見たら、文字が大きすぎて窮屈…。そんな経験はありませんか。今回は、文字サイズを画面の大きさに合わせて自動で…
-

WordPressで画面いっぱいのヒーローを作る ― カバーブロックならCSSいらず
ブログのトップページを開いたとき、いちばん上にどーんと出てくる大きな見せ場。あれを「ヒーロー」と呼びます。今回は、このヒーローを画面いっぱいに、しかも文字をきれ…
-

WordPressに日本語フォントを軽く入れる方法 ― フォントライブラリならクリックだけ
ブログのテーマを自分で作っていると、ふと「フォントって、こだわった方がいいのかな?」と迷いませんか。結論から言うと、こだわらなくても大丈夫です。でも、見出しだけ…
-

CSSを1行も書かない!ブロックテーマ自作ロードマップ
WordPressのブロックテーマなら、PHPの知識がなくても、ローカル開発環境がなくても、「自作テーマ」を作り始めることができます。🎉 なによ…
-

【WordPress ブロックテーマ自作⑩】完結編「テーマを仕上げる」
総仕上げのステップです。 📌 このシリーズの目次・準備編はこちら本番環境の準備や、あると便利な前提知識・ツールは、シリーズの入口「ロードマップ」…
-

【WordPress ブロックテーマ自作⑨】カラムブロックでレイアウトを変える|サイドバーを追加しよう
スマホファーストの流れで、海外のブログテーマはほぼ1カラム(サイドバーなし)が主流ですが、日本のブログ文化ではまだまだサイドバーが根強い人気です。今回はカラムブ…
-

【WordPress ブロックテーマ自作⑧】投稿一覧を作る|クエリループブロックの使い方
テンプレートが揃ったら、次はブログの「顔」になる投稿一覧ページです。パーマリンクの確認から始めて、クエリループブロックを使って組んでいきましょう。 Ǵ…
-

【WordPress ブロックテーマ自作⑦】コンテンツを表示する|post-contentブロックの役割と使い方
ヘッダーとフッターが揃ったら、次はコンテンツを表示させましょう。どのテンプレートに入れるか、表示設定とテンプレートの関係をつかめば、この先の作業がぐっとラクにな…
-

【WordPress ブロックテーマ自作⑥】フッターを組む|ヘッダーと同じ要領でできる!
前回はヘッダーを組みました。フッターも構造はまったく同じです。「外側・内側・最内側」の入れ子パターンを思い出しながら、同じ要領で組んでいきましょう。 …
-

【WordPress ブロックテーマ自作⑤】ヘッダーを組む|入れ子ブロックの考え方と全幅レイアウト
いよいよブロックを組んでいきます。最初はヘッダーです。ここで「入れ子(ネスト)」の考え方をつかんでおくと、フッターも一覧ページも「同じ要領」で進められるようにな…








