17
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>
