WordPressの組み込み方 2021年版(14)WordPressテーマ Cocoon の使い方《4》

◆概要(引用)
100% GPLな WordPressテーマ Cocoonの4回目。今回は、トップページにスライドショー(Smart Slider 3)を設置する手順をお話しました。>本編 1:13 より開始※冒頭に無音部分があります…………(続き?)

〇 Cocoon | WordPress無料テーマ
https://wp-cocoon.com/
〇 Simple Navy
https://karasu-hc.com/2020/05/20/cocoon-2/
※放送で使っている Cocoonのスキン
〇 Smart Slider 3 – WordPress プラグイン
https://ja.wordpress.org/plugins/smart-slider-3/

? 本日のタイムライン
0:00 配信準備(無音)
1:13 オープニングトーク、今回の内容について
・トップページにスライドショーを設置する
・Cocoonのウィジェットについて
・スライドショー設置の試行錯誤でわかったこと
・次回(8月15日 23時)予告とエンディングトーク

? 追加CSSのコード

? ウィジェット「コンテンツ上部」の上余白を消す
.home .content-top {
margin-top: 0;
}

? 固定ページ本文のカバーブロックを無理やりヘッダーの下に表示
※レスポンシブ対応までは詰めてない、お試しのCSSです。
.home .main{
position: unset;
}

.home .container{
position:relative;
}

.home .content-in{
margin-top:600px;
}

.cocoon-alignfull {
position:absolute;
top:100px;
left:0;
overflow:hidden;
min-height:auto;
padding : 0;
margin:0;
}

⏰ 2021年8月2日23時~よりライブ配信したアーカイブです。
? ライブ放送後の個別のご質問は受け付けておりませんのでご了承くださいませ。

✨最新の告知は、Twitterにて→ https://twitter.com/r360studio
? 前編放送は https://youtu.be/v6MQs_XSn1Q?t=84 です。

#Wordpress #Cocoon #スライドショー

コメント

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