AFFINGER

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

2020年5月18日

 

 

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

 

 

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

 

 

 

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

ムロ
今回、初心者でも使えるようにマニュアルを作りました。この記事を読んでもらえればAFFINGER5の使い方がよくわかります。【最新版2021年】AFFINGER5の使い方とインストール方法、補足マニュアルと不具合の修正を紹介本ブログの人気記事です。

 

 

 

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

 

 

 

こういうの

⬇️

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

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

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

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

 

 

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

 

 

『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

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

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

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

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

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

 

 

 

スライドボックスを作る

 

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の使い方がよくわかります。【最新版2021年】AFFINGER5の使い方とインストール方法、補足マニュアルと不具合の修正を紹介本ブログの人気記事です。

 

 

スライドボックス 使い方はVODジャンルの映画ネタバレ

 

私はこの、スライドボックスを映画のネタバレなどで使っています。

 

かなりの人がこのスライドボックス をクリックしてネタバレを読んでくれていますので良い機能ですね( ´ ▽ ` )

 

 

ここで使っています。完成形です。

>>Hulu「THE HEAD」第1話、南極での密室殺人と謎のメモ

 

こんな感じに仕上がりました( ^ω^ )

 

 

THE HEAD』第1話のネタバレはこちらをクリック

10月29日。ヨハンは救助隊を率いて基地へ向かっていた。3週間前から基地との交信が途絶えていたのだ。基地を訪れたヨハンらが目にしたのは、恐ろしい光景だった。

静まりかえった基地の中からは7人の遺体が発見された。そのうち1体は焼死体で、顔も判別できないほどだった。壁には血の手形や銃痕が残っており、基地内は散乱していた。

生存者は医師のマギーただ1人。ナイフを手にして厨房に隠れていた彼女は、錯乱状態にあり、記憶喪失や精神病を引き起こす“T3症候群”と呼ばれる南極特有の症状を起こしていた。

警察が基地に到着するまで48時間かかると知ったヨハンは妻アニカの行方を聞き出すため医務室で横たわるマギーを問い詰める。マギーは記憶をたどるように、最初の事件を語り始める。

全員で映画「遊星からの物体X」を見て絆を深めた翌日、ニルスとマイルズが殴り合いの喧嘩を始める。

手当をしたマギーに、マイルズは「ニルスがシャワーにかかる時間をはかって急かす」と喧嘩の理由を語り、マギーを見て「ある人に似ている。南極にはもったいない人だった」と言う。

アーサーはニルスが何を話したか執拗に尋ねる。

通信システムに接続エラーが起き、マイルズは点検のため基地の外へ出る。アキは死んだアザラシを埋めるため外に出て、マイルズを見かける。

その後、マイルズの姿が見えないことに気付き、アキの証言をもとにエリック、ニルス、ヘザーの3人がマイルズを探しに行く。

ヘザーは雪の上に血痕が残っているのを見つけ、エリック、ニルスとともに血痕を追っていく。そこには首が切断されたマイルズの遺体が放置されていた。

基地に戻ったエリックは急いで交信を試みるが、衛星回線が切れていて通信できないことに気付く。

事件当時を思い出したマギーはパニックに陥り、ヨハンは医務室を追い出される。エリックはアニカの部屋へ行き、破られた手紙を見つける。

そこには「私の手は血で汚れた。業火に値する罪よ」と書かれていた。

 

 

 

『AFFINGER5』公式サイトです

最強のブログテーマAFFINGER5

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

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

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

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

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

 

 

 

 コチラも読まれています

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

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

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

 

 

 

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

ムロ

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

人気記事一覧

1

  転職サイトの大手3社をまとめて紹介します。   リクナビ、マイナビ、doda   転職したい人でも、どこのサイトに登録したら良いの迷いますので。   それぞ ...

2

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

3

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

4

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

-AFFINGER

© 2021 MURO BLOG Powered by AFFINGER5