Home CMS Tutorial WordPress How to use external link images as article thumbnails in WordPress

How to use external link images as article thumbnails in WordPress

Nov 07, 2019 am 10:44 AM
wordpress use

How to use external link images as article thumbnails in WordPress

Ideas:

1. There must be a way to determine the image address: the first image in the article, or use a custom column Add a custom value.

2. Call the determined picture in the foreground: use the function method or call the picture directly.

The implementation is as follows:

Premise:

It is best for any call to be in a LOOP loop, so that it can be easily Use $post value.

1. Call the first picture in the article: use $post->post_content to get the article content, and then use the matching method to get the src value of the first picture.

preg_match(&#39;/<img.+src=[\&#39;\"]([^\&#39;\"]+)[\&#39;\"].* \/>/i&#39;,$post->post_content,$index_piclink);
if(count($index_piclink) >= 2)$image_src = $index_piclink[1];
if(!strstr($image_src,&#39;http://&#39;))$image_src = false;
Copy after login

2. Call a custom column: When writing an article, add a custom column with the noun post_thumb, and then create it using the address of the image as the value. For example, meta_key:post_thumb,meta_value:http://www.utubon.com/images/logo.png, and then call it through the following method:

$image_src = get_post_meta($post->ID,&#39;post_thumb&#39;,true);
$image_src = trim($image_src) !== &#39;&#39; ? trim($image_src) : false;
Copy after login

3. In the article loop Use them

if($image_src)echo &#39;<img src="&#39;.$image_src.&#39;" />&#39;;
Copy after login

4. Make them into functions

function get_thumb_src($size = &#39;thumbnail&#39;,$first_pic_in_ctonte = true){
global $post;
$image_src = &#39;&#39;;
if(function_exists(&#39;has_post_thumbnail&#39;) && has_post_thumbnail()){
$image_id = get_post_thumbnail_id();
$image_src = wp_get_attachment_image_src($image_id,$size);
$image_src = $image_src[0];
}else{
$image_src = get_post_meta($post->ID,&#39;post_thumb&#39;,$single=true);
if(!$image_src && $first_pic_in_ctonte){
preg_match(&#39;/<img.+src=[\&#39;\"]([^\&#39;\"]+)[\&#39;\"].* \/>/i&#39;,$post->post_content,$index_piclink);
if(count($index_piclink) >= 2)$image_src = $index_piclink[1];
if(!strstr($image_src,&#39;http://&#39;))$image_src =false;
}
}
return $image_src;
}
function the_thumb_src($size = &#39;thumbnail&#39;,$first_pic_in_ctonte = true){
echo get_thumb_src($size,$first_pic_in_ctonte);
}
Copy after login

This function (put it in functions.php) implements the selection of article thumbnails. If there is already a featured image, use the featured image. If not, check the post_thumb custom column. If there is no featured image, use the first image of the article. If the article does not have an image, return a false value. When using it, it is as follows:

if(get_thumb_src())the_thumb_src();
Copy after login

Recommended tutorial: wordpress tutorial

The above is the detailed content of How to use external link images as article thumbnails in WordPress. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP vs. Flutter: The best choice for mobile development PHP vs. Flutter: The best choice for mobile development May 06, 2024 pm 10:45 PM

PHP and Flutter are popular technologies for mobile development. Flutter excels in cross-platform capabilities, performance and user interface, and is suitable for applications that require high performance, cross-platform and customized UI. PHP is suitable for server-side applications with lower performance and not cross-platform.

BTCC tutorial: How to bind and use MetaMask wallet on BTCC exchange? BTCC tutorial: How to bind and use MetaMask wallet on BTCC exchange? Apr 26, 2024 am 09:40 AM

MetaMask (also called Little Fox Wallet in Chinese) is a free and well-received encryption wallet software. Currently, BTCC supports binding to the MetaMask wallet. After binding, you can use the MetaMask wallet to quickly log in, store value, buy coins, etc., and you can also get 20 USDT trial bonus for the first time binding. In the BTCCMetaMask wallet tutorial, we will introduce in detail how to register and use MetaMask, and how to bind and use the Little Fox wallet in BTCC. What is MetaMask wallet? With over 30 million users, MetaMask Little Fox Wallet is one of the most popular cryptocurrency wallets today. It is free to use and can be installed on the network as an extension

How to change page width in wordpress How to change page width in wordpress Apr 16, 2024 am 01:03 AM

You can easily modify your WordPress page width by editing your style.css file: Edit your style.css file and add .site-content { max-width: [your preferred width]; }. Edit [your preferred width] to set the page width. Save changes and clear cache (optional).

In which folder are wordpress articles located? In which folder are wordpress articles located? Apr 16, 2024 am 10:29 AM

WordPress posts are stored in the /wp-content/uploads folder. This folder uses subfolders to categorize different types of uploads, including articles organized by year, month, and article ID. Article files are stored in plain text format (.txt), and the filename usually includes its ID and title.

How to create a product page in wordpress How to create a product page in wordpress Apr 16, 2024 am 12:39 AM

Create a product page in WordPress: 1. Create the product (name, description, pictures); 2. Customize the page template (add title, description, pictures, buttons); 3. Enter product information (stock, size, weight); 4 . Create variations (different colors, sizes); 5. Set visibility (public or hidden); 6. Enable/disable comments; 7. Preview and publish the page.

Where is the wordpress template file? Where is the wordpress template file? Apr 16, 2024 am 11:00 AM

WordPress template files are located in the /wp-content/themes/[theme name]/ directory. They are used to determine the appearance and functionality of the website, including header (header.php), footer (footer.php), main template (index.php), single article (single.php), page (page.php), Archive (archive.php), category (category.php), tag (tag.php), search (search.php) and 404 error page (404.php). By editing and modifying these files, you can customize the appearance of your WordPress website

How to search for authors in WordPress How to search for authors in WordPress Apr 16, 2024 am 01:18 AM

Search for authors in WordPress: 1. Once logged in to your admin panel, navigate to Posts or Pages, enter the author name using the search bar, and select Author in Filters. 2. Other tips: Use wildcards to broaden your search, use operators to combine criteria, or enter author IDs to search for articles.

Which version of wordpress is stable? Which version of wordpress is stable? Apr 16, 2024 am 10:54 AM

The most stable WordPress version is the latest version because it contains the latest security patches, performance enhancements, and introduces new features and improvements. In order to update to the latest version, log into your WordPress dashboard, go to the Updates page and click Update Now.

See all articles