あたしが Wordpressのポップアップでやりたかったのはこれよ。出来たわよ。この手の解説動画とか皆無に近い。そもそも何て検索したら良いのかもわからんかった。複数のプラグインの合わせ技なんて必要無かった。
@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は優先順位はありますが、基本的に後から追加したもので上書きをします。
テーマのカスタマイズのところから追加cssの項目にいれるとプラグインのcssの上書きができます。
もう少し詳しく見るならDMとかでサイトのURL頂ければ見る事できますよ😊
@tammifull 追加cssでも良いんですね。その場合、追加cssクラスの指定も必要ですよね。今矢印を常時表示させる箇所にはギャラリーの1枚目だけを表示させるCSSを追加しているのですが、gallery-coverというクラスで指定してます。同じでも大丈夫ですか？
反応しなかった書き換えCSSは元に戻しちゃいました。
@hachi 追加cssに先ほどのclassを当ててあげれば大丈夫です、gallely-coverを追加しても問題ないと思いますよ
HTMLタグの方に書いてあれば大丈夫です。
動かなかったやつは戻しちゃって平気です。
うまくいきますように😊
@tammifull ありがとうございます！
もろもろ承知しましたっ
@tammifull しんどいのに😭ありがとうございます。
これは書き換え？
足し？
prevも同様にしたら良いのですよね。
ちなみにlightboxのCSSなんですが、他の書き換えを試しても、ミリも反映されませんでした。ディレクトリの名前を変えて無効化は出来たんですけどね。