UI サンプル(custom-articleタグの設定必須)

コードを見る
<h1 class="article_h1">UI サンプル(custom-articleタグの設定必須)</h1>
H1見出しテキスト
コードを見る
<div class="article_h1img">
    [lazyimg imgurl=https://img.activityjapan.com/wi/gw_okinawa_ranking_top01.jpg imgname=H1見出しテキスト]
</div>
▼h1に画像設置

H1見出しテキスト

コードを見る
<h1 class="article_h1img">
    [lazyimg imgurl=https://img.activityjapan.com/wi/gw_okinawa_ranking_top01.jpg imgname=H1見出しテキスト]
</h1>

英名octopusは、直接的にはラテン語「Octopus;オクトープス」の借用である。これは古典ギリシア語で「8本足」ὀκτώπους(oktōpous)を意味している。日本語では、標準和名の他にたこ、蛸、鮹、章魚、鱆とも記す。

※目次のデザインは本番公開(特集カテゴリ)にしたら適用されます。

コードを見る
<p class="article_description">
    英名octopusは、直接的にはラテン語「Octopus;オクトープス」の借用である。これは古典ギリシア語で「8本足」ὀκτώπους(oktōpous)を意味している。日本語では、標準和名の他にたこ、蛸、鮹、章魚、鱆とも記す。
</p>

<p>※目次のデザインは本番公開(特集カテゴリ)にしたら適用されます。</p>
コードを見る
<div class="article_index">
    [toc]
</div>

H2 見出しH2 見出しH2 見出しH2 見出し

コードを見る
<h2 class="article_h2">H2 見出しH2 見出しH2 見出しH2 見出し</h2>
xxxxxx
コードを見る
<img src="https://img.activityjapan.com/10/20993/10000002099301_lhFJETZn_3.jpg" alt="xxxxxx" class="article_img">

主に岩礁や砂地に生息する。海洋棲で、淡水を嫌い、河口などの汽水域には棲息しない。

複数の吸盤がついた8本の腕を特徴とする。動物学的には足であり、一般には「足」と呼ばれるが、物を掴む機能などにより、特に頭足類における足は「腕」とも表現される(英語でも arm 腕と呼ぶ)。

見た目で頭部に見える丸く大きな部位は実際には胴部であり、本当の頭は腕の基部に位置して眼や口器が集まっている部分である。すなわち、頭から足(腕)が生えているのであり、同じ構造を持つイカの仲間とともに「頭足類」の名で呼ばれる理由がここにある

段落コードを見る
<p>
    本文を入力
</p>
  • 4.8
  • (4263件の口コミ)
  • 沖縄
  • 沖縄(本島)
  • 読谷村(残波岬)・嘉手納市・北谷町
  • SUP(サップ)・スタンドアップパドルボード
  • フライボード(水圧で空を飛ぶ)
  • パラセーリング

SeaMoleは1人でも多くの方に沖縄でのダイビングを、そしてシーモールを通して海の素晴らしさそしてそこに集まる人達との出会いの楽しさ感動を知って頂きたい!という思いから始めました。 各コースはもちろんですが誰もが気軽に立ち寄れる暖かい空間を作っていきたいと思います^^ また2歳のお子様からご年配の方までご参加頂けるせいかご家族のゲストに絶大なる信頼を頂いております^^ 当社だけの【沖縄満足度№1】マリンアクティビティ+青の洞窟ツアーの贅沢セットプランがスタートいたしました、他社にはないバナナボートのような絶叫だけでなくフライボード・ウエイクボードもお楽しみ頂けるプランもございます、興味があれば下記をご覧下さい! ■□■────────────────────────■□■ 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟シュノーケリング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36941 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟体験ダイビング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36922 ■□■────────────────────────■□■

営業時間7:00~19:00
定休日なし
ショートコードを見る
[partnerinfodetail partner_id=498]

H2 見出し class:text-centerで中央 H2 見出し

コードを見る
<h2 class="article_h2 text-center">H2 見出し<small>class:text-centerで中央</small>H2 見出し</h2>
xxxxxx ここに画像の注釈とか???
画像+注釈コードを見る
<img src="https://img.activityjapan.com/10/20993/10000002099301_lhFJETZn_3.jpg" alt="xxxxxx" class="article_img">
<small>ここに画像の注釈とか???</small>

食物網の中でのタコの位置(cf. 生態ピラミッド、捕食-被食関係)は、おおむね中間位の捕食者である。タコの天敵として最もよく知られているのはウツボであるが、サメやタイの仲間もタコを好む。しかしこの捕食-被食関係も一方的なものではなく、稀にではあるが、大型のタコが小型のサメを捕食することがある。また水族館では、ミズダコが同じ水槽で飼われていたアブラツノザメを攻撃し、死亡させた例もある[16]。

他方、タコは甲殻類や二枚貝にとっての天敵であり、好んで捕食する傾向が強い。獲物に比して体格で勝るタコであれば、腕が持つ強靭な筋力によって甲殻類の殻を砕き、きつく閉じた二枚貝の殻をこじ開けることができる。

ショートコード

プランショートコード

石垣島のガラス館

【沖縄・石垣】体験可能年齢13歳以上!本格吹きガラス体験!作りごたえのある琉球グラス作り!

石垣島のガラス館
石垣島
3,850円~(税込)
  • 4.2
  • (36件の口コミ・体験談)

昔ながらの宙吹き製法でつくる、世界に一つだけの琉球ガラスが作れます!私たちの作る琉球ガラスは泡盛の瓶などを再利用して作る廃瓶の琉球ガラスです。昔の沖縄で作られていた琉球ガラスと同じ製法で作っているグラスが作れます。ただ、息を吹きいれるだけのグラスの体験ではなく、さまざまな工程をご自身で体験していただ

ショートコードを見る
[featureplan2 planid=26683]

事業者ショップショートコード

事業者のみ(プランなし)

  • 4.8
  • (4263件の口コミ)
  • 沖縄
  • 沖縄(本島)
  • 読谷村(残波岬)・嘉手納市・北谷町
  • SUP(サップ)・スタンドアップパドルボード
  • フライボード(水圧で空を飛ぶ)
  • パラセーリング

SeaMoleは1人でも多くの方に沖縄でのダイビングを、そしてシーモールを通して海の素晴らしさそしてそこに集まる人達との出会いの楽しさ感動を知って頂きたい!という思いから始めました。 各コースはもちろんですが誰もが気軽に立ち寄れる暖かい空間を作っていきたいと思います^^ また2歳のお子様からご年配の方までご参加頂けるせいかご家族のゲストに絶大なる信頼を頂いております^^ 当社だけの【沖縄満足度№1】マリンアクティビティ+青の洞窟ツアーの贅沢セットプランがスタートいたしました、他社にはないバナナボートのような絶叫だけでなくフライボード・ウエイクボードもお楽しみ頂けるプランもございます、興味があれば下記をご覧下さい! ■□■────────────────────────■□■ 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟シュノーケリング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36941 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟体験ダイビング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36922 ■□■────────────────────────■□■

営業時間7:00~19:00
定休日なし
ショートコードを見る
[partnerinfodetail partner_id=498 plan=false]

事業者プラン付き

  • 4.8
  • (4263件の口コミ)
  • 沖縄
  • 沖縄(本島)
  • 読谷村(残波岬)・嘉手納市・北谷町
  • SUP(サップ)・スタンドアップパドルボード
  • フライボード(水圧で空を飛ぶ)
  • パラセーリング

SeaMoleは1人でも多くの方に沖縄でのダイビングを、そしてシーモールを通して海の素晴らしさそしてそこに集まる人達との出会いの楽しさ感動を知って頂きたい!という思いから始めました。 各コースはもちろんですが誰もが気軽に立ち寄れる暖かい空間を作っていきたいと思います^^ また2歳のお子様からご年配の方までご参加頂けるせいかご家族のゲストに絶大なる信頼を頂いております^^ 当社だけの【沖縄満足度№1】マリンアクティビティ+青の洞窟ツアーの贅沢セットプランがスタートいたしました、他社にはないバナナボートのような絶叫だけでなくフライボード・ウエイクボードもお楽しみ頂けるプランもございます、興味があれば下記をご覧下さい! ■□■────────────────────────■□■ 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟シュノーケリング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36941 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟体験ダイビング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36922 ■□■────────────────────────■□■

営業時間7:00~19:00
定休日なし
ショートコードを見る
[partnerinfodetail partner_id=498]

事業者種目指定プラン

  • 4.8
  • (4263件の口コミ)
  • 沖縄
  • 沖縄(本島)
  • 読谷村(残波岬)・嘉手納市・北谷町
  • SUP(サップ)・スタンドアップパドルボード
  • フライボード(水圧で空を飛ぶ)
  • パラセーリング

SeaMoleは1人でも多くの方に沖縄でのダイビングを、そしてシーモールを通して海の素晴らしさそしてそこに集まる人達との出会いの楽しさ感動を知って頂きたい!という思いから始めました。 各コースはもちろんですが誰もが気軽に立ち寄れる暖かい空間を作っていきたいと思います^^ また2歳のお子様からご年配の方までご参加頂けるせいかご家族のゲストに絶大なる信頼を頂いております^^ 当社だけの【沖縄満足度№1】マリンアクティビティ+青の洞窟ツアーの贅沢セットプランがスタートいたしました、他社にはないバナナボートのような絶叫だけでなくフライボード・ウエイクボードもお楽しみ頂けるプランもございます、興味があれば下記をご覧下さい! ■□■────────────────────────■□■ 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟シュノーケリング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36941 【満足度№1】11種の絶叫マリン遊びたい放題&青の洞窟体験ダイビング★餌付けや写真無制限&餌付け付や記念品の星の砂もプレゼント! → https://activityjapan.com/publish/plan/36922 ■□■────────────────────────■□■

営業時間7:00~19:00
定休日なし
ショートコードを見る
[partnerinfodetail partner_id=498 activity_id=190]

検索結果ショートコード

基本記述
[
searchplan url=xxxx任意の検索URL
]

コードを見る
[<pre style="display:inline;">searchplan url=xxxx任意の検索URL</pre>]
・オプション指定なし
[
searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1
]

表示件数 1件
ソート おすすめ順(searchのデフォルトと同じ)

コードを見る
[<pre style="display:inline;">searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1</pre>]
・ソート指定、表件数あり [
searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=3 number=4
]

表示件数 4件
ソート s=3 の安い順

コードを見る
[<pre style="display:inline;">searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=3 number=4</pre>]
・チョイス指定あり [
searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=5 number=20 choice=3
]

表示件数 1件 上から3番目のプランが表示される※choiceが優先される
ソート s=5 の予約ランキング

コードを見る
[<pre style="display:inline;">searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=5 number=20 choice=3</pre>]
[
searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=5 number=20 choice=3
]
コードを見る
[<pre style="display:inline;">searchplan url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=5 number=20 choice=3</pre>]
[
searchplan url=https://activityjapan.com/search/kimono-rental/kansai/kyoto/?today=3&d=1 sort=5 number=1 choice=4
]
コードを見る
[<pre style="display:inline;">searchplan url=https://activityjapan.com/search/kimono-rental/kansai/kyoto/?today=3&d=1 sort=5 number=1 choice=4</pre>]

ランキングショートコード

基本記述 [
searchplanranking url=xxxx任意の検索URL
]
コードを見る
[<pre style="display:inline;">searchplanranking url=xxxx任意の検索URL</pre>]
・ソート指定、表件数あり [
searchplanranking url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=3 number=4
]

表示件数 4件
ソート s=1 の人気順

コードを見る
[<pre style="display:inline;">searchplanranking url=https://activityjapan.com/search/okinawa/?today=3&d=1 sort=3 number=4</pre>]

コードを見る
<hr>

更新日取得ショートコード

[
featureGetDate
]
更新日:
アクティビティジャパン編集部
コードを見る
[<pre style="display:inline;">featureGetDate</pre>] [featureGetDate]

h3 見出しh3 見出しh3 見出し ※中央揃え

コードを見る
<h3 class="article_h3 text-center">
    h3 見出しh3 見出しh3 見出し
    <small>※中央揃え</small>
</h3>
  • Cirroctopodidae - 1属4種
  • ヒゲダコ科 Cirroteuthidae - 3属6種
  • ジュウモンジダコ属 Grimpoteuthididae - ジュウモンジダコ等3属20種
  • メンダコ科 Opisthoteuthidae - メンダコ等1属20種
コードを見る
<ul class="article_list">
    <li>Cirroctopodidae - 1属4種</li>
    <li>ヒゲダコ科 Cirroteuthidae - 3属6種</li>
    <li>ジュウモンジダコ属 Grimpoteuthididae - ジュウモンジダコ等3属20種</li>
    <li>メンダコ科 Opisthoteuthidae - メンダコ等1属20種</li>
</ul>

h4 見出しh4 見出しh4 見出しh4 見出し

マダコ亜目 Cirrina Grimpe, 1916 sensu Felley et al., 2001

  • クラゲダコ科 Amphitretidae - クラゲダコ属クラゲダコ等5属7種
  • アオイガイ上科 Argonautoidea
  • カンテンダコ科 Alloposidae - 1属1種 カンテンダコ
コードを見る
<h4 class="article_h4">h4 見出しh4 見出しh4 見出しh4 見出し</h4>

<p>
    マダコ亜目
    <small>Cirrina Grimpe, 1916 sensu Felley et al., 2001</small>
</p>

<ul class="article_list">
    <li>クラゲダコ科 Amphitretidae - クラゲダコ属クラゲダコ等5属7種</li>
    <li>アオイガイ上科 Argonautoidea</li>
    <li>カンテンダコ科 Alloposidae - 1属1種 カンテンダコ</li>
</ul>

テキスト、テキスト装飾関連

日本
コードを見る
<strong>日本</strong>

タコは日本の食生活に深く根付いている。2000年前後の時代には北アフリカのモロッコからの輸入が増加し、全体の6割を超えていたが、乱獲による生物量の減少を受けてたびたび禁漁が行われ(2003年9月からの8ヶ月間、等)、他産地からの輸入が増加している[22]。 タコ類は多様な種が知られているが、日本では一般的に「タコ」と言えば、食用などで馴染み深いマダコを指す場合が多い。日本人とタコの関係は古く、池上・曽根遺跡などの大阪府下の弥生時代の遺跡からは、蛸壺形の土器が複数出土している[23]。

加熱調理されることが多く、多くの種は茹でると鮮紅色を呈する。料理では刺身、寿司、煮だこ、酢蛸、酢味噌あえ、おでんの具材などに用いられる。たこ焼きやその原形とされる明石焼きの具材としても親しまれている。また、瀬戸内海周辺地域などでは蛸飯に供される。なお、下処理として表面のぬめりを取るために塩もみされることも多い。低カロリーで、タンパク質、特にタウリンが豊富である。また、亜鉛も多く含む。夏場のものが特に美味とされる。関西地方には、半夏[注釈 1]にタコを食べる習慣があるが、これはタウリンを補給して 夏バテを防ぐと言われる。秋口にメスの体内にある卵は象牙色の袋に包まれており、タコの袋児(ふくろご)と呼ばれ、煮付けて食べる。また、産卵後の卵はその形状から海藤花(かいとうげ)と呼ばれ、塩漬けにする。

関連記事
記事名リンク記事名リンク記事名リンク記事名リンク記事名リンク記事名リンク
コードを見る
<div class="article_panel__color--blue article_panel__caption">
    <div class="article_panel__caption-text">関連記事</div>
    <b><a href="" class="underline">記事名リンク記事名リンク記事名リンク記事名リンク記事名リンク記事名リンク</a></b>
</div>
テキストカラー

これは赤いテキスト span でも b でも

コードを見る
<p>
    <span class="article_text--red text-danger">これは赤いテキスト span でも b でも</span>
</p>

これは青いテキスト span でも b でも

コードを見る
<p>
    <span class="article_text--blue text-primary">これは青いテキスト span でも b でも</span>
</p>
強調strong

土用の蛸は親にも食わすな

コードを見る
<p><strong>土用の蛸は親にも食わすな</strong></p>
マーカー em or span

マーカーマーカーマーカーマーカーマーカー

コードを見る
<p>
    <em>マーカーマーカーマーカーマーカーマーカー</em>
</p>

マーカーマーカーマーカーマーカーマーカー

コードを見る
<p>
    <span class="article_marker--red">マーカーマーカーマーカーマーカーマーカー</span>
</p>

マーカーマーカーマーカーマーカーマーカー

コードを見る
<p>
    <span class="article_marker--blue">マーカーマーカーマーカーマーカーマーカー</span>
</p>

テーブル

100 gあたりの栄養価
炭水化物 糖類 2.2 g 糖類 0 g
脂肪 飽和脂肪酸 0.227 g 一価不飽和 0.162 g 多価不飽和 0.239 g
タンパク質 トリプトファン 0.167 g トレオニン 0.642 g イソロイシン 0.649 g
4列テーブルコードを見る
<table class="article_table">
    <thead>
        <tr>
            <th colspan="4">100 gあたりの栄養価</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>炭水化物</th>
            <td>糖類 2.2 g</td>
            <td>糖類 0 g</td>
            <td></td>
        </tr>
        <tr>
            <th>脂肪</th>
            <td>飽和脂肪酸 0.227 g</td>
            <td>一価不飽和 0.162 g</td>
            <td>多価不飽和 0.239 g</td>
        </tr>
        <tr>
            <th>タンパク質</th>
            <td>トリプトファン 0.167 g</td>
            <td>トレオニン 0.642 g</td>
            <td>イソロイシン 0.649 g</td>
        </tr>
    </tbody>
</table>
100 gあたりの栄養価
炭水化物 糖類 2.2 g
脂肪 飽和脂肪酸 0.227 g
タンパク質 トリプトファン 0.167 g
2列テーブルコードを見る
<table class="article_table">
    <thead>
        <tr>
            <th colspan="2">100 gあたりの栄養価</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>炭水化物</th>
            <td>糖類 2.2 g</td>
        </tr>
        <tr>
            <th>脂肪</th>
            <td>飽和脂肪酸 0.227 g</td>
        </tr>
        <tr>
            <th>タンパク質</th>
            <td><a href="xxxx" class="underline">トリプトファン 0.167 g</a></td>
        </tr>
    </tbody>
</table>

リスト

ドット
  • ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト
  • ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト
  • ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト
  • ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト
コードを見る
<ul class="article_list">
    <li>ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト</li>
    <li>ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト</li>
    <li>ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト</li>
    <li>ulタグ順序なしリストテキストリストテキストリストテキストリストテキスト</li>
</ul>
数字
  1. olタグ順序ありリストテキストリストテキストリストテキストリストテキスト
  2. olタグ順序ありリストテキストリストテキストリストテキストリストテキスト
  3. olタグ順序ありリストテキストリストテキストリストテキストリストテキスト
  4. olタグ順序ありリストテキストリストテキストリストテキストリストテキスト
コードを見る
<ol class="article_list__number">
    <li>olタグ順序ありリストテキストリストテキストリストテキストリストテキスト</li>
    <li>olタグ順序ありリストテキストリストテキストリストテキストリストテキスト</li>
    <li>olタグ順序ありリストテキストリストテキストリストテキストリストテキスト</li>
    <li>olタグ順序ありリストテキストリストテキストリストテキストリストテキスト</li>
</ol>

背景ありパネル

  • 蛸神社(たこじんじゃ)
  • 衣蛸(ころもだこ)
  • ヤザイモン蛸(やざいもんだこ)
  • 蛸地蔵(たこじぞう)
  1. 松川浦漁港(福島県相馬市)
  2. 宗谷漁港(北海道稚内市宗谷岬)
  3. 落石漁港(北海道根室市落石)
  4. 八戸漁港(青森県八戸市)
白パネルコードを見る
<div class="article_panel__color--white">
    <ul class="article_list">
        <li>蛸神社(たこじんじゃ)</li>
        <li>衣蛸(ころもだこ)</li>
        <li>ヤザイモン蛸(やざいもんだこ)</li>
        <li>蛸地蔵(たこじぞう)</li>
    </ul>
    <ol class="article_list article_list__number">
        <li>松川浦漁港(福島県相馬市)</li>
        <li>宗谷漁港(北海道稚内市宗谷岬)</li>
        <li>落石漁港(北海道根室市落石)</li>
        <li>八戸漁港(青森県八戸市)</li>
    </ol>
</div>
注意事項
  1. 松川浦漁港(福島県相馬市)
  2. 宗谷漁港(北海道稚内市宗谷岬)
  3. 落石漁港(北海道根室市落石)
  4. 八戸漁港(青森県八戸市)
白パネル+見出しコードを見る
<div class="article_panel__color--white article_panel__caption">
    <div class="article_panel__caption-text">注意事項</div>
    <ol class="article_list article_list__number">
        <li>松川浦漁港(福島県相馬市)</li>
        <li>宗谷漁港(北海道稚内市宗谷岬)</li>
        <li>落石漁港(北海道根室市落石)</li>
        <li>八戸漁港(青森県八戸市)</li>
    </ol>
</div>
  1. 松川浦漁港(福島県相馬市)
  2. 宗谷漁港(北海道稚内市宗谷岬)
  3. 落石漁港(北海道根室市落石)
  4. 八戸漁港(青森県八戸市)
グレーパネルコードを見る
<div class="article_panel__color--gray">
    <ol class="article_list article_list__number">
        <li>松川浦漁港(福島県相馬市)</li>
        <li>宗谷漁港(北海道稚内市宗谷岬)</li>
        <li>落石漁港(北海道根室市落石)</li>
        <li>八戸漁港(青森県八戸市)</li>
    </ol>
</div>
注意事項
  1. 松川浦漁港(福島県相馬市)
  2. 宗谷漁港(北海道稚内市宗谷岬)
  3. 落石漁港(北海道根室市落石)
  4. 八戸漁港(青森県八戸市)
グレーパネル+見出しコードを見る
<div class="article_panel__color--gray article_panel__caption">
    <div class="article_panel__caption-text">注意事項</div>
    <ol class="article_list article_list__number">
        <li>松川浦漁港(福島県相馬市)</li>
        <li>宗谷漁港(北海道稚内市宗谷岬)</li>
        <li>落石漁港(北海道根室市落石)</li>
        <li>八戸漁港(青森県八戸市)</li>
    </ol>
</div>
  • 蛸神社(たこじんじゃ)
  • 衣蛸(ころもだこ)
  • ヤザイモン蛸(やざいもんだこ)
  • 蛸地蔵(たこじぞう)
青パネルコードを見る
<div class="article_panel__color--blue">
    <ul class="article_list">
        <li>蛸神社(たこじんじゃ)</li>
        <li>衣蛸(ころもだこ)</li>
        <li>ヤザイモン蛸(やざいもんだこ)</li>
        <li>蛸地蔵(たこじぞう)</li>
    </ul>
</div>
合わせて読みたい
  1. 松川浦漁港(福島県相馬市)
  2. 宗谷漁港(北海道稚内市宗谷岬)
  3. 落石漁港(北海道根室市落石)
  4. 八戸漁港(青森県八戸市)
青パネル+見出しコードを見る
<div class="article_panel__color--blue article_panel__caption">
    <div class="article_panel__caption-text">合わせて読みたい</div>
    <ol class="article_list article_list__number">
        <li>松川浦漁港(福島県相馬市)</li>
        <li>宗谷漁港(北海道稚内市宗谷岬)</li>
        <li>落石漁港(北海道根室市落石)</li>
        <li>八戸漁港(青森県八戸市)</li>
    </ol>
</div>
  • 蛸神社(たこじんじゃ)
  • 衣蛸(ころもだこ)
  • ヤザイモン蛸(やざいもんだこ)
  • 蛸地蔵(たこじぞう)
赤パネルコードを見る
<div class="article_panel__color--red">
    <ul class="article_list">
        <li>蛸神社(たこじんじゃ)</li>
        <li>衣蛸(ころもだこ)</li>
        <li>ヤザイモン蛸(やざいもんだこ)</li>
        <li>蛸地蔵(たこじぞう)</li>
    </ul>
</div>
注意事項
  1. 松川浦漁港(福島県相馬市)
  2. 宗谷漁港(北海道稚内市宗谷岬)
  3. 落石漁港(北海道根室市落石)
  4. 八戸漁港(青森県八戸市)
赤パネル+見出しコードを見る
<div class="article_panel__color--red article_panel__caption">
    <div class="article_panel__caption-text">注意事項</div>
    <ol class="article_list article_list__number">
        <li>松川浦漁港(福島県相馬市)</li>
        <li>宗谷漁港(北海道稚内市宗谷岬)</li>
        <li>落石漁港(北海道根室市落石)</li>
        <li>八戸漁港(青森県八戸市)</li>
    </ol>
</div>
  • 蛸神社(たこじんじゃ)
  • 衣蛸(ころもだこ)
  • ヤザイモン蛸(やざいもんだこ)
  • 蛸地蔵(たこじぞう)
黄パネルコードを見る
<div class="article_panel__color--yellow">
    <ul class="article_list">
        <li>蛸神社(たこじんじゃ)</li>
        <li>衣蛸(ころもだこ)</li>
        <li>ヤザイモン蛸(やざいもんだこ)</li>
        <li>蛸地蔵(たこじぞう)</li>
    </ul>
</div>
注意事項
  1. 松川浦漁港(福島県相馬市)
  2. 宗谷漁港(北海道稚内市宗谷岬)
  3. 落石漁港(北海道根室市落石)
  4. 八戸漁港(青森県八戸市)
黄パネル+見出しコードを見る
<div class="article_panel__color--yellow article_panel__caption">
    <div class="article_panel__caption-text">注意事項</div>
    <ol class="article_list article_list__number">
        <li>松川浦漁港(福島県相馬市)</li>
        <li>宗谷漁港(北海道稚内市宗谷岬)</li>
        <li>落石漁港(北海道根室市落石)</li>
        <li>八戸漁港(青森県八戸市)</li>
    </ol>
</div>

レイアウト

コンテンツ横並び
横2つ並び
コンテンツ左 xxxxx
コンテンツ右 xxxxx
コードを見る
<div class="article_row">
    <div class="article_col-6">
        コンテンツ左
        [lazyimg imgurl=https://img.activityjapan.com//wi/202003_top_gwokinawa_banner.jpg imgname=xxxxx]
    </div>
    <div class="article_col-6">
        コンテンツ右
        [lazyimg imgurl=https://img.activityjapan.com//wi/202003_top_gwokinawa_banner.jpg imgname=xxxxx]
    </div>
</div>
画像回り込み
xxxxx

日本ではその形態、生態がきわめて特徴的でユーモラスでもあり、また、茹でると真っ赤になるなどといった性質から、漫画・映画・テレビ番組などでキャラクター化されることが多い(しばしば、胴体を頭部になぞらえ、目や突き出た口を持ち、額に当たる部分に鉢巻を巻いた姿で描かれる)。単純に馬鹿にする言葉としても「タコ」という呼称が使われ、転じて、馬鹿や初心者、ハゲを指して「タコ」という表現もあちこちで見られる。同じ墨を吐く動物として、イカと対比されることが多い。
先述(#地中海世界、欧米)のとおり、 地中海沿岸諸国では古来、タコは食用であり、身近な存在であった。

コードを見る
<div class="article_float--left">
    <div class="article_float__img">
        [lazyimg imgurl=https://img.activityjapan.com//wi/202003_top_gwokinawa_banner.jpg imgname=xxxxx]
    </div>
    <p class="article_float__text">
        テキスト
    </p>
</div>
画像回り込み
xxxxx

日本ではその形態、生態がきわめて特徴的でユーモラスでもあり、また、茹でると真っ赤になるなどといった性質から、漫画・映画・テレビ番組などでキャラクター化されることが多い。
先述(#地中海世界、欧米)のとおり、地中海沿岸諸国では古来、タコは食用であり、身近な存在であった。

コードを見る
<div class="article_float--right">
    <div class="article_float__img">
        [lazyimg imgurl=https://img.activityjapan.com//wi/202003_top_gwokinawa_banner.jpg imgname=xxxxx]
    </div>
    <p class="article_float__text">
        テキスト
    </p>
</div>
仕切り線

コードを見る
<hr>
パネル + 画像回り込み
xxxxx

日本ではその形態、生態がきわめて特徴的でユーモラスでもあり、また、茹でると真っ赤になるなどといった性質から、漫画・映画・テレビ番組などでキャラクター化されることが多い。

コードを見る
<div class="article_panel__color--white">
    <div class="article_float--right">
        <div class="article_float__img">
            [lazyimg imgurl=https://img.activityjapan.com//wi/202003_top_gwokinawa_banner.jpg imgname=xxxxx]
        </div>
        <p class="article_float__text">
            テキスト
        </p>
    </div>
</div>

動画挿入

ショートコードを見る
[add-youtube id=AqalRaAIYKQ]

引用

引用(文章そのまま)使う際は、必ず引用タグを利用する。さもないと、流用とみなされ ペナルティを受けるので注意

スクーバダイビング / スキューバダイビング[1][2][3][4][5][6](英: scuba diving)とは、スキューバ[7][8][9][10][11][12][6]/スクーバ[9][12](自給気式水中呼吸装置[8]、水中肺[12]、en)を身に着けて行うダイビング(潜水)。

─ ウィキペディア(Wikipedia)
引用コードを見る
<div class="articele_quote">
    <p>
        引用文章
    </p>
    <small>─ ウィキペディア(Wikipedia)</small>
</div>

ラベル

コードを見る
<div class="article_label">
    <div class="article_label_blue">角丸小見出し 青</div>
</div>
コードを見る
<div class="article_label">
    <div class="article_label_red">角丸小見出し 青</div>
</div>
コードを見る
<div class="article_label">
    <div class="article_label_yellow">角丸小見出し 青</div>
</div>
コードを見る
<div class="article_label pad">
    <span class="article_label_yellow">PR</span><a href="xxxxxxx" class="underline">これは広告用のリンクです。これは広告用のリンクです。これは広告用のリンクです。</a>
</div>
コードを見る
<div class="article_label pad">
    <span class="article_label_blue">おすすめ!</span><a href="xxxxxxx" class="underline">何かオススメしたい時など良いかも</a>
</div>

ボタン、リンク

青ボタン

コードを見る
<div class="text-center margin-b-40">
    <a href="●●" class="btn btn-blue btn-round" rel="noopener" target="_blank">青ボタン</a>
</div>
コードを見る
<div class="text-center margin-b-40">
    <a href="●●" class="btn btn-blue-o btn-round" rel="noopener" target="_blank">青ボタン</a>
</div>

青ボタン大

コードを見る
<div class="text-center margin-b-40">
    <a href="●●" class="btn btn-blue btn-lg btn-round" rel="noopener" target="_blank">青ボタン大(検索へのリンク入れる)</a>
</div>
コードを見る
<div class="text-center margin-b-40">
    <a href="●●" class="btn btn-blue-o btn-lg btn-round" rel="noopener" target="_blank">青ボタン大</a>
</div>

リンク

コードを見る
<div class="text-right">
    <small><a href="●●●" class="underline"><i class="icm icon-aj_play margin-r-5"></i>●●●リンクリンク文言●●●</a></small>
</div>

ドメインが違う(アクティビティジャパン以外)へのリンクは、 target="_blank" rel="noopener" を入れること。

外部リンク属性を見る
target="_blank" rel="noopener"

下部の定型コンテンツ

コンテンツの最後に入れる ※場所の指定がないときは全国

コードを見る
<div class="text-center margin-b-40">
    <a href="●●" class="btn btn-blue btn-lg btn-round" rel="noopener" target="_blank">(場所)の(種目)の体験ツアーをみる</a>
</div>

↓ショートコードで出してます。

ショートコードを見る
[featureBottomContent]
ショートコードを見る
[featureSideMenu][toc][/featureSideMenu]
アクティビティ・体験から探す
読み込み中