AFFINGER

【AFFINGER5】スライドボックスを作り、枠で囲む作り方

 

 

ムロ
記事をスッキリしたいなどのカスタマイズはスライドボックスを使おう‼️

 

 

悩む男性
「いろいろと注意書きしたら、文章が長くなるのでは⁉️読みづらいかな…」 

 

 

 

こんな悩みにお答えします。

 

そんなとき便利なのが、普段は閉じていてクリックすると展開するスライドボックスです

 

こういうの

⬇️

+ アフィンガースライドボックスの使い方

スライドボックスは+を押すと細かな詳細が表示でき

文字数を減らすことができる

  • スライドボックスを作る1
  • スライドボックスを作る2

 

 

スライドボックスを活用すると、文字数を維持しつつもスッキリまとめることができるので利便性がグッと向上しますよ ( ・ㅂ・)و ̑̑

 

 

コチラは『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

>>WPテーマ 「WING(AFFINGER5)」多くのブロガーに愛されているテーマ

  • 「もっと美しく、簡単に。」基本デザインパターンも48種!

無駄な時間はとことん省く、通常なら知識が必要な時間かかるカスタマイズもAFFINGERならクリック1つ

記事がサクサク書ける!豊富で自由度の高いデザインパーツ

記事作成に欠かせない様々な装飾をクリック1つで設定できる

 

 

\ 売れてます! /

AFFINGER 公式サイトはこちら

\WordPressテーマ 「WING(AFFINGER5) /

 

 

 

スライドボックスを作る

 

step
1
「タグ」 > 「ボックスデザイン」 > 「スライドボックス」を選択する

 

 

  • 「タグ」 > 「ボックスデザイン」 > 「スライドボックス」を選択する
  • スライドボックス作成用のコードが表示される

 

step
2
スライドボックスをしかくボックスで囲む

 

 

  • しかくボックスの中にスライドボックスを入れます。

 

step
3
完成はこちら

 

 

 

  • st-slidebox text="" にスライドボックスを閉じているときの文言を入力する
    ※例: st-slidebox text="+アフィンガーのスライドボックスの使い方"
  • bgcolor="" にスライドボックスの背景色を入力する
    ※例: bgcolor="#f2f2f2"
  • color="" にスライドボックスの文章の文字色を入力する
    ※例: color="#000"
  • margin_bottom="" にスライドボックスの余白を入力する
    ※例: margin_bottom="20"
  • [/st-slidebox]の手前にスライドボックス展開したときの文言を入力する
    ※例スライドボックスは+を押すと細かな詳細が表示でき文字数を減らすことができる
  • スライドボックスを作る1
  • スライドボックスを作る2

これで完成‼️

注意

「bgcolor」「color」「margin_bottom」は全てを埋めてください。

いずれかが空の場合、スライドボックスがうまく表示されません。
※余白なし、背景白のデザインになってしまう

 

これでスライドボックスは作れますね!

コチラは『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

>>WPテーマ 「WING(AFFINGER5)」多くのブロガーに愛されているテーマ

  • 「もっと美しく、簡単に。」基本デザインパターンも48種!

無駄な時間はとことん省く、通常なら知識が必要な時間かかるカスタマイズもAFFINGERならクリック1つ

記事がサクサク書ける!豊富で自由度の高いデザインパーツ

記事作成に欠かせない様々な装飾をクリック1つで設定できる

 

 コチラも読まれています

>>【AFFINGER5】ブログのトップページをカスタマイズするやり方

>>【AFFINGER5】スライドボックスを作り、枠で囲む作り方

>>【AFFINGER5】バナーリンクの作り方、ブログはオシャレになる【バナーリンク】

 

 

 

マイナビ

  • この記事を書いた人
  • 最新記事

ムロ

サイト管理人のムロです。 【趣味のブログがいつの間にかお金を稼いでくれた】月間5万PV達成 ➡️8ヶ月でブログ収益は月20万円 ➡️ 本業と副業で年収は1000万超え➡️ブログでは、SEO・アフィリエイト・動画配信・AFFINGER・転職について書いています

人気記事一覧

1

悩む男性  2020年最後の転職に向けて、一体どこのサイトで転職活動をしたら良いのか。どこの転職エージェントがいいのか教えて欲しい     悩む女性転職サイトってたくさんあるけど実際はどこが ...

2

悩む男性アフィリエイトで稼ぐコツが知りたい。いま、個人ブログを運営しているけど月1,000円未満です・・月5万円を目指したい。   悩む女性収益化するためには、どうしたらいいですか? &nb ...

3

  悩む女性個性的なブログはアクセスあるの?   悩む男性ブログの独自性ってどうすればいいにの?   悩む男性オリジナリティって一体なに?     こ ...

4

悩む男性ブログの書き方がわかりません、どうすれば良い記事が書けるようになるんでしょうか   悩む女性ブログの構成ってどのようにづればいいいですか?   悩む男性どのように書けば読ま ...

-AFFINGER

© 2021 MURO BLOG Powered by AFFINGER5