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

pexels-photo-13676494-13676494.jpg

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

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

pexels-photo-6353746-6353746.jpg

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

タブ付き情報ボックスの作成

pexels-photo-5731905-5731905.jpg

ブロック編集(Gutenberg)のみでタブ付きの情報ボックスを作ります。手順は親ブロック(グループ)を作り、子ブロックとして段落を2段積みにするだけの簡単なものです。 この記事の目次 グループの作成 説明画像1は親ブロ

投稿日表示の日本語化

pexels-photo-7957091-7957091.jpg

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

サイトスピードのための必須プラグインは?

g0fdf2961d8e656b77def8d826a91792ba5105be9e9e6fd435cb6cc5f20e1bb702e077c4986020973fcd943fed50b3005efcaca1fda82666a2b54e639201b6707_1280-2192775.jpg

画像1は、現在インストール中のプラグインです。Woo のバリエーション見本は、スターターによってインストールされたもの。商品画面のデザインがより整います。サイトに悪影響ないか現在チェック中です。 追加したプラグイン 当サ

カラム利用時のマージン問題を解決

pexels-photo-26976846-26976846.jpg

こちらのサイトはサイドバーありのデザインを選びました。なのでカラムの利用は少ないのですが、初めて使ってみて驚きました。 カラムの両側に謎のマージンが発生しています。 しかしこの問題は簡単に解決しました。 カスタマイズ設定

投稿や商品ページが壊れた際の TIPS

pexels-photo-5980898-5980898.jpg

商品ページのタイトルが表示されていません。これまでの CSS や functions.php の変更が原因かもと思い焦りました。 まず画像1をご覧ください。個別商品のタイトルエリアのカスタマイズページです。矢印のみで申し

CSS で簡単!タイトルデザインの変更

g7cae2f64ea0ad1ceba3d97db9c35227deae993fa7f82bf4d936d8a09d085139b024ef1b50132680dbdc75d13dc2ebeeebdd5f1b30cfe62699fe8f2481019ee2f_1280-1868496.jpg

ワードプレスを触っていて最初に躓くこと。それはタイトルや見出しなどのデザイン変更ではないでしょうか? コピペだけで簡単と書かれた見出しのカスタマイズサイトはたくさんあります。ただその記載通り「h2」と書いてしまうと大変で

画像に枠線を付けるTIPS

pexels-photo-3949100-3949100.jpg

最初に結論からお話します。Gutenberg の成長により画像に枠線が付けられるようになりました。念のため説明しますと Gutenberg はワードプレス標準のブロックエディターです。プラグインの必要はありません。プラグ

エレメンターでのトップページ編集

pexels-photo-114907-114907.jpg

アストロをインストールすると、まず最初にスターターテンプレートによるエディター選択があります。皆さんはエディターに何を選びましたか? 当社ではページデザインの柔軟性から、普段エレメンタープロを使用しています。ただこちらの

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