ワードプレステーマ「SWELL」でブログデザインを作ってみました。
スマホ画面↓
作り方はYouTubeで解説する予定です。
SWELLは、「サイト型トップページ」といってトップページをホームページのようにするが流行っていますが、あえて普通のブログ型にしました。
サイト型トップページは作るのにやや手間がかかります。
あとからでもサイト型トップページにできるので、今回の作り方は「まずは簡単に普通のブログ型で始めたい。」という方におすすめです。
目次
ピックアップバナーの上の文字と、下線のCSS
ピックアップバナー上の文字と、下線のCSSを載せておきます。
「- Pick up -」の部分を「★おすすめ記事★」など好きな文字に変えてください。
「#ccc」のところを好きなカラーコードに変えてください（下線の色）。
/*ピックアップバナー上の文字*/
.p-pickupBanners::before{
content:"- Pick up -";
display:block;
text-align:center;
font-size:20px;
}
.p-pickupBanners{
border-bottom:1px solid #ccc;
padding-bottom:30px;
}SWELLのメリット、特徴。
SWELLのメリットは、
- おしゃれなデザイン
- ブログ記事を書くのに便利な機能が豊富。
- 多くの人が使っていて、カスタマイズ情報が豊富。
などがあげられます。
例えば上のリスト↑のようなデザインも簡単に作れますし↓
SWELLにしかない独自のブロックが豊富に用意されています↓
太郎このような吹き出しも簡単に入れられます。
「ステップ」ブロック↓
STEP
野菜を切ります。
ニンジン、玉ねぎ、じゃがいもを一口大に切ります。
STEP
肉を切ります。
肉を一口大に切ります。
STEP
肉と野菜を炒めます。
フライパンに油を引いて、強火で炒めます。
という感じです。
ブログ運営にはすごく便利ですね。
このブログもSWELLを使っています。
おすすめなのでぜひご利用ください。
SWELL購入はこちら↓
