プラグインも CSS も不要 見出しブロックの作り方
Gutenberg の進化により、ブロック編集が格段と便利に美しくなりました。見出しもボックスもパターンに登録しておけば簡単に呼び出せます。上記のインフォメーションボックスも登録済みパターンです。 以下はパターンに登録し […]
Gutenberg で作る目次ブロック
私たちの運営する他のサイトの目次ブロックはエレメンタープロを使用しています。アストラとエレメンター、どちらもプロにすれば出来ることが格段と増えます。また、プラグインを追加すれば苦労せず目次ブロックが追加できます。ですがお
アストラの画像エフェクト（後編）
まず初めに。このサイトはワードプレス初心者のために、無料テーマ「アストラ」を使ったサイト製作についてお話をしています。基本的に初心者向けの解説となっていますのでご了承ください。 こちらがショップページのデザインとなります
アストラの画像エフェクト（前編）
このサイトはアストラの無料版で作っています。そしてプラグインをあまり使わないということにもこだわっています。プラグインを追加したり、アストラをプロにすれば出来ることも増えると思います。ですが、お金を一切かけずにプラグイン
CSS のコピペで簡単！見出しデザインの変更
このホームページもだいぶ完成に近付きました。最初からの経緯を知らない方にサクッと説明します。このサイト自体がアストラとエレメンターのためのテストサイトです。サイトの作成には無料アイテムしか使っていません。 なので、サイト
ブロックエディターの使い方「初心者向け」
最初に。この記事は編集初心者向けに書いております。まず、この記事を読んでから次のステップに進むと分かりやすいと思います。 今回の記事は、ブロックエディターを使ったワードプレスの投稿作成方法です。この記事で言うブロックエデ
無料で使えるおすすめ日本語フォント
フォント選びは、ホームページデザインにおける最も重要な要素のひとつです。一昔前の見出しはフォントではなく画像でした。ですがクラウド技術の普及により見出しデザインはウエブフォントから選ぶ時代となりました。 フォントの種類
テーブル（表）のスマホ表示
前回書いたテーブルデザインの記事。その時作ったテーブルはスマホ表示でも2カラムです。これをパソコンでは2カラム、スマホでは1カラムで表示するよう変更します。 画像１が投稿した時点のテーブルデザインです。パソコンでの表示は
テーブル（表）カスタマイズ
Gutenberg はデフォルトで追加できるブロックにテーブルがあります。しかしそのデザインは選んだテーマによって変わります。テーマによっては表が見にくかったり、サイトのデザインに合わないことも少なくありません。 この章
タブ付き情報ボックスの作成
ブロック編集（Gutenberg）のみでタブ付きの情報ボックスを作ります。手順は親ブロック（グループ）を作り、子ブロックとして段落を２段積みにするだけの簡単なものです。 この記事の目次 グループの作成 説明画像１は親ブロ