OWLetパーツ、HTMLタグ早見表

  • このエントリーをはてなブックマークに追加
OWLetパーツはHTMLタグの何に該当しているの?と疑問がある方もいるはず。。。
というわけで早見表作成致しましたのでご活用ください。
分類 OWLet HTML 備考
基本パーツ
リッチテキスト

<div class="richtext">
<p>sample</p>
</div>

CKEditor 4.4.7 (revision 3a35b3d)
http://ckeditor.com

HTMLタグ

<div><p><span><script><table><ul><ol><dl><a><header><footer>

テキスト

自由記述

テキストもHTMLもscriptも記述できます

画像

<img>

テキストリンク

<a>

見出し

<h1><h2><h3><h4><h5><h6>

ページ名見出し

<h1><h2><h3><h4><h5><h6>

サイトマップ

<ul><li><a>

システム連携自動出力

コンテナ

<div>

セクション

<section><article><aside>

main

<main>

header

<header>

footer

<footer>

nav

<nav>

リスト

<ul><ol><li>

table

<table><th><td>

セル連結不可

拡張パーツ イメージスライダー

<div class="owl-image_slider owl-image_slider-thumbnail_off owl-image_slider-captions_top owl-image_slider-thumbnail_bottom">
        <div class="owl-image_slider-images">
                <div class="bx-wrapper" style="max-width: 100%;">
                        <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative;">
                                <ul data-mode="horizontal" data-captions="0" data-controls="0" data-speed="500" data-pause="4000" style="width: 215%; position: relative;"></ul>
                        </div>
                                <div class="bx-controls bx-has-pager"><div class="bx-pager"></div>
                        </div>
                </div>
        </div>
</div>

bxsliderを使用

タブ

<div class="owl-tabs">
        <div class="owl-tabs-container ui-tabs ui-widget ui-widget-content ui-corner-all">
                <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
                        <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="owl-tabs-701" aria-labelledby="ui-id-1" aria-selected="true" aria-expanded="true"><a href="#owl-tabs-701" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">a</a></li>
                        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="owl-tabs-702" aria-labelledby="ui-id-2" aria-selected="false" aria-expanded="false"><a href="#owl-tabs-702" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">b</a></li>
                </ul>
                <div id="owl-tabs-701" aria-labelledby="ui-id-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
                </div>
                <div id="owl-tabs-702" aria-labelledby="ui-id-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="true" style="display: none;">
                </div>
        </div>
</div>

jquery ui使用

アーティクル 記事一覧

自由記述

アーティクル機能と連動。
HTMLは自由記述

月間アーカイブ

<ul class="owlet-article-monthly-archive owlet-article-monthly-archive-704">
        <li>
                <a href="$/y/2018/m/11/">2018年11月(1)</a>
        </li>
</ul>

システム連携自動出力

ディレクトリ ディレクトリ一覧

自由記述

ディレクトリ機能と連動。
HTMLは自由記述

タグ タグ一覧

自由記述

タグ機能と連動。
HTMLは自由記述

レイアウト用 継承エリア

-

システム用

パンくず

<nav id="breadcrumb">
        <ul itemscope="" itemtype="http://schema.org/BreadcrumbList">
                <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
                        <a itemprop="item" href="/"><span itemprop="name">HOME</span></a>
                        <meta property="position" content="1">
                        </li>
                        <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
                                        <span itemprop="name">検証用</span>
                                        <meta property="position" content="2">
                        </li>
        </ul>
</nav>

システム連携自動出力

SEO用見出し

<h1>

システム連携自動出力

システムコンテンツ

-

システム用

プレースホルダー

-

システム用

トトロ/クリエイティブ部 OEM制作班

OEM制作を行っています。

チャーハン大好き。

こちらからダウンロード
>

OWLet DEMOサイト利用状況

今、利用中のDEMOサイト数

site/
analyzer

OWLet イベントTOPIX

OWLetに関する旬のイベント情報をお届け!

全国セミナーよくある御質問OWLetの改修要望募集WordPressの脆弱性≪ 既存サイトを撃退するひっくり返し営業法 ≫OWLetイベント情報はコチラ

【注目】OWLet動画

OWLet おもしろコンテンツ

OWLet無料相談センター

今なら無料で専門家がアドバイスします
OWLetでお悩みのことがあれば、OWLet
無料相談センターにご相談してみませんか?

今すぐ相談する

0120-307-555
受付時間 10:00~18:00 (月~金)

参考になった記事のランキング

【新着】OWLet製WEBサイト実績

OWLet製WEBサイト実績一覧へ>