廣告載入中...

【架構篇】WordPress 佈景主題製作【attachment.php】

本篇要來介紹製作 WordPress 佈景主題之一的attachment.php檔案,主要用於顯示圖片附件頁面,簡單來說一般來說點圖片可以設定為無連結、媒體連結、圖片附件頁面,這裡的attachment.php就是指圖片附件頁面,當你點選文章的圖片之後會轉到另外一個圖片頁面,將這篇文章所有圖片集中彙整觀看使用。

廣告載入中...

像之前index.php作法一樣,先取得之前header.phpfooter.phpsidebar.php短碼語法引用到 attachment.php

WORDPRESS
Copy
<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

取得文章標題。

WORDPRESS
Copy
<?php the_title(); ?>

然後在標題下方加入秀出圖片附件的語法。

WORDPRESS
Copy
<?php 
$image_size = apply_filters( 'wporg_attachment_size', 'large' );
echo wp_get_attachment_image( get_the_ID(), $image_size ); 
?>

接下來的話可以使用the_excerpt()秀出文章摘要,因為圖片附件頁面不需要完整文章頁面。

WORDPRESS
Copy
<?php if ( has_excerpt() ) : ?>
<?php the_excerpt(); ?>
<?php endif; ?>

完整語法結構

WORDPRESS
Copy
<?php get_header(); ?>
<?php the_title(); ?>
<?php 
$image_size = apply_filters( 'wporg_attachment_size', 'large' );
echo wp_get_attachment_image( get_the_ID(), $image_size ); 
?>
<?php if ( has_excerpt() ) : ?>
<?php the_excerpt(); ?>
<?php endif; ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

關於WordPress系列文章事項
文章版本:
第 2.0 版本,WordPress 系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,目前版本已調整為先教學基本架構再教學設計樣式。

收藏本文:
我的收藏
Jin
Jin 為《IN閱誌》網站管理者,專注於撰寫 Apple 技巧、3C 科技、動漫、日本文化與旅遊 等主題。以淺顯易懂的角度,分享專業見解與實用資訊。
TOP