Rumah > Tutorial CMS > WordTekan > Mencipta 'Imej Ditampilkan' dalam WordPress: Membawa Lampiran ke Tahap Seterusnya

Mencipta 'Imej Ditampilkan' dalam WordPress: Membawa Lampiran ke Tahap Seterusnya

WBOY
Lepaskan: 2023-09-04 15:53:08
asal
1481 orang telah melayarinya

在 WordPress 中创建“特色图片”:将附件提升到新的水平

Dalam siri ini, saya memperkenalkan:

  • Tetapkan kategori dan taksonomi pada lampiran,
  • Soal fail media mengikut kategori supaya anda boleh mengeluarkannya dalam gelung tersuai,
  • Gunakan pertanyaan pengelasan imej untuk memaparkannya pada halaman arkib,
  • Tambahkan imej pada kategori atau istilah taksonomi sebagai "imej yang ditampilkan" untuk kategori atau istilah

Dalam Bahagian 1, saya menunjukkan cara mencipta taksonomi baharu untuk lampiran. Dalam Bahagian 2, saya menunjukkan kepada anda cara membuat fail templat tersuai untuk dokumen anda dan menambah gelung untuk memaparkan pautan ke fail media untuk setiap dokumen, dan dalam Bahagian 3, saya menunjukkan kepada anda cara membuat fail templat tersuai untuk gallery-category code> Mencipta taksonomi fail templat tersuai yang memaparkan semua imej dengan istilah tertentu sebagai halaman arkib gaya galeri. gallery-category 创建了一个自定义模板文件分类法,将具有给定术语的所有图像显示为画廊样式的存档页面。

在最后一部分中,我将演示一些略有不同的内容:如何为图像分配类别,然后编辑类别的存档模板以将该图像显示为该类别的“特色图像”。您也可以使用非常类似的技术对标签或分类术语执行此操作。

在本教程中,我将创建一个主题,该主题将是二十四岁的子主题。该主题将包括一个函数文件和一个用于类别存档的自定义模板文件。您可以在代码包中下载该主题。

您需要什么

要学习本教程,您需要具备以下条件:

  • WordPress 的开发安装
  • FTP 访问(或者 MAMP 或类似的,如果您在本地工作)
  • 代码编辑器

1. 将类别应用于附件

默认情况下,WordPress 不允许您为附件分配类别和标签,而在本教程中您需要能够执行此操作。幸运的是,这个问题很容易修复,正如我在之前关于为附件分配类别和标签的教程中所演示的那样。

注意:此技术适用于标签和类别,如果您使用自己的分类法执行此操作,则需要在注册时将附件指定为分类法适用的帖子类型。您可以按照本系列的第一部分来完成此操作。

在您的主题中,创建一个名为 functions.php 的文件,并向其中添加以下代码:

<?php  
// add categories to attachments  
function wptp_add_categories_to_attachments() {
      register_taxonomy_for_object_type( 'category', 'attachment' );  
}  
add_action( 'init' , 'wptp_add_categories_to_attachments' ); 
?>
Salin selepas log masuk

这使用 register_taxonomy_for_object_type()

Dalam bahagian terakhir ini, saya akan menunjukkan sesuatu yang sedikit berbeza: cara menetapkan kategori pada imej, dan kemudian mengedit templat arkib kategori untuk memaparkan imej itu sebagai "Imej Ditampilkan" untuk kategori itu. Anda juga boleh melakukan ini dengan teg atau istilah taksonomi menggunakan teknik yang hampir sama.

Dalam tutorial ini, saya akan mencipta tema yang akan menjadi tema kanak-kanak Twenty Four. Tema akan termasuk fail fungsi dan fail templat tersuai untuk arkib kategori. Anda boleh memuat turun tema dalam pakej kod.

Apa yang anda perlukan

Untuk mengikuti tutorial ini, anda memerlukan perkara berikut:
在 WordPress 中创建“特色图片”:将附件提升到新的水平 Mencipta Imej Ditampilkan dalam WordPress: Membawa Lampiran ke Tahap SeterusnyaPembangunan dan pemasangan WordPress在 WordPress 中创建“特色图片”:将附件提升到新的水平
Akses FTP (atau MAMP atau serupa jika anda bekerja di dalam negara)

Editor Kod
在 WordPress 中创建“特色图片”:将附件提升到新的水平

1. Gunakan kategori pada lampiran

Mencipta Imej Ditampilkan dalam WordPress: Membawa Lampiran ke Tahap Seterusnya Secara lalai, WordPress tidak membenarkan anda menetapkan kategori dan teg pada lampiran, yang perlu anda lakukan dalam tutorial ini. Nasib baik, masalah ini mudah untuk diselesaikan, seperti yang saya tunjukkan dalam tutorial saya sebelum ini tentang menetapkan kategori dan teg pada lampiran. 在 WordPress 中创建“特色图片”:将附件提升到新的水平
Nota: Teknik ini berfungsi dengan tag dan kategori, jika anda melakukan ini dengan taksonomi anda sendiri, anda perlu menentukan lampiran sebagai jenis siaran yang digunakan taksonomi apabila anda mendaftar. Anda boleh melakukannya dengan mengikuti bahagian satu siri ini.

Dalam tema anda, buat fail bernama functions.php dan tambahkan kod berikut padanya: #🎜🎜#
<?php  
/**   
 * The template for displaying Category pages   
 * Custom template which displays a featured image first.   
 * Supports Part 4 of tutorial series on Advanced Use of Images in WordPress for WPTutsplus   
 */ get_header();  ?>
<section class="content-area" id="primary">
  <div class="site-content" id="content" role="main"><?php if ( have_posts() ) : ?>
    <header class="archive-header">
      <h1 class="archive-title"></h1>
        <?php 
          // Show an optional term description.
          $term_description = term_description();
          if ( ! empty( $term_description ) ) :
            printf( '<div class="taxonomy-description">%s</div>', $term_description );
          endif;
        ?>
    </header><!-- .archive-header -->

<?php   
// Start the Loop. 					   
while ( have_posts() ) : the_post(); 					     
      /* 					       
       * Include the post format-specific template for the content. If you want to 					            
       * use this in a child theme, then include a file called called content-___.php 					            
       * (where ___ is the post format) and that will be used instead. 					       
       */ 					     
      get_template_part( 'content', get_post_format() ); 					   
    endwhile; 			
		   
    // Previous/next page navigation. 					   
    twentyfourteen_paging_nav();			   
  else : 					     
    // If no content, include the "No posts found" template. 					              
    get_template_part( 'content', 'none' ); 				   
  endif;    
  ?></div><!-- #content -->
</section><!-- #primary -->

<?php  get_sidebar( 'content' ); get_sidebar(); get_footer(); ?>
Salin selepas log masuk
Salin selepas log masuk
#🎜🎜#Ini menggunakan fungsi register_taxonomy_for_object_type() untuk menambah kategori pada lampiran. Kini, apabila anda melihat skrin Pustaka Media, anda akan melihat bahawa kategori didayakan. #🎜🎜# #🎜🎜#Langkah seterusnya ialah menambah beberapa imej - cuma tambah satu imej bagi setiap kategori. Anda juga perlu menambah kategori lain yang dipanggil "Ditampilkan" dan pastikan setiap imej yang anda mahu gunakan dengan cara ini termasuk dalam kategori itu juga. #🎜🎜# #🎜🎜# Di bawah anda boleh melihat contoh skrin suntingan media yang menunjukkan kategori: #🎜🎜# #🎜🎜##🎜🎜##🎜🎜##🎜🎜##🎜🎜# #🎜🎜# Anda juga boleh melihat semua imej yang saya tetapkan dalam kategori yang betul: #🎜🎜# #🎜🎜##🎜🎜##🎜🎜##🎜🎜##🎜🎜# #🎜🎜#Akhir sekali, saya akan menambah beberapa siaran tiruan pada tapak saya dan meletakkannya ke dalam kategori yang berkaitan untuk mempunyai sesuatu untuk ditunjukkan dalam halaman arkib saya: #🎜🎜#
在 WordPress 中创建“特色图片”:将附件提升到新的水平Mencipta Imej Ditampilkan dalam WordPress: Membawa Lampiran ke Tahap Seterusnya在 WordPress 中创建“特色图片”:将附件提升到新的水平

2.创建类别模板

下一步是创建自定义类别模板。由于我的主题是二十四的子主题,我将复制该主题的 category.php 文件并将其复制到我的子主题,并对开头注释进行一些更改:

<?php  
/**   
 * The template for displaying Category pages   
 * Custom template which displays a featured image first.   
 * Supports Part 4 of tutorial series on Advanced Use of Images in WordPress for WPTutsplus   
 */ get_header();  ?>
<section class="content-area" id="primary">
  <div class="site-content" id="content" role="main"><?php if ( have_posts() ) : ?>
    <header class="archive-header">
      <h1 class="archive-title"></h1>
        <?php 
          // Show an optional term description.
          $term_description = term_description();
          if ( ! empty( $term_description ) ) :
            printf( '<div class="taxonomy-description">%s</div>', $term_description );
          endif;
        ?>
    </header><!-- .archive-header -->

<?php   
// Start the Loop. 					   
while ( have_posts() ) : the_post(); 					     
      /* 					       
       * Include the post format-specific template for the content. If you want to 					            
       * use this in a child theme, then include a file called called content-___.php 					            
       * (where ___ is the post format) and that will be used instead. 					       
       */ 					     
      get_template_part( 'content', get_post_format() ); 					   
    endwhile; 			
		   
    // Previous/next page navigation. 					   
    twentyfourteen_paging_nav();			   
  else : 					     
    // If no content, include the "No posts found" template. 					              
    get_template_part( 'content', 'none' ); 				   
  endif;    
  ?></div><!-- #content -->
</section><!-- #primary -->

<?php  get_sidebar( 'content' ); get_sidebar(); get_footer(); ?>
Salin selepas log masuk
Salin selepas log masuk

3.向类别模板添加自定义查询

在主循环上方,使用 WP_Query 添加自定义循环。在结束 </h1> 标记后插入以下内容:

<?php  
// display a featured image for the category  
// identify the current category  
$currentcat = get_queried_object(); 
$currentcatname = $currentcat->slug;
?>
Salin selepas log masuk

使用 get_queried_object() 标识当前显示的类别。

下面,使用 WP_Query 定义自定义查询的参数:

<?php    
// define query arguments for the featured image    
$args = array( 	     
    'post_type' => 'attachment',
    'post_status' => 'inherit',
    'category_name' => $currentcatname,
  );
  $query = new WP_Query( $args );
?>
Salin selepas log masuk

这标识当前类别以及“特色”类别中的所有附件。请注意,由于 WordPress 设置附件帖子状态的方式,您需要包含 'post_status' => 'inherit' 作为参数。

现在在此下方添加循环:

<?php  
  // The Loop  while ( $query->have_posts() ) : $query->the_post();
  // define attributes for image display
  $imgattr = array(
		'alt'   => trim( strip_tags( get_post_meta( $attachment_id, '_wp_attachment_image_alt', true ) ) ),
	);

  // output the image ?>
  <div class="category-image"></div>
<?php 
endwhile;  
// reset the query so the default query can be run  
wp_reset_postdata(); ?>
Salin selepas log masuk

确保您不要错过最后的 wp_reset_postdata() ,否则类别存档的主查询将无法工作。

添加完所有这些后,保存您的类别模板并查看您的类别存档页面之一。它应该类似于本教程开头的屏幕截图。

摘要

在这个由四个教程组成的系列中,我演示了一些在 WordPress 中处理图像的高级技术。其中包括:

  • 注册专门用于附件的分类
  • 使用自定义模板创建 dosucmtn 列表页面
  • 再次使用自定义模板创建图库页面以显示给定类别中的图像
  • 为每个类别创建“特色图片”并将其显示在类别存档页面上。

正如您所见,您可以在 WordPress 中对图像和媒体执行更多操作,而不仅仅是将它们附加到帖子或将它们用作特色图像。只要发挥一点想象力,您就可以像任何其他帖子类型一样查询它们,并输出文档或显示图像的链接。

Atas ialah kandungan terperinci Mencipta 'Imej Ditampilkan' dalam WordPress: Membawa Lampiran ke Tahap Seterusnya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan