〇 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 #スライドショー
コメント