プラグインも CSS も不要 見出しブロックの作り方

pexels-photo-265631-265631.jpg

Gutenberg の進化により、ブロック編集が格段と便利に美しくなりました。見出しもボックスもパターンに登録しておけば簡単に呼び出せます。上記のインフォメーションボックスも登録済みパターンです。 以下はパターンに登録し […]

企業サイトにお勧めの無料テンプレートをご紹介

ご覧になっているこのサイトも無料テンプレートで制作しました。作成に使用したテンプレートはスターターテンプレート。テーマアストラを作ったブレインストームフォース社によるプラグインです。 Starter Templates

WooCommerce バリエーション見本との互換性

pexels-photo-6214362-6214362.jpg

このサイトには「無料で作る」「最小限のプラグイン」という2つの基本姿勢があります。プラグインをなるべく使わない理由は、関連するプラグイン同士のバージョンアップによる不具合の発生を防ぐためです。 Variation Swa

Gutenberg で作る目次ブロック

gc44c9481f806e87b018ccaaa19eda94d0b9533f91989f711227e5aff28f32ad30c93502a4a9e9b26f3c6e29ada2823d3_1280-820390.jpg

私たちの運営する他のサイトの目次ブロックはエレメンタープロを使用しています。アストラとエレメンター、どちらもプロにすれば出来ることが格段と増えます。また、プラグインを追加すれば苦労せず目次ブロックが追加できます。ですがお

アストラの画像エフェクト(後編)

gc7af128b86ba5ba8bf18fd84d7964d9c1ba43f3a9ad4c68e6f1e06629029b6acf9da5c2a945a44651f9f8b4e3bb7dac1e82fbf164318ba2a5bcbab565dd2a926_1280-2587864.jpg

まず初めに。このサイトはワードプレス初心者のために、無料テーマ「アストラ」を使ったサイト製作についてお話をしています。基本的に初心者向けの解説となっていますのでご了承ください。 こちらがショップページのデザインとなります

アストラの画像エフェクト(前編)

gc7af128b86ba5ba8bf18fd84d7964d9c1ba43f3a9ad4c68e6f1e06629029b6acf9da5c2a945a44651f9f8b4e3bb7dac1e82fbf164318ba2a5bcbab565dd2a926_1280-2587864.jpg

このサイトはアストラの無料版で作っています。そしてプラグインをあまり使わないということにもこだわっています。プラグインを追加したり、アストラをプロにすれば出来ることも増えると思います。ですが、お金を一切かけずにプラグイン

CSS のコピペで簡単!見出しデザインの変更

pexels-photo-8755303-8755303.jpg

このホームページもだいぶ完成に近付きました。最初からの経緯を知らない方にサクッと説明します。このサイト自体がアストラとエレメンターのためのテストサイトです。サイトの作成には無料アイテムしか使っていません。 なので、サイト

ブロックエディターの使い方「初心者向け」

g64e27a9dc4080021ea37bbfa717a78595a1e0acf318a13bb5fcf2d6d8ed0058ad2d407985e177147d2d0defad32c0adbba81c466fd00fd14a68d175545d64d9d_1280-4582023.jpg

最初に。この記事は編集初心者向けに書いております。まず、この記事を読んでから次のステップに進むと分かりやすいと思います。 今回の記事は、ブロックエディターを使ったワードプレスの投稿作成方法です。この記事で言うブロックエデ

無料で使えるおすすめ日本語フォント

pexels-photo-6483615-6483615.jpg

フォント選びは、ホームページデザインにおける最も重要な要素のひとつです。一昔前の見出しはフォントではなく画像でした。ですがクラウド技術の普及により見出しデザインはウエブフォントから選ぶ時代となりました。 フォントの種類

スマホメニューの文字色変更

g568013e5b19946e65134bd9837adb944f5b3b121e86ee12652ac07b69c15dab9dc7e47294e50a5337c6afeadabbac95b392710b066e742194ce2ed79fccefdd3_1280-1822438.jpg

このサイトもだいぶ完成に近付いて来ました。ですが、まだまだ細部までの確認が出来ていません。スマホデザインの確認をしている際、メニューにアクセントカラー(ライトグリーン)が適用されている事に気付きました。 透過ヘッダーの設

お買い物カゴ
上部へスクロール