ブログ記事作成スピードが上がる!ブロックパーツ(デザイン、装飾)まとめ【WordPress有料テーマ SWELL編】

URLをコピーする
URLをコピーしました!
目次

SWELLブロック

ここからはSWELLオリジナルのブロックです!
他のテーマを使ってる人も自分のテーマのオリジナルブロックを把握しておくと捗りますよ!

広告タグ

登録済みの広告タグを呼び出すことができます。タイプは5種類。
元の「広告タグ」データを修正すれば、貼り付けた全ての同じ広告に反映されるので便利です!

バナー型

とりぴっぴ

ナニコレ

アークマ先生

カワイイ

アフィリエイト型

Amazon型

ランキング型

※例として貼った商品の情報は記事を書いた日のものです。
▲ここに貼っていない「テキスト型」の使い方は模索中です。分かったら更新します。

ふきだし

よく使うやつです。
色はWordPressの「エディター設定」で変えられます。

発言

心の声

画像なしもできます。

未入力

SWELLでも登場できるなんて思ってもみなかったよね!

とりぴっぴ

出たな…!
せっかく新しいデザイン(テーマ)になったのにな…

ブログパーツ

「再利用可能ブロック」に似た機能
記事作成画面では編集できないのが良い!
「ブログパーツ」編集画面で編集すれば、貼った記事すべてに反映できる優れもの。
「ブログパーツ」は記事内だけでなく、ウィジェットにも使えます!

★同じ内容で毎回入れるものがあれば、修正があっても元のデータを編集すればまとめて変更できるのでとても便利です!
★内部リンクを「記事タイトル」にしている場合、タイトルが変わってもまとめて変更できますね

投稿リスト

カード型、リスト型、サムネイル型など全5種類。
表示させる記事数など、いろいろと変えられます。

カード型

テキスト型

関連記事

ブログカードです。デザインは3種類。WordPressの「エディター設定」で変えられます。

内部リンク

外部リンク

ABテスト

↓2つのブロックをランダムに表示させることができます。

今回は「Bパターン」でした!いつか活用できるだろうか。

あのドキ

上級者向けな機能…?

アコーディオン

↓クリック( or タップ)で開きます。全4種類。

バナーリンク

SWELLボタン

左のアイコンは25種類。カラーは3種類+メインカラー。
ボタンの色やグラデーション、丸みをWordPressの「エディター設定」で変えられます。

キャプション付きブロック

色はWordPressの「エディター設定」で変えられます。

デフォルト

左のアイコンは25種類

カラーセットは3種類(編集可能)+メインカラー

枠上

本文に「ボーダー」を設定可能

枠上2

本文に「スタイル」も設定可能

枠内

本文

浮き出し

本文

内テキスト

本文

説明リスト(DL)

デフォルト

説明文_説明文説明文説明文

(説明リスト)

説明文_説明文説明文説明文

左に線

説明文_説明文説明文説明文

(説明リスト)

説明文_説明文説明文説明文

縦並び表

説明文_説明文説明文説明文

(説明リスト)

説明文_説明文説明文説明文

横並び

説明文_説明文説明文説明文

(説明リスト)

▲左の文字が変な改行にならないかの確認が面倒です。

FAQ

「質問とその答え」という形式の表現ができます。
アイコンの形、色も変えられます。

シンプル

Answer_AnswerAnswer

線あり

Answer_AnswerAnswer

ボックス

Answer_AnswerAnswer

Question

Answer_AnswerAnswer

ストライプ

Answer_AnswerAnswer

Question

Answer_AnswerAnswer

フルワイド

インパクトあります。

文字を入れることができます。

↑文字は初期設定では見出し(H2)になってます。「オシャレな見出し」として使うことができます!

ステップ

STEP
デフォルト

本文本文本文本文本文。

戦闘力
ステップ

左の丸の中の内容も変更可能。
カラーは13色+カスタム可能。

STEP
ビッグ

本文本文本文本文本文本文。

戦闘力
ステップ

本文本文本文本文本文。

STEP
スモール

本文本文本文本文本文本文。

戦闘力
ステップ

本文本文本文本文本文。

タブ

タブ付のボックスです。「何番目のタブを最初に開いておくか」まで設定できます。
「タブ2」を押してみてください!

タブ本文

タブ本文

タブ本文

★他にも
「RSS」…RSSフィードのリストを作成できる。

「SWELLブロック」が気に入ったらぜひ検討してみてください!
Cocoonなどでブロックエディターを使ってきた人にはとても使いやすいですよ!

あのドキ

もちろん
ブログ初心者にも!

以上!

★ブログに限らず、ツールを覚えたり、効率良く使うコツは「とにかく使える機能は一度使ってみる」!
これに限ります。

あのドキ

マニアックで理解が大変なものは一旦放置!

終わりに

なんとか今回も無事書き終えました。
最後まで読んでくれた方、ありがとうございます!

当ブログでは「人生を良くする」ための情報を発信しています。
楽しい人生にできるように共に歩んでいきましょう!

このブログは今回が最終回です。

とりぴっぴ

有料テーマ買ったばかりだよ!

買ってみてとても良い経験になりましたとさ!
やっぱり最初は覚えたり、設定を変えるのが大変…!でもこの記事で大体のできることが分かると思う!

あのドキ

疲れた…

とりぴっぴ

お疲れっす

いつもコメントをくれたみんな!
TwitterやInstagramなどのSNSで共有してくれたみんな!
今まで支えてくれたみんな!SWELL!本当にありがとう!

とても…とても楽しかったです。
それではまた どこかでお会いできれば幸いに思います。

↓Twitterのフォロー、リツイート ありがとう!

あのドキ

今までありがとう!

とりぴっぴ

ありがとなー

アークマ先生

ありがとう

ご愛読ありがとうございました。あのドキ先生の次回作にご期待ください。
ブログを続けられる自信がないので記事を書くごとに最終回します。

1 2

応援お願いっ!!(必死)

にほんブログ村 その他日記ブログ 疲れた男性へ
にほんブログ村
Amazonお得お買い物!
ギフト券 チャージタイプで最大2.5%ポイント還元
  1. 現金5,000円~チャージ
  2. コンビニ・ネット銀行・ATMのどれかでお支払い
    • 注文後に「お支払い番号のお知らせ」メールに記載の手順で支払いをします。
  1. ポイントを受け取る
    • チャージ分の0.5~2.5%獲得!(Prime会員なら1%~)

現金派でも
安心して
買い物できるよ!

\ 安心かんたんお得! /

公式の説明ページ

よければシェアしてくだされ
URLをコピーする
URLをコピーしました!

コメント

コメントする

CAPTCHA


目次
閉じる