@hachi lightboxですよねぇ、確かにこれって言葉知らないと検索しようがないですよね、なんか逆に勉強になりました
@tammifull lightboxやポップアップで検索していると情報無限に出て来ますし。今回の方法はひとつのサイトでしか見なかったです。他は有ってもプラグインの合わせ技。
@hachi なるほど、ありふれている機能なだけに選べないほど出てくるんですね😅プラグインも変に有料なのも多いですしね
@tammifull そうなんですよ。しかもみな同じ様な内容だし。まさか吊るしのギャラリーブロックを利用するとは思っていなかったです。
@hachi ギャラリーブロックってデフォルトについてくるやつでしたっけ。意外に進化してきましたねWordPress
@tammifull 僕はここ1か月程度の初心者ですが、wordpressをいじっていて思ったのは、ほとんどのサイトはwordpressだなって事でした。センスあればWEBデザイナーになれちゃいますよ。
@hachi その通りだと思います。
いまだにcssと格闘している古い人間ですがWPはデザインできる人がブロックエディタを組み合わせて作るようになるといいですよね。
@tammifull 質問なんですが、
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('./images/prev.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('./images/next.gif') right 50% no-repeat; }
/*** END : next / previous image links ***/
この中にnext.gifを常時表示にさせる項目はありますか?
マウスが乗ったときにしか表示されない次へのボタンを常時表示にしたいのですが、全くわからないです。
@tammifull
下記の部分
#prevLink:hover, #prevLink:visited:hover { background: url('./images/prev.gif') left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('./images/next.gif') right 50% no-repeat; }
こちらを削除すれば常時表示になるという記事は有ったのですが、削除しても変りませんでした。CSSってアップロード時の注意点とかもあるのかしら・・・・
@tammifull とりあえずプラグインを変えて対応しました。お忙しい場合はスルーしてください。
@hachi 追加cssに先ほどのclassを当ててあげれば大丈夫です、gallely-coverを追加しても問題ないと思いますよ
HTMLタグの方に書いてあれば大丈夫です。
動かなかったやつは戻しちゃって平気です。
うまくいきますように😊
@tammifull ありがとうございます!
もろもろ承知しましたっ
@tammifull 追加cssでも良いんですね。その場合、追加cssクラスの指定も必要ですよね。今矢印を常時表示させる箇所にはギャラリーの1枚目だけを表示させるCSSを追加しているのですが、gallery-coverというクラスで指定してます。同じでも大丈夫ですか?
反応しなかった書き換えCSSは元に戻しちゃいました。