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

推薦する

SSDNodes 4GB RAM SSD ハードドライブ OpenVZ VPS ダラス シンプルレビュー

詳細: SSDNodes: $48/年/4GB メモリ/40GB SSD スペース/4TB トラフィ...

Azure: 1 年間無料の Linux および Windows VPS、250 GB の SQL データベース、香港、日本、シンガポール、米国、ヨーロッパなどで利用可能。

Microsoft が提供するプロフェッショナル クラウド コンピューティング サービスである A...

QuadHost 256MB RAM OpenVZ VPS シンガポール レビュー

詳細: QuadHost: 2.5 ポンド/年/128 MB/5 GB のスペース/500 GB の...

Digitaloceanは10ドルの割引コードを提供しています

8 月 30 日に digitalocean から新しいプロモーションを受け取りました。これにより、...

Riven Cloud: 月額 10 ドル / 1GB RAM / 15GB SSD スペース / 500GB 帯域幅 / 100Mbps / KVM / 日本 / 英国

中国の新興企業であるRiven Cloudは現在、KVM VPSのみを提供しています。同社のデータセ...

Legionhoster: 月額 30.99 ドル / E5 – 1650v3 / 8GB メモリ / 300GB スペース / 10TB トラフィック / 1 IP / 米国 / カナダ

アメリカのホスティングプロバイダーである Legionhoster は、さまざまなホスティング サー...

VPN.sh: 2年間4ポンド、データ無制限、世界中に42のデータセンター

今回ご紹介した有料VPN「VPN.sh」は、コストパフォーマンスが非常に優れています。たった 4 ポ...

Sparkstation: 月額 22 ドル / メモリ 1 GB / SAS スペース 20 GB / トラフィック無制限 / 100 Mbps / KVM / シンガポール / バイパス

シンガポールの企業である Sparkstation は 2013 年に設立され、主にシンガポールを拠...

Lotus VPS: 17 元/月/768MB メモリ/16GB スペース/100MB トラフィック/OpenVZ/香港

中国のホストである Lotus VPS を 1 か月間使用しましたが、かなり良いです。現在、以下の ...

pokevm: 449 元/月/2 コア/2GB メモリ/40GB スペース/25TB トラフィック/300Mbps-500Mbps ポート/独立 IP/KVM/江門モバイル

中国商人であるpokevmは、ホスト百科事典に2回紹介されています。江門モバイルVDSが新発売され、...

$15/年/10G スペース/150G トラフィック仮想ホスト - Jolly Works

Jolly Works Hosting はフィリピンのホスティング会社です。同社は 2009 年 ...

Cloudcone: ロサンゼルス KVM VPS、256MB RAM、1TB 帯域幅、年間 13.93 ドル

CloudCone は、クラウド ホスティング、専用サーバーなどを提供する、比較的アクティブなホステ...

CloudCone: 15 ドル/年/512 MB メモリ/15 GB スペース/2 TB トラフィック/1 Gbps ポート/KVM/ロサンゼルス

CloudCone は比較的アクティブなホスティング プロバイダーで、主にロサンゼルス MC VPS...

DataWagon: 月額 50 ドル / 2*X5650 / 32GB メモリ / 1TB SSD ハード ドライブ / 50TB トラフィック / 1Gbps ポート / DDOS / Chicago

アメリカのホスティング プロバイダーである DataWagon には、独自の ASN (AS2717...