SWELLの応用、高度、中級者以上向けなイメージのブロックの使い方ってweb検索しても、自分に合ったのものが出てこなくて情報取集に苦労しました。今回、たまたま「チロ猫ブログ」さんと「海外競馬ニュース」さんが、まさに私の理想的なSWELLブロックの使い方を紹介されていたので、自分の備忘録も兼ねてまとめを記していきたいと思います。
SWELL初心者の皆さん!
『SWELL』ブロックの『フルワイド』ブロック使ってますか??
SWELLを購入して3ヶ月ほど経ちますが、全然使っていませんでした…
目次
パララックス効果って知ってますか?
ワイドブロックを紹介
アコーディオンブロックで隠してます。
背景を猫画像にして、「パララックス効果」を付けてみたり・・・
ワイドブロックでピンクの「斜線」を引いてみたり・・・
背景を猫画像にして、「パララックス効果」を付けてみたり・・・
パララックス効果と猫画像の組み合わせとか、
めっちゃ可愛くないですか??
チロ猫ブログ
SWELLでできること!高度な独自ブロック エディタ活用サンプル集!
SWELLの高度な独自ブロックを使用して、SWELLの自由さを表現するためのサンプルを作ってみました。
コンパクトでおしゃれに
見出しのデザインにサブタイトルを追加する
「注釈」を使うのがポイントです。
文字を選択している状態でSWELLマークを押すと、書式クリア、ソースコード、背景色、マーカー線、フォントサイズ、注釈、、、と並んでいるかと思います。その欄にある「注釈」を押すだけです!
見出しにサブタイトルを付けるやり方は「ぶろぐみ」さんの記事を参考にしました。
見出しデザインの変え方
SWELLの公式マニュアルには記載がないと思われます。
- 見出しを作る
- 「Shift」+「Enter」で2行に分ける
- サブタイトルにしたい部分を全て選択
- SWELLマークボタンを押し、「注釈」を選択する
SWELL
見出しやマーカーなど、記事内コンテンツのデザイン切り替え方法 | WordPressテーマ SWELL
このページでは、WordPressテーマ『SWELL』の記事内で利用できるコンテンツのデザインを切り替える方法を解説していきます。 見出しなどの、どの記事でもデザインが統一さ…
ぶろぐみ
【SWELL】見出しにサブタイトルを入れる方法!目次もすっきり | ぶろぐみ
見出しが長くなってしまって目次も見づらい。何か良い方法ないかな? このように悩んでいる方は必見。 当記事では、サブタイトルを使って見出しをすっきりさせる方法につい…
SWELLの有料プラグイン
Useful Blocks
開発者は「ぽんひろ」さん。これまでは無料版のUseful Blocksプラグインを使っていましたが、ブログにオリジナル性を出したくて、とうとう有料版を購入しました。1200円でしたが大変満足しています。「海外競馬ニュース」さんのサイトの使用例が分かりやすかったです。
どれもおしゃれで良い!
使いこなすのは大変かも・・・
https://keiba-kaigai.com/useful-blocks/
ぽんひろ.com
ぽんひろ.com
Webデザイナーが個人で運営するブログ。Web制作、デザイン、WordPressカスタマイズ(Cocoon)、ブログ運営、アフィリエイトに関することを中心に紹介をしていきます!
Useful Blocks
WordPressに評価グラフを挿入するプラグイン
WordPressに5段階、3段階の評価グラフを挿入するプラグイン「Useful Blocks」の紹介です。簡単に5段階ぐらぐを作成、編集ができます。色の変更やラベルの位置変更もワンク…
まとめ
今回はこれで以上になります。SWELLは初心者向けのWordPressの有料テーマですがまだまだ奥が深いです。
あわせて読みたい
【初心者向け】SWELL|WordPressのテーマを『SWELL』に選んだ理由
WordPressのテーマってどれがいいのかな?有料テーマで探してるけど、たくさんあって選べないっ! 有料だったら「SWELL」をおすすめします! WordPressは未経験の初心者…
このブログはWordPressの有料テーマ「SWELL」を使用して書いています。
私は2021年に「はてなブログ有料」から「SWELL」にブログを引っ越しましたが快適です♪
乗り換えプラグインで対応できるテーマ
- cocoon
- AFFINGER5
- JIN
- SANGO
- STORK
- THE THOR
(2021年4月現在)
SWELL:圧倒的な使いやすさを追求したWordPressテーマ
¥17,600(税込)
開発者「了」さんにより2019年公開。Gutenbergに唯一完全対応しているWordpressテーマ。その使いやすさとデザインの洗練性は圧倒的。とにかくブログが楽しくなる超おススメの優良テーマ。
このブログはWordPressの有料テーマ「SWELL」を使用して書いています。
私は2021年に「はてなブログ有料」から「SWELL」にブログを引っ越しましたが快適です♪
乗り換えプラグインで対応できるテーマ
- cocoon
- AFFINGER5
- JIN
- SANGO
- STORK
- THE THOR
(2021年4月現在)
SWELL:圧倒的な使いやすさを追求したWordPressテーマ
¥17,600(税込)
開発者「了」さんにより2019年公開。Gutenbergに唯一完全対応しているWordpressテーマ。その使いやすさとデザインの洗練性は圧倒的。とにかくブログが楽しくなる超おススメの優良テーマ。
このブログのレンタルサーバーは
ConoHa WING(コノハ ウィング)と契約しています!!
ConoHa WING
月額828円
ブログ初心者におすすめ!!国産レンタルサーバー「 ConoHa WING(コノハ ウィング)」①長期利用割引プラン「WING」パックでお得!②圧倒的なスピードで国内NO.1!③簡単にWordPressサイトを「開設」&「移行」ができる!
自宅のネットはNURO光と契約しています!!
「下り最大2Gbps」で快適です!
NURO光
月額基本料金5217円
Wi-Fiルーターレンタル無料。下り最大2Gbps。iPhoneやスマフォ、iPad、タブレット、PC、ノートPC、SwitchやPS4、PS5、Amazon fireスティックなど、複数端末で同時に使用しても、遅延なく快適に利用することができます。
あわせて読みたい
【自宅のネットが快適】NURO光と契約しました!
ネットの契約ってどこにしようか悩むよね〜 回線速度を重視するのであればNURO光がオススメみたいですよ! 参考になったブログ 新居に引っ越しネットの回線工事を待つこ…
関連