これは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれていますこれは英語で書かれています
Woocommerce Storefront ページ毎にスタイルシートを読み込む ブログ運用
ショップ用に作られたWoocommerce、情報が少ない中で
色々設定をいじるのは少し抵抗がありませんか。
Choose your language
管理
Index
[myphp file=’moo-PR’]
を記述で([全角を[に直す)オリジナルPHPを投稿ページ内部に挿入
(この例では広告)
お母さんやお婆ちゃんが子供の事を考えて料理する場合、栄養を取らせるためにお味噌汁に子供が嫌いな玉ねぎや人参など具材をたくさん入れる。

作品紹介
h2
h3
h4
h5
h6
箇条書きコンテンツ
- アイコン1アイコン1アイコン1アイコン1アイコン1アイコン1アイコン1アイコン1
- アイコン2アイコン2アイコン2アイコン2アイコン2アイコン2アイコン2アイコン2アイコン2アイコン2
- アイコン3アイコン3アイコン3アイコン3アイコン3
文字装飾
アンダーライン大きい文字小さい文字赤い文字
風船
背景装飾
背景タイトル背景タイトル背景タイトル背景タイトル背景タイトル
背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景背景
引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用引用
線
YOUTUBE
画像
dark
のクラスで
img.dark{filter: brightness(85%);}
max-width:250px;max-height:300px;の大きさ、PCで左寄せだがスマホでは中央に表示される。最初っからセンター寄せしたい時にはcenterを併用することもできる。
(ちなみにclass=”blogimg1″ だと画像の大きさそのまま表示する普通の画像)
縦150px横150px以上大きくなる事はない。
画像を区切りとして使いたい、もしくは横幅一杯表示させたい場合は CLASS nobimax を付与 高さはオート。
画像右に回り込み(スマホ縦では回り込みなし)img-rightを付与。左はimg-left。
横幅をMAX220pxとしている。英語や記号などを使うと予期せぬ所で折り返してしまう場合があるので注意。画像⇒文章の順番にかく。ワードプレス投稿画面でimg要素に対して段落をおかず文章を記述する事。
クラスの複数指定でできる画像効果
影をつける場合は プラスで(classの複数付与は半角スペースで区切り)shadowをつける。