slickスライダーで画像サイズがバラバラの時の対処法

Filed under: css,JavaScript — kdcs @ 2020年2月9日 日曜日

セットする画像の縦横幅がバラバラの時の対処法は二つ

1.slickのoptionで設定

adaptiveHeight:true,

このオプションをtrueで実行するとスライドの高さが画像に合わせて自動で可変する
※スライダー以下、上下に動くのでよろしくない・・・

2.CSSで高さとobject-fitを指定する

.slider img {
width: 100%;
height: 50vw;
object-fit: cover;
}

※IEがobject-fitに未対応

IEだけ別css(この場合、heightをvwからautoにする)

@media screen\0 {
  .slider img {
    height: auto;
  }
}

WordPress 人気記事プラグイン「WordPress Popular Posts」

Filed under: wordpressプラグイン — kdcs @ 2020年2月1日 土曜日

人気記事プラグイン「WordPress Popular Posts」をオリジナルテーマ内に表示させる方法

※「wp_head」必須
WordPress Popular Postsは設定をデフォルトのまま使うとサイトが重くなってしまうので
各種設定変更が必要。

ログ上限:を無効をデータ保存期間に変更(初期設定180日)
データキャッシュ:キャッシュする
データサンプリング:無効を有効に変更(アクセスの少ないサイトは無効で様子見)

記事を表示させたい場所に以下を記述

<?php $args = array(
    'post_type' => 'post',
    'limit' => 5,
    'range' => 'all',
    'order_by' => 'views',
    'title_length' => 25,
    'thumbnail_width' => 80,
    'thumbnail_height' => 80,
    'stats_views' => 1,
    'stats_date' => 1,
    'stats_date_format' => 'Y/m/d',
    'stats_category' => 1,
    'wpp_start' => '<ul>',
    'wpp_end' => '</ul>',
    'post_html' => '<li><a href="{url}">{thumb_img}{text_title}<br>{views}</a></li>'
);
wpp_get_mostpopular($args );
?>

基本パラメーター

post_type 投稿・カスタム投稿タイプ
limit 表示数
range 時間範囲 last24hours last7days all
order_by ランキング指標 views comments
title_length タイトル文字数制限
thumbnail_width サムネイル幅(px)
thumbnail_height サムネイル高さ(px)
stats_views ビュー数の表示
stats_date 投稿日付の表示
stats_date_format 日付書式の設定
stats_category 投稿カテゴリーの表示
wpp_start リストの開始タグを設定
wpp_end リストの閉じタグを設定
post_html 出力のHTML構造を設定

post_htmlのパラメーター

{url} 記事のurl
{thumb} サムネイル(リンクあり)
{thumb_img} サムネイル(リンク無し)
{title} 記事タイトル(リンクあり)
{text_title} 記事タイトル(リンク無し)
{category} カテゴリー名
{views} ビュー数
{date} 日付

WordPress 人気記事ランキングをプラグイン無しで表示させる

Filed under: css,functions.php,wordpress — kdcs @ 2020年1月31日 金曜日

人気記事をランキング表示させるプラグイン「WordPress Popular Posts」もあるが、プラグインに頼らずに行う方法。

・カスタムフィールドにアクセスカウントを格納する
・カウントはセッション毎に行う
・wp_headをフックに使用

※画像表示について
アイキャッチ画像がある場合はアイキャッチ画像を表示。
アイキャッチ画像が無い場合は記事内の最初の画像を表示。
アイキャッチ画像も記事内の画像も無い場合はデフォルト画像を表示させる。
(続きを読む…)

WordPress カスタム投稿タイプ使用時のパンくずリスト

Filed under: wordpress — kdcs @ 2020年1月28日 火曜日

single.phpなどにカスタム投稿タイプ使用時のパンくずリストを表示させる

single.php

<div id="breadcrumb" class="clearfix">
<a href="<?php echo bloginfo('url'); ?>">トップページ</a> > 
<a href="<?php echo get_post_type_archive_link($post_type); ?>"><?php echo esc_html(get_post_type_object(get_post_type())->labels->singular_name ); ?></a> > 
<?php foreach ( array_reverse(get_post_ancestors($post->ID)) as $parentid ) { ?>
<a href="<?php echo bloginfo('url'); ?>?p=<?php echo $parentid;?>"><?php echo get_page($parentid)->post_title; ?></a> > 
<?php }  the_title(''); ?>
</div

archive.php

<div id="breadcrumb" class="clearfix">
<a href="<?php echo bloginfo('url'); ?>">トップページ</a> > 
<a href="<?php echo get_post_type_archive_link($post_type); ?>"><?php echo esc_html(get_post_type_object(get_post_type())->labels->singular_name ); ?></a>
</div>

WordPress ユーザーレベル(非推奨)は権限グループへ

Filed under: wordpress — kdcs @ 2020年1月25日 土曜日

ユーザーレベルは最終的に、バージョン3.0で非推奨となっているもののユーザーレベルシステムを使用するプラグイン(非推奨ですが)との後方互換性のために機能している。

ユーザーレベル「0」は購読者に変換
ユーザーレベル「1」は寄稿者に変換
ユーザーレベル「2」は投稿者に変換
ユーザーレベル「3、4、5、6、7」は編集者に変換
ユーザーレベル「8、9、10」は管理者に変換

ということで、管理者以外で使用しないメニューを非表示にするためfunction.phpに記述していた内容を変更

変更前

    // level10以外のユーザーの場合
    if (!current_user_can('level_10')) {

変更後

    // 管理者以外のユーザーの場合
    if (!current_user_can('administrator')) {

サイト内検索

カテゴリー

最近の投稿

↑上に戻る