【通知メッセージテスト】クリックすると「unlimited ch@os」に移動します。
WordPressテーマCocoonのテスト用デモサイトです

背景画像を固定するとパララックスっぽくていい感じ。
オーバーレイを被せると更にカッコイイ?かも?

本サイト[unlimited ch@os]に移動
投稿タイトル上

投稿タイトル上

Simplicityとクラス名が変わっているボックスのスタイルがあったのでその確認用のエントリー

投稿タイトル下

投稿タイトル下

テンプレート
投稿本文上

投稿本文上

なにげにソースを見ていたらボックスのクラス名がSimplicityと微妙に違うものがあったので、その確認用のエントリーになります。

じゃないとSimplicityからCocoonにテーマを変更した場合に「あれ、ボックスが?」てな事になりますからね…

スポンサーリンク
投稿本文中

投稿本文中

Simplicityで作成したスタイルを確認

とりあえずSimpliciy側で作成したタグをコピペしてみました。ただし全部というわけでは無いので、念の為。

太字

赤字

太い赤字

赤アンダーライン

黄色マーカー

黄色アンダーラインマーカー

打ち消し線

バッジ

キーボードキー

補足情報(i)
ある程度の文字数が入ってる場合の確認ある程度の文字数が入ってる場合の確認ある程度の文字数が入ってる場合の確認ある程度の文字数が入ってる場合の確認ある程度の文字数が入ってる場合の確認ある程度の文字数が入ってる場合の確認。
補足情報(?)
補足情報(!)
primaryボックス
successボックス
infoボックス
warningボックス
dangerボックス

primaryボックス ~ dangerボックスが表示されるようになったらCocoonで対応されたという事になります…が、誰もこの件に触れてないんで、別にいいかという気もしてきたような。

参考までにCocoonで作成したスタイル

primaryボックス
successボックス
infoボックス
warningボックス
dangerボックス
投稿本文下

投稿本文下

CTAボックス
CTA見出し
複数のCTAを作成して特定のカテゴリごとに表示/非表示を切り替えるのもありな感じ?あと、ここに使う画像はあまり大きすぎないようあらかじめサイズ調整しておいたものにした方がよさげ?

とりあえずこのCTAの設定
  • レイアウト:メッセージ・画像を左右に配置
  • カテゴリー:テンプレート・マークアップ
  • ウィジェットの表示:チェック・入力したページで表示
テンプレート
スポンサーリンク
投稿SNSボタン上

投稿SNSボタン上

Facebookボックス
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
Facebookバルーン
この記事が気に入ったら最新ニュース情報を、
いいねしてチェックしよう!
投稿SNSボタン下

投稿SNSボタン下

unlimited chaos Cocoon Test Site

コメント