WordPressTautan dapat ditambahkan dan dikelola melalui latar belakang, tetapi tidak memiliki fungsi tautan di halaman dalam.
mengingatSitus web WordPressUntuk kemudahan penggunaan dan akurasi, saya memutuskan untuk menggunakan fungsi tautan wp_list_bookmarks untuk memanggil, dan menggunakan templat halaman dalam yang terpisah untuk mencapainya.
Contoh spesifik dapat merujuk keChen WeiliangHalaman tautan dalam blog
Cara membuat tautan ramah di halaman dalam
1Buat halaman baru
- Buat halaman baru, dan atur tautan permanen laman ke "tautan".
2Salin file page.php
- Salin file page.php di direktori root tema dan ganti namanya menjadi page-links.php
- Bahkan, Anda dapat menentukan nama demi halaman- dari file ini sesuka Anda.
- Saat membuat halaman, Anda harus mencocokkan alamat halaman dengan nama ini.
3Temukan fungsi tampilan konten artikel
Di file page-links.php, temukan fungsi tampilan konten artikel
<?php the_content(); ?>
Di bawahnya, tambahkan kode berikut▼
<div class="page-links"> <h3>内页链接</h3> <ul> <?php $default_ico = home_url().'/links_default.ico'; //默认 ico 图片位置 $bookmarks = get_bookmarks('title_li=&categorize=0&category=64,383&orderby=rand'); //如果你要输出某个链接分类的链接,更改一下get_bookmarks参数即可 /*如要输出链接分类ID为5的链接title_li=&categorize=0&category=5&orderby=rand */ /*全部链接随机输出 title_li=&orderby=rand */ if ( !empty($bookmarks) ) { foreach ($bookmarks as $bookmark) { echo '<li><img src="', $bookmark->link_url , '/favicon.ico" onerror="javascript:this.src=\'' , $default_ico , '\'" /><a href="' , $bookmark->link_url , '" title="' , $bookmark->link_description , '" target="_blank" >' , $bookmark->link_name , '</a></li>'; } } ?> </ul> </div>
- Hati-hati dengan komentar kode.
Tambahkan gaya CSS ke tautan halaman
Untuk membuatnya lebih indah, Anda dapat menentukan gaya kelas tautan halaman.
Berikut iniChen WeiliangGaya CSS dari tema yang digunakan
/*内页链接*/ .page-links{overflow:hidden;margin:0 0 24px;padding:0;} .page-links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;} .page-links ul{margin:0;padding:5px 0 0 0;} .page-links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none;} .page-links ul li:hover{background:#f2f2f2;} .page-links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}
Kamu sudah selesai!
Harapan Chen Weiliang Blog ( https://www.chenweiliang.com/ ) berbagi "Bagaimana Cara Menambahkan Tautan ke Halaman Dalam di WordPress? 3 Langkah Membuat Tautan Halaman Dalam" akan membantu Anda.
Selamat datang untuk membagikan tautan artikel ini:https://www.chenweiliang.com/cwl-1623.html
Selamat datang di saluran Telegram blog Chen Weiliang untuk mendapatkan pembaruan terkini!
📚 Panduan ini mengandung nilai yang sangat besar, 🌟Ini adalah kesempatan langka, jangan sampai terlewatkan! ⏰⌛💨
Bagikan dan sukai jika Anda suka!
Berbagi dan suka Anda adalah motivasi berkelanjutan kami!