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

pexels-photo-265631-265631.jpg

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

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

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

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

gc7af128b86ba5ba8bf18fd84d7964d9c1ba43f3a9ad4c68e6f1e06629029b6acf9da5c2a945a44651f9f8b4e3bb7dac1e82fbf164318ba2a5bcbab565dd2a926_1280-2587864.jpg

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

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

gc7af128b86ba5ba8bf18fd84d7964d9c1ba43f3a9ad4c68e6f1e06629029b6acf9da5c2a945a44651f9f8b4e3bb7dac1e82fbf164318ba2a5bcbab565dd2a926_1280-2587864.jpg

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

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

pexels-photo-8755303-8755303.jpg

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

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

pexels-photo-6483615-6483615.jpg

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

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

g568013e5b19946e65134bd9837adb944f5b3b121e86ee12652ac07b69c15dab9dc7e47294e50a5337c6afeadabbac95b392710b066e742194ce2ed79fccefdd3_1280-1822438.jpg

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

テーブル(表)のスマホ表示

pexels-photo-13676494-13676494.jpg

前回書いたテーブルデザインの記事。その時作ったテーブルはスマホ表示でも2カラムです。これをパソコンでは2カラム、スマホでは1カラムで表示するよう変更します。 画像1が投稿した時点のテーブルデザインです。パソコンでの表示は

テーブル(表)カスタマイズ

pexels-photo-6353746-6353746.jpg

Gutenberg はデフォルトで追加できるブロックにテーブルがあります。しかしそのデザインは選んだテーマによって変わります。テーマによっては表が見にくかったり、サイトのデザインに合わないことも少なくありません。 この章

投稿日表示の日本語化

pexels-photo-7957091-7957091.jpg

アストラテーマ(無料版)の投稿日表示は、更新日表示にも変更が可能です。ですが、それは投稿した日付なのか、更新した日付なのかの表示がありません。もちろん投稿日と更新日の両方を表示することは出来ません。 投稿日と更新日の表示

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