Tutor LMSでPDFや画像以外もダウンロードできるようにするカスタマイズ方法

2024年1月10日

LMS学習システム

183 ビュー

Tutor LMSの資料ダウンロードでは、画像やPDF以外をダウンロード添付として設置できません。

ここでは、スプレッドシートやグーグルドキュメントのPDFファイルへのリンクをさせる方法を説明します。

プラグインを直接修正すると、アップロード時に消えてしまうので、そうならないようにショートコードでコンテンツが入る箇所にダウンロード風に入れられるようにする方法です。この方法ではタブ切り替えのダウンロードの方には反映しませんが、見た目的には全てのリンクをダウンロード風に見せることができます。

以下、とりあえずの作業用のメモです。後日解説用に詳しく修正します。

コース内容というタイトルが自動で入るので、一旦CSSで消す。


#tutor-course-spotlight-overview .tutor-fs-5.tutor-fw-medium.tutor-color-black.tutor-mb-12{
	display:none;
}

以下はショートコードが入れ子になるので、do_shortcode($content)にする

/*ショートコード download囲み：[download][/download]*/
function dl_func( $atts, $content = null ) {
	return '<div class="tutor-fs-5 tutor-fw-medium tutor-color-black">ダウンロードファイル</div><div class="tutor-course-attachments tutor-row">' . do_shortcode($content) . '</div>';
 }
 add_shortcode('download', 'dl_func');

<div class="tutor-col-md-6 tutor-mt-16">
    <div class="tutor-course-attachment tutor-card tutor-card-sm">
        <div class="tutor-card-body">
            <div class="tutor-row">
                <div class="tutor-col tutor-overflow-hidden">
                    <div class="tutor-fs-6 tutor-fw-medium tutor-color-black tutor-text-ellipsis tutor-mb-4"><?php echo $atts['title'];?></div>
                </div>
                <div class="tutor-col-auto">
                    <a target="_blank" rel="nofollow" href="<?php echo $atts['url'];?>" class="tutor-iconic-btn tutor-iconic-btn-secondary tutor-stretched-link customize-unpreviewable" title="<?php echo $atts['title'];?>">
                        <span class="tutor-icon-download" area-hidden="true"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>