• 歡迎訪問奇跡の海網站,本站不上傳任何資源,所有資源均來自于網絡,歡迎加入奇跡の海~!奇跡の海-WordPress QQ群
  • 本站下載資源為網絡上收集整理而來,并且以計算機技術研究交流為目的,版權歸原作者所有,僅供大家參考,學習,不存在任何商業目的與商業用途.
  • 本站系統鏡像均來自于官方原版,ed2k可視為P2P下載鏈接。所有操作系統默認均為試用版,如有正版密鑰可以有效激活,本站不提供任何激活和相關服務。

純代碼給WordPress網站添加獨立下載頁面功能

WP其他 奇跡の海 2年前 (2017-07-24) 753次瀏覽 已收錄 0個評論 掃描二維碼

簡單代碼,給WordPress主題添加單頁下載功能

純代碼給WordPress網站添加獨立下載頁面功能

前言

前幾天有個朋友在扣扣上向我咨詢下載單頁的使用,我今天正好在學車,用手機打字在寫下,也順便給其他有需要的朋友們看看。

介紹

首先簡單介紹下下載單頁,一般來說下載單頁就是在當前文章頁插入一個按鈕或者一個面板,點擊之后的下載文件是在一個單獨的頁面的,這樣的好處就是可以增加很多的下載說明以及廣告,另外這樣也可以增加訪客的瀏覽量。我上次看到有人用安裝2個WordPress來實現這個功能也是醉醉的。

開始

因為云落的Git主題是自帶的下載單頁的功能的,所以云落就拿WordPress的默認主題來做吧,就是20主題。本次教程重在功能代碼,不在美化代碼,所以云落只是簡單做出差不多的東西就可以了,正所謂授人以魚不如授人以漁是吧。

第一步,增加頁面

首先第一步就是給主題增加一個頁面,找到主題的默認頁面文件,一般叫page.php,將他復制一份,重命名為download.php,然后就是對這個文件稍微改改了。

第二步,修改下載模板

首先打開download.php文件,將

<?php get_header(); ?>

替換為下面這段代碼

<?php /* template name: 下載模板頁面 description: template for WordPress theme */ get_header(); ?>

然后在下面添加這短代碼

<?php $pid = isset( $_GET['pid'] ) ? trim(htmlspecialchars($_GET['pid'], ENT_QUOTES)) : ''; if( !$pid ) { wp_redirect( home_url() );} $title = get_the_title($pid); $values1 = get_post_custom_values('download_name',$pid); empty($values1) ? Header('Location:/') : $theCode1 = $values1[0]; $values2 = get_post_custom_values('download_size',$pid); empty($values2) ? Header('Location:/') : $theCode2 = $values2[0]; $values3 = get_post_custom_values('download_link',$pid); empty($values3) ? Header('Location:/') : $theCode3 = $values3[0]; ?>

其實上面這段代碼才是下載單頁的核心代碼,看上去也是很簡單吧。
然后在下面合適的地方放入以下代碼,這里就是你用來顯示下載文件信息的地方,具體地址你們自己看吧。

            
<h2>資源信息</h2>

			
<div class="alert alert-success">
			
<ul class="infos clearfix">
                
<li>資源名稱:<?php echo $theCode1; ?></li>

				
<li>文件大小:<?php echo $theCode2; ?></li>

				
<li>更新日期:<?php echo get_post($pid)->post_modified; ?></li>

				</ul>

			</div>

            
<h2>下載地址</h2>

            
<div id="filelink">
				<center><?php echo $theCode3; ?></center>
            </div>

			
<div class="clearfix"></div>

            
<h2>下載說明</h2>

			
<div class="alert alert-info" role="alert">
            下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字
            </div>

            
<h2>免責聲明</h2>

			
<div class="alert alert-warning" role="alert">
			免責聲明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字, 下載說明文字
			</div>

經過上面的修改,這個文件就可以保存了,記住編碼是utf-8的哦。

這里說下,理論上來說,這里其實就已經做好了下載單頁的功能,只是在使用的時候不方便,不實用,所以為了方便使用還需要繼續修改代碼。

新建頁面

打開后臺,新建頁面,選擇模板,應該會有一個下載模板頁面,選擇那個,然后頁面名字就叫下載中心吧,然后頁面的別名就是download,其實如果你覺得頁面名字英文的不太好,也可以寫做其他名字,但是別名一定要是download,也就是說這個頁面的URL應該是這樣的http://localhost/download,做好之后發布就好了,別去訪問頁面哦,一般來說頁面會自動回到首頁的,這個頁面是不可以直接訪問的,這里就做的可以了,進入下一個步驟。
純代碼給WordPress網站添加獨立下載頁面功能

建立短代碼

打開主題的functions.php文件,把下面代碼放進去

//下載單頁短代碼
function page_download($atts, $content = null) {
    return '<a class="lhb" href="'.site_url().'/download?pid='.get_the_ID().'" target="_blank" rel="nofollow">' . $content . '</a>';
}
add_shortcode('pdownload', 'page_download');

嗯,這樣就可以了,這段代碼為了建立download短代碼的,但是還沒有結束,接著看下一步。

添加編輯器按鈕

這里說的按鈕是WordPress默認編輯器,而且是文本編輯器,在functions.php添加下面代碼就可以了。

//添加編輯器按鈕
function download_tags($mce_settings) {
?>
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0AQTags.addButton(%20'hy_download'%2C%20'%E4%B8%8B%E8%BD%BD%E6%8C%89%E9%92%AE'%2C%20'%5Bpdownload%5D'%2C%20'%5B%2Fpdownload%5D'%20)%3B%0Afunction%20download_shortcode()%20%7B%0A%7D%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
<?php
}
add_action('after_wp_tiny_mce', 'download_tags');

純代碼給WordPress網站添加獨立下載頁面功能
使用這段代碼可以在WordPress文本編輯器出來一個按鈕,使用的時候先寫幾個字,比如點擊下載,然后選擇文字之后點擊按鈕,就好了。做到這里下載單頁就做好了,下面說說具體怎么使用吧。

使用方法

做好了開始使用下載單頁,我們需要用自定義欄目欄目,發布文章的時候先把自定義欄目打開,然后在自定義欄目那里有一個新建自定義欄目
純代碼給WordPress網站添加獨立下載頁面功能
輸入download_name,然后右側輸入文件的名字,比如:蒼老師的那些事.RMVB,繼續輸入自定義欄目?download_size,然后右側輸入文件的大小,比如:233MB,然后繼續輸入自定義欄目?download_link,然后右側輸入文件的下載鏈接,注意,這里需要輸入的是A標簽代碼,比如:點擊下載純代碼給WordPress網站添加獨立下載頁面功能

這里做好之后,在WordPress文本編輯器輸入立刻下載,然后點擊按鈕包圍文字,然后發布文章吧,然后去看看文章,點擊下載按鈕是不是進入了一個單獨的頁面。
純代碼給WordPress網站添加獨立下載頁面功能


版權聲明:本站所有文章和資源使用CC BY-NC-SA 4.0協議授權發布 , 轉載應當以相同方式注明文章來自“SeaOMC.COM->純代碼給WordPress網站添加獨立下載頁面功能!在下邊可以分享本文哦!
喜歡 (1)
[]
分享 (0)
奇跡の海
關于作者:
一個WordPress菜鳥!
發表我的評論
取消評論

表情 貼圖 加粗 刪除線 居中 斜體 簽到

Hi,您需要填寫昵稱和郵箱!

  • 昵稱 (必填)
  • 郵箱 (必填)
  • 網址
中国福利彩票36选7开奖结果