プラグイン「WPS Hide Login」

このプラグインをインストールし、有効化すると「設定　＞　一般」の中に「WPS Hide Login」の項目が追加されます。

入力項目は２つ、「ログインURL」と「リダイレクトURL」があります。
こちらはそれぞれ、ログイン用画面のURLを自動で指定出来る物(デフォルトだと「login」)と間違ったURLを入れた時にリダイレクトされるページ（デフォルトだと「404」)を指定出来ます。

The post WordPressログイン画面 URLの変更方法 first appeared on わぷ道.

今回は「WP ULike」というプラグインでブログに「いいね」機能を追加する方法を紹介します。
このプラグインを使うと、SNS等の「いいねボタン」とは別にWordPressに独自の「いいね」機能が追加できます。

基本設定

細かい設定もたくさんありますが、今回はよく使う設定をピックアップして説明します。

デザインの指定

設定画面のcontent typesでボタンのデザインを４パターンから選択出来ます。

自動表示の指定と、自動表示をした場合に、どこに表示させるかの設定があります。
ボタンの表示位置、ボタンを出すページ出さないページの指定などが出来ます。

わぷまる

自動表示をしない場合も[wp_ulike]のショートコードを使うと「いいねボタン」を表示出来るので、好きな場所に出したり、テンプレートのテーマ内に埋め込んで調整する事も出来ます。

いいねされた数の表示

左から、表示する、非表示にする、ログインしているユーザーだけに表示する設定です。

いいねが０回の場合にカウンターを表示するかどうかの設定です。

あわせて読みたい

【いいねボタン】WP Ulikeでいいねされた数を一覧に表示する方法

2022年8月25日phpプラグイン

The post 【いいねボタン】プラグインで簡単！いいねボタンを設置する方法 first appeared on わぷ道.

いいね数の表示方法

今回はいいね数の表示と一緒に、いいね数の値に応じてクラスを付与する事で、たくさんいいねを押されてる記事を強調出来るように指定してみました。
いいね数が100以下の時に「low_color」、101～200の時に「middle_color」、201以上の時には「high_color」と指定し、CSSでそれぞれに色指定をしています。

php

<?php
if(wp_ulike_get_post_likes($post->ID) <= 100){
    $class_good = "low_color";
}elseif(wp_ulike_get_post_likes($post->ID) <= 200){
    $class_good = "middle_color";
}elseif(wp_ulike_get_post_likes($post->ID) >= 201){
    $class_good = "high_color";
}
echo '<div class="good_count '.$class_good.'">'. wp_ulike_get_post_likes($post->ID) .'</div>';
?>

わぷまる

前半のif部分で100以下の場合、200以下の場合、201以上の場合を指定しているので、調整して使ってくださいね

CSS

.good_count:before{
    content:url(/wp-content/plugins/wp-ulike/assets/img/svg/like.svg);
}
.low_color{
    filter: invert(72%) sepia(26%) saturate(63%) hue-rotate(1deg) brightness(105%) contrast(102%);
}
.middle_color{
    filter: invert(72%) sepia(26%) saturate(6428%) hue-rotate(1deg) brightness(105%) contrast(102%);
}
.high_color{
    filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
}

わぷまる

CSSは、filterを使ってグッドアイコンと、いいね数に色を付けています
プラグインに元々入っているアイコンを使っているためこのような方法で対応していますが、お好みでアレンジしてみてくださいね

あわせて読みたい

【いいねボタン】プラグインで簡単！いいねボタンを設置する方法

2022年8月27日pickupプラグイン

The post 【いいねボタン】WP Ulikeでいいねされた数を一覧に表示する方法 first appeared on わぷ道.

ウィジェットとは、WordPressのテーマごとに用意されたサイト内のブロックを簡単に表示、非表示、並び替えたり出来る仕組みです。
基本的なWordPressサイトのレイアウトは「ヘッダー」、「ボディ」、「サイドバー」、「フッター」というパーツ構成で成り立っています。
それらのパーツの中にウィジェットエリアと言うブロックが用意され、その中に共通で表示させたいブロックや広告などを入れる事で簡単に管理できる仕組みになっています。

すぐに使える便利ウィジェットプラグイン

DD Last Viewed

このプラグインはウィジェットに追加するだけで、最近見た記事の一覧表示が出来ます。
最新何件表示するか、投稿ページの他に固定ページ等も表示するか、表示から除外したいページのIDを指定するかの簡単な指定だけをウィジェット上で行って使うのでとても簡単に利用できます。

WordPress Popular Posts

Popular Posts(人気の投稿)、と名前の通りです。
サイト内でよく見られてる記事を人気順に、指定の個数、指定のカテゴリ、指定した期間等詳細な設定をした上で一覧をウィジェット表示させられます。
簡単な割に細かい設定まで出来るので、カテゴリーページ毎に違う指定をさせたりも面白いかもですね。

Advanced Random Posts Widget

このプラグインを使うとウィジェットエリアにランダムの記事を表示させられます。
人気の記事も見てもらいたいけど、あまり目に留まらないような記事にも目を向けてもらうと言った意味ではランダム表示も使い方次第では良いですね。

Ajax Search Lite

通常のWordPressの検索機能では、検索ボタンを押した後にアーカイブページに表示される形ですが、このプラグインを使えば別ページに遷移させずにその場で入力したテキストに沿った検索結果を表示させることが出来ます。

The post ウィジェット活用プラグイン4選 first appeared on わぷ道.