タグ: WordPress

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

WordPressは、ブログやホームページを作るための「土台」です。世界中のサイトの4割以上がこれで作られている、いちばん人気の道具で、しかも無料で使えます。 …

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

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

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

ブログのテーマを自分で作っていると、ふと「フォントって、こだわった方がいいのかな?」と迷いませんか。結論から言うと、こだわらなくても大丈夫です。でも、見出しだけ…

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

この記事は、theme.jsonに「どんなキーがあって、何ができるのか」をひと目で確認できるリファレンスとして作りました。 はじめに 💡 このペ…

ブロックマークアップはエディターからそのままコピーできます。 大事なのは書き方の暗記ではなく、「こういう仕組みで動いている」という理解です。 ブロックテーマはど…

ブロックテーマのレイアウト、なんとなく触っているけど「なぜこうなるの？」と思ったことはありませんか？ 実は、ブロックテーマのレイアウトは たった3つの「幅」 で…

「CSSで書いていたレイアウトの書き方」を「ブロックテーマでの対応する書き方」に「翻訳」する形で一つずつ解説します。 👇 動きを体感したい方へス…

register_block_styleを使えば、エディターのサイドパネルからワンクリックでスタイルを切り替えられるようになります。 コードはAIに丸投げでOK…

theme.jsonは、色・フォント・見出しスタイルを1つのファイルでまとめて管理できる「サイトの司令塔」。 この記事では、実際のサンプルコードを見ながら図解で…

プラグインは不要。WordPressの『カスタムHTMLブロック』1つで完結。LINEのトーク画面の背景エフェクトのような、桜や紅葉が舞う演出を自分のブログで再…