WordPressホームページログのサムネイルを実装する方法

WordPressホームページログのサムネイルを実装する方法


WordPress でサムネイルを実装する方法はいくつかあります。1 つ目はプラグインを使用する方法であり、これが最も簡単です。2 つ目は timthumb.php を使用する方法です。3 つ目はコードを追加する方法です。 Aiba は、よりカスタマイズ性が高く、エラーが発生しにくい 3 番目の方法を使用します。
機能的には、ドキュメント内の最初の画像がサムネイルとして呼び出されます。画像がない場合は、ランダムな画像が呼び出されます。
方法は次のとおりです。
1.テーマフォルダのfunctions.phpにコードを追加する

//記事のサムネイルを取得
関数 dm_the_thumbnail() {
グローバル $post;
もし(has_post_thumbnail()) {
エコー '<a href="'.get_permalink().'">';
$domsxe = simplexml_load_string(get_the_post_thumbnail());
$thumbnailsrc = $domsxe->attributes()->src;
echo '<img src="'.$thumbnailsrc.'" alt="'.trim(strip_tags( $post->post_title )).'" />';
エコー '</a>';
} それ以外 {
$content = $post->post_content;
preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'”]?(.+?)[\'”]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER);
$n = count($strResult[1]);
ランダム = mt_rand(1, 5);
$n > 0の場合{
echo '<a href="'.get_permalink()."><img src="'.$strResult[1][0].'" alt="'.get_the_title()."" title="'.get_the_title().""/></a>';
}それ以外 {
echo '<a href=”'.get_permalink().'”><img src=”'.get_bloginfo('template_url').'/images/random/oukan'.$random.'.jpg” alt=”'.get_the_title().'” title=”'.get_the_title().'”/></a>';
}
}
}
テーマサポートを追加します('投稿サムネイル');
set_post_thumbnail_size(100, 140, true);

2. テーマファイル内のindex.php、category.php、archive.php

<?php the_content('(続きを読む..)'); ?>

前に追加

<?php dm_the_thumbnail(); ?>

the_content は the_excerpt である場合もあります。
3. テーマ ファイル style.css に次の CSS コードを追加します。

.post .intro画像{
フロート:左;
幅:140ピクセル;
高さ:100px;
マージン:12px 10px 8px 15px;
パディング:4px;
境界線:1px実線 #ccc;
位置:相対;
zインデックス:3;
}

このうち、.post はログと関連情報の CSS、.intro は the_content の CSS です。
ランダムな画像を指定します(テーマディレクトリのimagesの下に置きます。他の場所に置く場合はコードを変更することを忘れないでください):random
画像によるデモンストレーション:

<<:  $25/年/128MB RAM/20GB ストレージ/500GB 帯域幅/KVM —— QuickPacket

>>:  月額 0.99 ドル / 10 GB のスペース / 300 GB のトラフィックの仮想ホスティング - Network Panda

推薦する

Funfungirlファッションはいかがですか? Funfungirl ファッションレビューとウェブサイト情報

Funfungirlファッションウェブサイトとは何ですか? Funfungirl は、ナチュラルで若...

ハッチはどうですか?ハッチのレビューとウェブサイト情報

ハッチとは何ですか? Hatch は、2011 年に Phill Ryu と David Lanha...

FastCache: 香港直結ノード、100GB一般トラフィックパッケージ、18.8元、登録すると1TBトラフィックパッケージが手に入る

FastCache は主に CND サービスを提供する中国の商人です。中国では、香港ノードがかなり優...

Dumex ミルクパウダーはいかがでしょうか? Dumex ミルクパウダーのレビューとウェブサイト情報

Dumex ミルクパウダーのウェブサイトは何ですか? Dumex は世界的に有名な粉ミルクブランドで...

琉球新報はどうですか?琉球新報のレビューとウェブサイト情報

琉球新報のウェブサイトとは何ですか?琉球新報(ryukyushimpo.jp)は、日本の沖縄県で最も...

KrakenServers: $15/年/1GB メモリ/20GB スペース/1TB 帯域幅/KVM/ダラス

アメリカのホスティングプロバイダーであるKrakenServersは、おそらく2017年初頭に設立さ...

ReliableSite: 月額 39 ドル / E3 1230 / 8GB メモリ / 64GB SSD ハード ドライブ / 10TB トラフィック / 5 IP / ニューヨーク / マイアミ

アメリカの老舗ホスティング会社である ReliableSite は現在、3 つの特別価格の Du F...

clouvider: 英国専用サーバー、最低月額料金は 25 ポンド

英国のホスティング プロバイダーである Clouvider は会社として運営されており (会社番号:...

ユーロトンネルはどうですか?ユーロトンネル会社のレビューとウェブサイト情報

ユーロトンネルのウェブサイトとは何ですか?ユーロトンネルはイギリスとフランスを結ぶ英仏海峡トンネルの...

g0fu: 30 元/年/1GB メモリ/10GB スペース/100GB トラフィック/10Mbps ポート/KVM/遼寧聯通/ロサンゼルス CN2

g0fuは中国のマーチャントで、2019年12月末に設立されました。主に遼寧聯通NAT KVM V...

ロシアのユナイテッド・エアクラフト・コーポレーションはどうでしょうか?ロシアン・ユナイテッド・エアクラフト・コーポレーションのレビューとウェブサイト情報

ロシアのユナイテッド・エアクラフト・コーポレーションのウェブサイトは何ですか?ロシア統一航空機株式会...

WattaServer: 月額 34 ドル / 2*L5420 / 16GB メモリ / 500GB ハードディスク / 10TB トラフィック / DDoS 保護 / シアトル

Watta Server は、1994 年に設立されたアメリカのホスティング プロバイダーです。ロサ...

cbvps: 香港 HKBN、WTTHK、日本 Softbank、韓国 CN2 などの NAT VPS、帯域幅が大きい、最低月額支払いは 8 元

香港のホスティングプロバイダーであるcbvpsは、主にNAT VPSを提供しており、さまざまな評価を...

パタゴニア_パタゴニアはどうですか? Patagonia_Patagoniaのレビューとウェブサイト情報

パタゴニア_パタゴニアとは?パタゴニアは1972年に設立され、米国カリフォルニア州ベンチュラに本社を...

Last.fmはどうですか? Last.fmのレビューとサイト情報

Last.fmとは何ですか? Last.fm は、民主的な社会のための音楽の作成と収集に特化した英国...