検索を促す検索ボックスをスタイルで表示する方法

拡張スタイル
この記事は約1分で読めます。

Cocoonの拡張スタイルには検索を促すスタイルがあらかじめ用意されています

検索スタイルを利用するにはビジュアルエディターの「タグ」ドロップダウンリストから「検索フォーム風」を選択します。

検索フォーム風スタイルの使い方

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

検索フォーム風スタイル

実際のスタイルはこんな感じ。

Cocoon ダウンロード
検索

ソースコードはこんな感じ。

<div class="search-form">
   <div class="sform">Cocoon ダウンロード</div>
   <div class="sbtn">検索</div>
</div>

とりあえず、「記事では書ききれないので検索で読んでね」なんて時にどうぞ。

タイトルとURLをコピーしました