round関数を用いて「round(値,桁指定)」のように指定します。
桁を指定していない場合は小数点以下の四捨五入となります。

桁指定をした場合

プラスの引数での指定

「1,2,3」等プラスの引数を指定すると小数点第何位までを表示するかの指定が出来ます。
「1」を指定した場合は小数点以下1桁を残す形で、3.1415 が3.1になり
「2」を指定した場合は小数点以下2桁を残す形となり、3.14となります。

マイナスの引数での指定

上記と反対に「-1,-2,-3」とマイナスの引数で指定した場合は整数の何桁以上で四捨五入するかの指定となります。
「-1」を指定した場合は1の桁が四捨五入され1555が1560となり
「-2」を指定した場合は10の桁が四捨五入され1555が1600となります。

実際のコードと出力内容

$a = 3.1415;

echo round($a);
// >>> 3
echo round($a , 1);
// >>> 3.1
echo round($a , 2);
// >>> 3.14

$b = 1555;

echo round($b , -1);
// >>> 1560
echo round($b , -2);
// >>> 1600

切り上げをする

ceil関数を使う事で小数点以下を切り上げた数値を取得出来ます。
round関数と違い桁を指定する事は出来ないので小数点にのみ有効です。

切り下げをする

floor関数を使う事で小数点以下の切り下げた数値を取得出来ます。 ceil関数同様に、桁の指定は出来ません。

$b = 1555;
echo ceil(($b / 100) * 100);
// >>> 1600
echo floor(($b / 100) * 100);
// >>> 1500

The post 数値の四捨五入、切り捨て、切り上げをする方法 first appeared on わぷ道.

固定ページや、別の記事ページに、特定の記事の内容を取得、表示したい時に使ってください。

指定ID記事の投稿タイトルを取得

<?php echo get_post( 1 )->post_title; ?>

指定ID記事のパーマリンク取得

<?php echo get_permalink( 1 ); ?>

指定ID記事のカスタムフィールド名「test」を取得

<?php echo get_post_meta(1,'test', true); ?>

指定ID記事の本文を取得

<?php echo get_post(1)->post_content; ?>

指定ID記事のサムネイルを取得

画像パスを取得したい場合

<?php echo get_the_post_thumbnail_url( 1, 'medium' );?>

画像を出力したい場合

<?php get_the_post_thumbnail( 1, 'medium' );?>

指定ID記事の投稿者情報を取得

まずは「$author」の変数に投稿者データをまとめて取得します。

<?php $author = get_userdata(get_post(1)->post_author); ?>

The post 投稿IDから記事の内容を取得する方法 first appeared on わぷ道.

使っているサーバーなどによって、WordPressをインストールした際に強制的にURLの中に｢/wp/｣や｢/wordpress/｣(以下「/wp/」で統一します)といったスラッグが入る事があります。
WordPressで作ったサイトである事は間違いないし、見ればわかる人にはわかるけど、わざわざURL上に出したくはないですよね。
今回はそんなURLの修正方法を紹介していきます。

WordPress管理画面からサイトアドレス(URL)の変更

「設定」→「一般」の中に移動して、サイトアドレスの欄がありますので、そこを下記のように書き換えます

FTPを使ってファイルをローカルにコピー

FTP等を使って実際のサイト内のファイル「.htaccess」と「index.php」をローカルに保存します。

index.phpの書き換え

ローカル上にコピーした「index.php」を下記画像のように書き換えます。

コピー、変更したファイルのアップロード

コピーした「.htaccess」と前項の書き換えが完了した「index.php」ファイルを「/wp/」と同じ階層（最初に入っていたところから1個上の階層）にアップロードします。

パーマリンク設定の更新

URL構造を変更したことによって、パーマリンクの設定が初期化されます。
WordPress側の設定画面に戻り、「設定」→「パーマリンク設定」に移動し、パーマリンクを変更しない場合はそのまま更新ボタンを押す事でパーマリンクが再設定されます。

以上ですべての設定が完了です。
サイト側の表示を確認して問題がある場合はどこかの設定が間違っている可能性があるので再度確認して対応してください。
リンク先などを絶対パスで記載していたりなど、古いURLを指定している箇所がある場合はその辺りも注意して確認する事をおすすめします。

The post WordPressサイトのURLから｢/wp/｣､｢/wordpress/｣などのスラッグを削除する方法 first appeared on わぷ道.

以前に完全にカスタムフィールドのみで情報をまとめてテンプレート表示させるサイトを作成した際に「運用者側で余計なミスをしないように使わない入力欄は非表示にしてほしい」という要望がありました。
こちらはその時に行った対応の一部です。

使い方

functions.phpに下記のように記載します。
今回は実際に行った「タイトル」、「本文」、「サムネイル」の入力欄を消すように指定しています。

function remove_post_editor() {
     remove_post_type_support('post','title'); //タイトル
     remove_post_type_support('post','editor'); //本文
     remove_post_type_support(‘post’,'thumbnail'); //サムネイル
}
add_action( 'init' , 'remove_post_editor' );

わぷまる

「'post'」の部分は投稿タイプの指定なので、固定ページだったりカスタム投稿ページで利用する場合はここを書き換えると対応できます。

他にはこんな指定も

今回、非表示にしなかったパーツでも下記のように色々なパーツが同じように指定できます。

'title' （タイトル）
'editor' （内容の編集）
'author' （作成者）
'thumbnail' （アイキャッチ画像）（現在のテーマが 投稿サムネイル をサポートしていること）
'excerpt' （抜粋）
'trackbacks' （トラックバック送信）
'custom-fields' （カスタムフィールド）
'comments' （コメントの他、編集画面にコメント数のバルーンを表示する）
'revisions' （リビジョンを保存する）
'page-attributes' （メニューの順序）（投稿タイプの hierarchical が true であること）
'post-formats' （投稿のフォーマットを削除。投稿フォーマットを参照）

関数リファレンス/remove post type support

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 わぷ道.

やろうとした事

プラグインを使えば簡単に出来る事ですが、APIのキーを取得したりと少し面倒に思ったので、youtubeのfeedを利用する事で簡単に指定したチャンネルの新着動画を取得、表示しようと思ったことから作成しました。

実際のコード

PHP

function youtubeList($atts){
  extract(
    shortcode_atts(
      array(
        'channel' => '',
        'limit' => '3'
      )
      , $atts
      )
  );
  $feed='https://www.youtube.com/feeds/videos.xml?channel_id='.$channel;
  $xml = simplexml_load_file($feed);
  $obj = get_object_vars($xml);
  $obj_entry = $obj["entry"];
  if($obj_entry != null){
    $total = count($obj_entry);
    if( $total != 0 ){
      $contents .= '<ul class="movie_list_wrap">';
      for ($i=0; $i < $limit; $i++) {
        foreach ($obj_entry[$i] as $key => $value) {
          if( in_array($key, array('id','title','updated')) ){
            if( $key=='id'){
                $video_id = str_replace('yt:video:', '', $value[0]);
              };
            if( $key=='title' ){
              $video_title = $value[0];
            };
            if( $key=='updated' ){
              $video_date = date('Y.m.d',strtotime($value[0]));
            }
          }else{
            continue;
          }
        }
      $contents .= '<li class="movie_list"><div class="youtube"><div class="youtube-container">';
      $contents .= '<iframe src="https://www.youtube.com/embed/'. htmlspecialchars($video_id, ENT_QUOTES, 'UTF-8').'" frameborder="0" allowfullscreen></iframe>';
      $contents .= '</div></div></li>';
      }
    $contents .= '</ul>';
    }
  }
  $html = $contents;
  return $html;
}
add_shortcode('youtube_list','youtubeList');

CSS

.movie_list_wrap{
  display:flex;
  gap:10px;
  padding:0;
}
.movie_list_wrap li{
  list-style:none;
}

CSSは最低限の記載なので、それぞれ調整してご利用ください。

ショートコードの使い方

記事の中で下記のようにショートコードを挿入する事でそこにyoutubeのiframe動画が表示されます。

表示件数は「limit」で指定していてチャンネルIDは「channel」に指定します。
実際の表示がこちらです。

※サンプルで使用させていただいた動画は個人的に応援しているチャンネルであり、当方とは一切関係ありません。

The post 指定したyoutubeチャンネルの新着動画を表示させる方法 first appeared on わぷ道.

実装方法

「single.php」や「index.php」、「archives.php」等の日付を表示させてる箇所を下記のように書き換えます。

<?php if(get_theme_mod('post_date',true)): ?>
<time datetime="<?php echo (get_theme_mod('post_sort','published')=='published')?the_time('Y-m-d'):the_modified_date('Y-m-d'); ?>" class="post-date">
<?php 
    if(date('U') - get_the_time('U') < 60*60*72){
        echo human_time_diff( get_the_time('U'), current_time('timestamp') ) . '前';
    }else{
        echo(get_theme_mod('post_sort','published')=='published')?get_the_date():the_modified_date('Y年m月d日');
    } 
?>
</time>
<?php endif; ?>

表記変更タイミングの指定方法

下記のif文で公開後の時間を判定して、表記を変更しています。
60(秒)*60(分)*72(時間)で3日間と指定しているため、ここの数値を変更する事で、指定時間を変更出来ます。

if(date('U') - get_the_time('U') < 60*60*72)

ぺんぎん

全部を〇時間前みたいな表記にした時の表記はそれぞれどうなるの？

わぷまる

基本的にはこのように表示されるよ


分　：1時間未満の場合
時間：1時間以上24時間未満の場合
日　：24時間以上7日未満の場合
週間：7日以上30日未満の場合
か月：30日以上365日未満の場合
年　：365日以上の場合

The post 日付の表示を〇時間前、〇日前に変える方法 first appeared on わぷ道.

指定したウィジェットのみタイトルを非表示にする

下記のソースをWordPressのfunctions.phpに追記する事で、特定のウィジェットのみタイトルを非表示にする事ができます。

add_filter( 'widget_title', 'remove_widget_title' );
function remove_widget_title( $widget_title ) {
  if ( substr ( $widget_title, 0, 1 ) == '!' )
    return;
  else 
    return ( $widget_title );
}

ウィジェットの指定方法

上記phpを設置した後、通常通りウィジェットを作成する際にウィジェットのタイトルの先頭に「!」を入れる事でウィジェットにタイトルが出てこないようになります。

The post 指定したウィジェットのタイトルを非表示にする方法 first appeared on わぷ道.