ギャラリープラグイン 更新 NextGEN Galleryと NextGEN Gallery Voting
当サイトの『ペット ギャラリー』ページのギャラリープラグイン「NextGEN Gallery」とギャラリー画像の『いいね!』投票プラグイン「NextGEN Gallery Voting」のバージョンアップしたので記録する。
WordPress: v5.9.3
NextGEN Gallery v3.26
NextGEN Gallery Voting v2.7.6
更新の手順は、旧バージョンと同じ。
● 旧バージョンはこちら==>
(WP v4.1、NextGEN Gallery v1.9.10、
NextGEN Gallery Voting v2.2.2)
● 旧バージョンはこちら==>
(WP v3.5、NextGEN Gallery v1.9.3、
NextGEN Gallery Voting v2.2.2)
1.wordPress プラグインインストール済み一覧
画面よりNextGEN Galleryを更新する。2.このプラグインには一部日本語化のモジュールがあるので
これも新たに入れておく。
https://happypaint.work/blog/2018/12/05/556/から
ファイルDOUNLOADする解凍すると nggallery-ja.mo
nggallery-ja.poこの2つのファイルを
wp-content/plugins/nextgen-gallery/products/
photocrati_nextgen/modules/i18n/lang]にアップする。3.ここまでで、ギャラリー画像表示の機能はOK。管理画面左
サイトに「ギャラリー」メニューが表示される。 設定、
画像UPの後、表示したいところに [ nggallery id=n ]
を組み込んで終了。
次にNextGEN Gallery Votingの更新について、
1.WordPress プラグインインストール済み一覧
画面より「NextGEN Gallery Voting 」更新する。
2.次に「NextGEN Gallery 」プラグインにタグをセットする。
これ忘れないこと!(この部分は今までと少し違う)
..\nextgen-gallery\products\photocrati_nextgen\
modules\nextgen_basic_gallery\templates\
thumbnails\caption-view.phpへ下記のタグを入れる【挿入するタグ】
<?php echo nggv_galleryVoteForm($displayed_
gallery, $gallery); ?>【挿入先】
(注意:nextgen-galleryのバージョンにより挿入先が違う)
<div class=”ngg-gallery-thumbnail”>・・・</div>
の</div>の直前にいれる
標準機能で使用するには、ここまでで終了。
今回は下記のカスタマイズは行わず、標準のまま表示している。
以下のカスタマイズの内容は、NextGEN Gallery Voting v2.2.2の
場合の内容である。参考までに。
「ギャラリー管理」「オプション」などの設定を必要に応じて行う。
「NextGEN Gallery Voting 」プラグインは登録したギャラリー画像の対して投票する場合とギャラリーに対して投票を行う場合と2つの機能がある。(搭載とは画像に対する投票)タイプも3種類の設定が可能。当サイトは、「Like/Dislike 」のタイプを使用。
「Like/Dislike 」の標準での表示は画像の下に、
999 Likes 999 Dislikes
更に当サイトは、「Like/Dislike 」のタイプを使用して、「Like」(=好み)だけ使用したい。そのためのカスタマイズを以下に記載する。
カスタマイズのファイル:nextgen-gallery-voting / voting-types.php
① 「Like, Likes 」の表示を「票好み!」に変更。
全てのnggVoting::msg(‘Like’) ==>nggVoting::msg(‘票好み!’) に変更
全てのnggVoting::msg(‘Likes’)==>nggVoting::msg(‘票好み!’) に変更
158行目、192行目、219行目、253行目あたり。
② 「Dislike, Dislikes 」の表示を非表示に変更。
$return[‘form’] .= ‘ ‘.$results[‘dislikes’].’ ‘;
$return[‘form’] .= $results[‘dislikes’] == 1 ? nggVoting::msg(‘Dislike’) : nggVoting::msg(‘Dislikes’);
をコメントにする。3箇所 160行目、194行目、221行目あたり。
③ Dislikeのボタン<"http://gate.rickeluster.com/wp-content/plugins/nextgen-gallery-voting/images/thumbs_down.png">を非表示にする。 ”images/thumbs_down.png”のステートメントをコメントにする。2箇所。151行目、212行目あたり。
以上、今後のために!。