きのぷー
こんにちは、たかみかんブログへようこそ (*> ᴗ •*)ゞ
今回は、当サイトで使わせていただているWORDPRESSテーマ「AFFINGER6EX(アップグレード版)」で使える記事作成パーツをまとめてみました。今回は「会話ふきだし、ランキング、レイアウト編」です。是非最後までお付き合いください(^∀^)ノ
早速行ってみましょう!
会話ふきだし
「会話ふきだし」は最大8つまで設定でき、1クリックで呼び出すことが可能です。(※「 r 」で反対向きになります)
きのぷー
ものづくり推進課
協力隊員
ソースコード(クリックして下さい)
[st-kaiwa1]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa1]
[st-kaiwa2 r]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa2]
[st-kaiwa3]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa3]
[st-kaiwa4 r]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa4]
[st-kaiwa5]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa5]
[st-kaiwa6 r]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa6]
[st-kaiwa7]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa7]
[st-kaiwa8 r]これはダミーのテキストですこれはダミーのテキストです[/st-kaiwa8]
ランキング
1位
2位
3位
4位以下
<h4 class="rankh4 rankno-1">1位</h4>
<h4 class="rankh4 rankno-2">2位</h4>
<h4 class="rankh4 rankno-3">3位</h4>
<h4 class="rankh4 rankno-4">4位以下</h4>
ランキング見出し
ランキング1位(基本)
(・∀・)イイネ!! 南三陸町
ソースコード(クリックして下さい)
[st-rank rankno="1" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="5"]ランキング1位[/st-rank]
ランキング2位
こいずいいよっす!かってがっしゃい
ソースコード(クリックして下さい)
[st-rank rankno="2" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="4"]ランキング2位[/st-rank]
ランキング3位
ほんだいが~?こいづアベログで1000円だど?
ソースコード(クリックして下さい)
[st-rank rankno="3" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="3"]ランキング3位[/st-rank]
ランキング4位以下
きゅうりどたまなばうるがす
ソースコード(クリックして下さい)
[st-rank rankno="4" bgcolor="" color="#000" bordercolor="#ccc" radius="" star="2"]ランキング4位以下[/st-rank]
レイアウト
PCとTab3分割
ソースコード(クリックして下さい)
<div class="clearfix responbox33">
<div class="lbox"> </div>
<div class="lbox"> </div>
<div class="lbox"> </div>
</div>
PCとTab左右40:60%
ソースコード(クリックして下さい)
<div class="clearfix responbox">
<div class="lbox"> </div>
<div class="lbox"> </div>
</div>
PCとTab左右50%
ソースコード(クリックして下さい)
<div class="clearfix responbox50">
<div class="lbox"> </div>
<div class="rbox"> </div>
</div>
PCとTab左右30:70%
ソースコード(クリックして下さい)
<div class="clearfix responbox30 smart30">
<div class="lbox"> </div>
<div class="rbox"> </div>
</div>
全サイズ左右50%
ソースコード(クリックして下さい)
<div class="clearfix responbox50 smart50">
<div class="lbox"> </div>
<div class="rbox"> </div>
</div>
均等横並び
ソースコード(クリックして下さい)
<div class="kintou">
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
</div>
タブ
2つ
ソースコード(クリックして下さい)
[st-tab-content memo="全体を包むボックスです"]
[st-input-tab text="タブ1" bgcolor="#fff" color="#1a1a1a" fontweight="" width="45" value="1" checked="checked"]
[st-input-tab text="タブ2" bgcolor="#fff" color="#1a1a1a" fontweight="" width="45" value="2" checked=""]
[st-tab-main bgcolor="" bordercolor="" value="1"]
<div style="padding: 20px; background: #fafafa;">
タブ1のコンテンツ
</div>
[/st-tab-main]
[[st-tab-main bgcolor="" bordercolor="" value="2"]
<div style="padding: 20px; background: #fafafa;">
タブ2のコンテンツ
</div>
[/st-tab-main]
[/st-tab-content]
3つ
ソースコード(クリックして下さい)
[st-tab-content memo="全体を包むボックスです" type="button" myclass="st-radius"]
[st-input-tab fontawesome="" text="タブ1" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="45" value="1" checked="checked"]
[st-input-tab fontawesome="" text="タブ2" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="45" value="2" checked=""]
[st-input-tab fontawesome="" text="タブ3" bgcolor="#fff" bordercolor="" color="#1a1a1a" fontweight="" width="45" value="3" checked=""]
[st-tab-main bgcolor="" bordercolor="" value="1"]
タブ1のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor="" value="2"]
タブ2のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor="" value="3"]
タブ3のコンテンツ
[/st-tab-main]
[/st-tab-content]
タブ(切り替えボタン)
2つ
ソースコード(クリックして下さい)
[st-tab-content memo="全体を包むボックスです" type="button" myclass="st-radius"]
[st-input-tab fontawesome="" text="タブ1" bgcolor="" bordercolor="" color="" fontweight="" checked="checked"]
[st-input-tab fontawesome="" text="タブ2" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-tab-main bgcolor="" bordercolor=""]
タブ1のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor=""]
タブ2のコンテンツ
[/st-tab-main]
[/st-tab-content]
3つ
ソースコード(クリックして下さい)
[st-tab-content memo="全体を包むボックスです" type="button" myclass="st-radius"]
[st-input-tab fontawesome="" text="タブ1" bgcolor="" bordercolor="" color="" fontweight="" checked="checked"]
[st-input-tab fontawesome="" text="タブ2" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-input-tab fontawesome="" text="タブ3" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-tab-main bgcolor="" bordercolor=""]
タブ1のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor=""]
タブ2のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor=""]
タブ3のコンテンツ
[/st-tab-main]
[/st-tab-content]
4つ
ソースコード(クリックして下さい)
[st-tab-content memo="全体を包むボックスです" type="button" myclass="st-radius"]
[st-input-tab fontawesome="" text="タブ1" bgcolor="" bordercolor="" color="" fontweight="" checked="checked"]
[st-input-tab fontawesome="" text="タブ2" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-input-tab fontawesome="" text="タブ3" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-input-tab fontawesome="" text="タブ4" bgcolor="" bordercolor="" color="" fontweight="" checked=""]
[st-tab-main bgcolor="" bordercolor=""]
タブ1のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor=""]
タブ2のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor=""]
タブ3のコンテンツ
[/st-tab-main]
[st-tab-main bgcolor="" bordercolor=""]
タブ4のコンテンツ
[/st-tab-main]
[/st-tab-content]
タイムライン
タイムライン
基本
ソースコード(クリックして下さい)
[st-timeline myclass="" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]
センター
ソースコード(クリックして下さい)
[st-timeline myclass="" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]
ステップ
基本
ソースコード(クリックして下さい)
[st-timeline myclass="" add_style=""]
[st-timeline-list text="step.1" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.2" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.3" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]
センター
ソースコード(クリックして下さい)
[st-timeline myclass="" add_style=""]
[st-timeline-list text="step.1" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.2" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="step.3" myclass="" fontsize="" fontweight="bold" color="#9E9E9E" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]
ブログカード
ソースコード(クリックして下さい)
[st-timeline myclass="" add_style=""]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[/st-timeline]
タイムライン(カウント)
基本
ソースコード(クリックして下さい)
[ソースコード(クリックして下さい)
[st-timeline myclass="st-timeline-count" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="#039BE5" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center=""]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]
センター
ソースコード(クリックして下さい)
[ソースコード(クリックして下さい)
[st-timeline myclass="st-timeline-count" add_style=""]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[st-timeline-list text="ここに見出しテキスト" url="" myclass="" fontsize="" fontweight="bold" color="" bgcolor="" center="on"]
ここにコンテンツ
[/st-timeline-list]
[/st-timeline]
ブログカード
ソースコード(クリックして下さい)
[ソースコード(クリックして下さい)
[st-timeline myclass="st-timeline-count" add_style=""]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[st-timeline-list myclass="" bgcolor="" center="on"][st-card myclass="" id="記事ID" pc_height="" name="" bgcolor="" color="" readmore="on" thumbnail="on"][/st-timeline-list]
[/st-timeline]
その他パーツ
Googleアイコン
Mac/iPhone/tablet
desktop_mac
phone_iphone
tablet_mac
[st-google-icon googleicon="desktop_mac" fontsize="" color=""]
[st-google-icon googleicon="phone_iphone" fontsize="" color=""]
[st-google-icon googleicon="tablet_mac" fontsize="" color=""]
タイマー/MAP/自転車
timer
location_on
directions_bike
[st-google-icon googleicon="timer" fontsize="" color=""]
[st-google-icon googleicon="location_on" fontsize="" color=""]
[st-google-icon googleicon="directions_bike" fontsize="" color=""]
走る/車/電車
directions_run
directions_car
directions_transit
[st-google-icon googleicon="directions_run" fontsize="" color=""]
[st-google-icon googleicon="directions_car" fontsize="" color=""]
[st-google-icon googleicon="directions_transit" fontsize="" color=""]
地下鉄/飛行機/駐車場
subway
flight
local_parking
[st-google-icon googleicon="subway" fontsize="" color=""]
[st-google-icon googleicon="flight" fontsize="" color=""]
[st-google-icon googleicon="local_parking" fontsize="" color=""]
レストラン/ストア/ケーキ
restaurant
store_mall_directory
cake
[st-google-icon googleicon="restaurant" fontsize="" color=""]
[st-google-icon googleicon="store_mall_directory" fontsize="" color=""]
[st-google-icon googleicon="cake" fontsize="" color=""]
タバコ/矢印(左)/矢印(下)
smoking_rooms
arrow_back
arrow_downward
[st-google-icon googleicon="smoking_rooms" fontsize="" color=""]
[st-google-icon googleicon="arrow_back" fontsize="" color=""]
[st-google-icon googleicon="arrow_downward" fontsize="" color=""]
矢印(右)/矢印(上)/マル
arrow_forward
arrow_upward
radio_button_unchecked
[st-google-icon googleicon="arrow_forward" fontsize="" color=""]
[st-google-icon googleicon="arrow_upward" fontsize="" color=""]
[st-google-icon googleicon="radio_button_unchecked" fontsize="" color=""]
バツ/顔(笑顔)/顔(悪い)
close
mood
mood_bad
[st-google-icon googleicon="close" fontsize="" color=""]
[st-google-icon googleicon="mood" fontsize="" color=""]
[st-google-icon googleicon="mood_bad" fontsize="" color=""]
顔(満足)/顔(不満)/手(Like)
sentiment_satisfied
sentiment_very_dissatisfied
thumb_up_alt
[st-google-icon googleicon="sentiment_satisfied" fontsize="" color=""]
[st-google-icon googleicon="sentiment_very_dissatisfied" fontsize="" color=""]
[st-google-icon googleicon="thumb_up_alt" fontsize="" color=""]
手(Bad)/!(error)/!(new)
thumb_down_alt
error
new_releases
[st-google-icon googleicon="thumb_down_alt" fontsize="" color=""]
[st-google-icon googleicon="error" fontsize="" color=""]
[st-google-icon googleicon="new_releases" fontsize="" color=""]
スター
星1つから星5つまで、5、4.5、4、3.5、3、2、1があります
ソースコード(クリックして下さい)
[star5]
[star45]
[star4]
[star35]
[star3]
[star2]
[star1]
年月
2026年1月
[st-date]
画像付きコメント
パターン1
そげだたっけ時計もらて、もっけだの。
ソースコード(クリックして下さい)
[st-user-comment-box title="タイトル" user_text="30代男性" color="" star="5"]<img class="alignnone size-st_kaiwa_image wp-image-6206" src="#" alt="" width="60" height="60">[/st-user-comment-box]>p>ここにテキストを入力>/p>
パターン2
ソースコード(クリックして下さい)
[st-mybox title="" webicon="" color="#757575" bordercolor="#f3f3f3" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold" fontsize="" myclass="st-mybox-class" margin="25px 0 25px 0"]
[st-user-comment-box title="タイトル" user_text="◯代男性" color="" star="4"]<img class="alignnone size-st_kaiwa_image wp-image-6206" src="#" alt="" width="60" height="60">[/st-user-comment-box]
ここにテキストを入力
[/st-mybox]
YouTube
YouTube動画の貼り付けは直接URLを貼り付ける方法と、IDを指定して「サムネイル画像」リンクとして表示する方法があります。
URL貼り付け
自動でレスポンシブな動画として表示されます。
IDによるサムネイルリンク
[youtube id=(idを入力)]
サムネイルリンクとして表示することで複数でも表示が遅くなるのを軽減できます。クリックするとYouTubeに飛んでしまいます。
三角(下矢印)
カラーを変更できる三角矢印のショートコードです。
[st-under-t color="#000"]
スクロールナビ
ソースコード(クリックして下さい)
<div id="st_listnavi_wrapper">
<ul class="st-sc-listnavi-box">
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
<li class="st-sc-listnavi"><a href="#">ダミーリンク</a></li>
</ul>
</div>
カテゴリー記事一覧
任意のカテゴリーの一覧を所定内であれば好きな位置に表示できます。表示する記事数やカテゴリーの除外、閲覧サイズによる列数の指定(3~1)などが可能です。
-
-
今日のお題:齧歯目の子ども限定!寝転ぶ姿が愛しすぎる20の癒しプロンプト集 🐹 癒しシーン20選 1. クルミのベッドでおやすみハムちゃん 推しポイント:まるで童話の1ページ。小さな命のぬくもりがぎゅ ...
-
-
今日のお題:画像生成が“突然変異”した!ChatGPTで子猫画像を作ってわかったこと 突然、猫の構図が変わった!? 今回の生成テーマは「子猫が密集して寝ているリアル写真風の画像」。 最初は理想に近いイ ...
-
-
今日のお題:【2025年7月最新】ChatGPT画像生成ルールが激変!「720時間待ち」は過去の話、新方式「ローリングウィンドウ」を徹底解説 はじめに 2025年7月、多くのChatGPTユーザーが画 ...
-
-
今日のお題:オンライン宿泊予約サイトトラブル報道|トラブルを避けるための5つの対策 はじめに 2025年7月10日、NHKが報じた「Agodaをめぐる宿泊予約トラブル」のニュースが、一部の旅行者の間で ...
-
-
今日のお題:Geminiの画像生成が低画質に?最近の品質低下の噂と原因を初心者向けに徹底解説! はじめに 「あれ、なんだか今日のGemini、画質が悪くない…?」 最新の「Gemini 2.5 Pro ...
ソースコード(クリックして下さい)
[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="off" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore"]
カテゴリー記事一覧スライドショー
上記の一覧を簡易にスライドショーに変えることが可能です。
齧歯目の子ども限定!寝転ぶ姿が愛しすぎる20の癒しプロンプト集
今日のお題:齧歯目の子ども限定!寝転ぶ姿が愛しすぎる20の癒しプロンプト集 🐹 癒しシーン20選 1. クルミのベッドでおやすみハムちゃん 推しポイント:まるで童話の1ページ。小さな命のぬくもりがぎゅっと詰まったシーン。 A baby hamster curled up inside a walnut shell, peacefully sleeping, macro photography, natural soft lighting 日本語訳: クルミの殻の中で丸くなって眠る赤ちゃんハムスター、マクロ ...
ReadMore
岩手盛岡IT温泉
26/01/01
画像生成が“突然変異”した!ChatGPTで子猫画像を作ってわかったこと
今日のお題:画像生成が“突然変異”した!ChatGPTで子猫画像を作ってわかったこと 突然、猫の構図が変わった!? 今回の生成テーマは「子猫が密集して寝ているリアル写真風の画像」。 最初は理想に近いイメージで、毛色や品種のバランスを調整しながら進めていましたが…… 子猫が密着している画像のイメージを修正したのにいきなり 「富士山を背景に、トマトや干物のそばに並ぶ子猫たち」 という、完全に別ジャンルの画像が登場。 「いや、毛色バランス調整したいだけやってんけど!💦」 困惑しました。 なぜ突然変異が起きるのか ...
ReadMore
岩手盛岡IT温泉
26/01/01
【2025年7月最新】ChatGPT画像生成ルールが激変!「720時間待ち」は過去の話、新方式「ローリングウィンドウ」を徹底解説
今日のお題:【2025年7月最新】ChatGPT画像生成ルールが激変!「720時間待ち」は過去の話、新方式「ローリングウィンドウ」を徹底解説 はじめに 2025年7月、多くのChatGPTユーザーが画像生成機能(DALL-E 3)を使おうとして、戸惑いを隠せませんでした。 「昨日まで普通に画像を作れたのに、今日は全く生成できない…」 「『720時間後にもう一度お試しください』と表示されたけど、これって1ヶ月待ちってこと?」 「1日5枚までのルールはどこに行ったの?」 このような混乱の声がSNSやコミュニテ ...
ReadMore
旅のパズル
26/01/01
【注意喚起】オンライン宿泊予約サイトトラブル報道|トラブルを避けるための5つの対策
今日のお題:オンライン宿泊予約サイトトラブル報道|トラブルを避けるための5つの対策 はじめに 2025年7月10日、NHKが報じた「Agodaをめぐる宿泊予約トラブル」のニュースが、一部の旅行者の間で波紋を呼んでいます。 宿泊予約サイトAgoda「部屋取れていない」など相談相次ぐ(NHK NEWS WEB 2025年7月10日報道) 結論から言いますと、 外資系オンライン予約サイトの利用はやめとけ ...とまでは思いませんが、 利用する際はかなり慎重になるべき段階に来た と感じました。 私自身、長年にわた ...
ReadMore
岩手盛岡IT温泉
26/01/01
【解決策あり】Geminiの画像生成が低画質に?最近の品質低下の噂と原因を初心者向けに徹底解説!
今日のお題:Geminiの画像生成が低画質に?最近の品質低下の噂と原因を初心者向けに徹底解説! はじめに 「あれ、なんだか今日のGemini、画質が悪くない…?」 最新の「Gemini 2.5 Pro」を使っているはずなのに、なぜかぼやけたような、解像度の低い画像が生成されてガッカリ…。 毎日使っている方の中には、「またこの画質か…」と、ため息をついている方もいらっしゃるのではないでしょうか。 ご安心ください。 その現象は、あなただけに起きているわけではありません。 そして、いくつかの原因と対処法が考えら ...
ReadMore
ソースコード(クリックして下さい)
[st-catgroup cat="0" page="5" order="desc" orderby="id" child="on" slide="on" slides_to_show="3,3,2" slide_date="" slide_more="ReadMore"]
角丸背景
ソースコード(クリックして下さい)
[st-mybox title="" webicon="" color="#757575" bordercolor="#f3f3f3" bgcolor="#f3f3f3" borderwidth="0" borderradius="5" titleweight="bold"]
角丸のマイボックスを設定します。
[/st-mybox]
内部リンク(ブログカード)
記事IDを設定することで内部リンクをブログカード化します
基本
-
-
盛岡市地域おこし協力隊と学ぶ楽しい盛岡弁講座(基本編)【随時追加募集中!】
盛岡市民及び盛岡広域出身者の皆様へ 本ページをご覧の盛岡市民及び盛岡広域出身者の皆様、内容修正等のご指摘、これも追加してほしいという希望があれば、お問い合わせフォームからお寄せ下さい。適宜修正・追記し ...
続きを見る
[st-card id=(記事id) label="" name="" bgcolor="" color="" readmore="on"]
-
-
参考盛岡市地域おこし協力隊と学ぶ楽しい盛岡弁講座(基本編)【随時追加募集中!】
盛岡市民及び盛岡広域出身者の皆様へ 本ページをご覧の盛岡市民及び盛岡広域出身者の皆様、内容修正等のご指摘、これも追加してほしいという希望があれば、お問い合わせフォームからお寄せ下さい。適宜修正・追記し ...
続きを見る
[st-card myclass="st-no-shadow" id="100" label="参考" webicon="st-svg-check-circle" pc_height="" name="" bgcolor="#cccccc" color="#ffffff" readmore="on" thumbnail="on" type="text"]
-
-
盛岡市地域おこし協力隊と学ぶ楽しい盛岡弁講座(基本編)【随時追加募集中!】
盛岡市民及び盛岡広域出身者の皆様へ 本ページをご覧の盛岡市民及び盛岡広域出身者の皆様、内容修正等のご指摘、これも追加してほしいという希望があれば、お問い合わせフォームからお寄せ下さい。適宜修正・追記し ...
続きを見る
[st-div class="" margin="0 0 -5px -5px" padding="0 0 0 0" add_style=""][st-minihukidashi webicon="st-svg-check" fontsize="" fontweight="bold" bgcolor="#FFECB3" color="" margin="0 0 0 0" radius="30" position="" add_boxstyle=""]こちらもCHECK[/st-minihukidashi][/st-div][st-card myclass="st-card-minihukidashi" id="" label="" pc_height="" name="" bgcolor="#cccccc" color="" fontawesome="" readmore="on" thumbnail="on" type=""]
ショートコード補助:HTMLカラーモード
HTMLカラーモード
ショートコードに挿入するHTMLカラーコードです(カラーが直接表示されるわけではございません。ショートコードの引数に使用して下さい)
HTMLカラーコード(ブランド)
関連ウェブサイト
-
-
AFFINGER6EX(アップグレード)版の記事作成パーツ(スタイル編)
テキスト装飾 太字 <span class="huto">たかみかんブログ</span> 赤字 <span class="hutoaka">たかみかんブログ< ...
続きを見る
-
-
AFFINGER6EX(アップグレード)版の記事作成パーツ(タグ・テキストパーツ編)
デザイン クリップメモ ショートコードで作成します。自分でカスタマイズすることも可能です。 メモ ソースコード(クリックして下さい) [st-cmemo webicon="st-svg-file-te ...
続きを見る
-
-
AFFINGER6EX(アップグレード)版の記事作成パーツ(ボックスデザイン編)
ボックスデザイン バナー風ボックス バナー風デザインを作成するショートコード。flexボックスを使用した様々なデザインを作成できます。背景画像を指定することでバナーのようなボタンを作成することも可能で ...
続きを見る
-
-
AFFINGER6EX(アップグレード)版の記事作成パーツ(カスタムボタン編)
カスタムボタン(ノーマル) 自由なボタンを作成します。幅や色、アイコンなどボタンごとに自由なカスタマイズが可能です。 基本 ソースコード(クリックして下さい) [st-mybutton url="#" ...
続きを見る
タイトル
30代男性