silwy®様HP作成
WordPressのLightningの無料テーマで、ホームページを作成しました。
かなりカスタマイズを頑張りました。
ちなみに、silwy®はマグネット内蔵型高級グラスです。グラス内のマグネットが机にくっつきはずれないので、海のボート上でも使用できるグラスです。
すごすぎます。
興味のある方は、
https://www.starsjapan-trading.com
を御覧ください。
忘備録
プラグイン
バックアップ BackWPup
お問い合わせ Contact Form 7
画像をふわっと表示 Easy FancyBox
Q&Aアコーディオン Responsive Accordion And Collapse
ウェブサイトの保護 SiteGuard WP Plugin
インスタグラムのギャラリー表示 Smash Balloon Instagram Feed
lightingテーマのプラグイン
VK All in One Expansion Unit
VK Block Patterns
VK Blocks
トップページの上に全幅エリアを作成 TopBar
スマホのブラウザの上のバーに色を付ける Colorize Mobile Browser Address bar
段落とh1～h5にフォントを設定できる Easy Google Fonts
無料版 Lightning 追加CSS
/フッターのコマーシャルを消す/
.site-footer-copyright p:nth-child(2) {
display:none;
}
/* サイトロゴとヘッダーナビを縦に積む */
div#site-header-container {
display: block;
}
/* ヘッダーナビをセンターに */
.global-nav–layout–float-right {
margin-left: auto;
margin-right: auto;
width: 25em;
}
/* サイトロゴをセンターに */
.site-header–layout–nav-float .site-header-logo {
margin-left: auto;
margin-right: auto;
width: 10em;
}
/* フォント変更 / body,html { font-family : YuMincho, / Mac用 / ‘Yu Mincho’, / Windows用 */
serif;
font-size: 1.05rem;
}
/* ページヘッダーの背景画像 */
.page-header {
background: url(http://www.starsjapan-trading.com/wp-content/uploads/2023/01/magnet-glass-wont-fall-header-wall.png) no-repeat;
background-size: cover;
height: 10vw;
display: flex;
align-items: center;
}
/* ハンバーガーメニューのデザインをオリジナルデザインに変更 / /
.vk-mobile-nav-menu-btn {
border: none;
background-image: url(https://www.starsjapan-trading.com/wp-content/uploads/2023/01/humb.png);
background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
border: none;
background-image: url(https://www.starsjapan-trading.com/wp-content/uploads/2023/01/humb-open.png);
background-size: cover;
}
/ .vk-mobile-nav-menu-btn { display: none; } /メニューをページ下部に固定*/
sp-fixed-menu{
position: fixed;
width: 100%;
bottom: 0px;
font-size: 0;
opacity: 0.9;
z-index: 99;
}
/メニューを横並びにする/
sp-fixed-menu ul{
display: flex;
list-style: none;
padding:0;
margin:0;
width:100%;
}
sp-fixed-menu li{
justify-content: center;
align-items: center;
padding:0;
margin:0;
font-size: 14px;
border-right: 1px solid #fff;
display: block;
white-space: nowrap;
display: flex;
width: 100%;
}
/文字の色とかボタン調整/
sp-fixed-menu li a{
color: #fff;
text-align: center;
display:block;
width: 100%;
padding:5px 5px 5px 5px;
}
/メニューを紺色に/
sp-fixed-menu li.fn-navy{
background: #1e2552;
}
/メニューをLINEに/
sp-fixed-menu li.fn-green{
background: #06C655;
height:auto;
padding-top:3px;
}
/LINE画像の設定/
sp-fixed-menu li.fn-green img{
width:15px;
height:15px;
}
/PCの場合にはメニューを表示させない/
@media (min-width: 768px) {
.for-sp{
display:none;
}
}
/一番上の紺色のバー/
.site-header{
border: none;
background-image: url(https://www.starsjapan-trading.com/wp-content/uploads/2023/01/magnetic-clystal-glasses-k.png);
background-position: top;
background-repeat:no-repeat;
background-size:3000px;
padding-top:25px;
}
/スライドショーの右左のボタンを非表示/
/.ltg-slide-button-next{ display: none; }/
/スライドショー下部の□□□を非表示/
.swiper-pagination{
display: none;
}
