このサイトのWPテーマの子テーマの編集、難航中です。

Pocket

イントロ

はい。

このサイトで使っているテーマの子テーマを編集中です。

現在、編集追加している機能は特に意味は無いのですが、子テーマ制作の練習としては意味があります。

編集追加している機能は、「投稿に画像が登録されていな場合は、投稿の頭にアイキャッチ画像もしくはデフォルトの画像を挿入する」というものです。

OGP用には、このテーマの親テーマの機能を使用させて頂いています。

子テーマのサンプルソース

子テーマのサンプルソースは、以下の通りです。

/*
 * 投稿の頭のタイトル直下に、自動的にアイキャッチ画像を表示する関数。
 * ただし、alt属性はalt="サマリーイメージ(summary image)"に固定される。
 * また、キャプションもつかない。
 * 後で、フラグが立っているときは、このサマリーイメージは表示しないなどの
 * 対策を施した方が良いかもしれない。
 */
add_filter( 'the_content', 'earn_pocket_money_child_set_the_content');
function earn_pocket_money_child_set_the_content($content) {
    global $post;
    if( get_the_date('Ymd') <= 20180225 ) {
        return $content;
    }
    if ( is_attachment() ) {
        return $content;
    }

    $urlid = earn_pocket_money_child_get_thumb_url('large', false);
    $url = $urlid['url'];
    $id = $urlid['id'];
    if( empty(trim($url)) ) {
        return $content;
    }

    //$content = "id=" . $id . "url=" . $url . $content;
    
    $html = "";
    if( ! preg_match( '/wp-image-(\d+)/s', $post->post_content, $thumbid )  ) {
        // 投稿にimgタグの画像がなかった場合

        //$id = time('U');
        //$url = earn_pocket_money_child_get_thumb_url('large', false);
        $html = '<figure id="attachment_' . $id . '" style="max-width: 700px" class="wp-caption aligncenter">
        <a href="' . $url . '" rel="attachment wp-att-' . $id .'">
        <img src="' . $url . '" class="wp-image-"' . $id . ' alt="サマリーイメージ(summary image)" /></a></figure> ';
        return $html . $content;
    } else if ( ! preg_match( '/attachment_(\d+)/s', $post->post_content, $thumbid ) ) {
        //投稿にfigureタグの画像がなかった場合。

        //$id = time('U');
        //$id = $thumbid[1];
        //} else {
        //    $id = time('U');
        //}
        //$url = earn_pocket_money_child_get_thumb_url('large', false);
        //$id = $thumbid[1];
        $html = '<figure id="attachment_' . $id . '" style="max-width: 700px" class="wp-caption aligncenter">
        <a href="' . $url . '" rel="attachment wp-att-' . $id .'">
        <img src="' . $url . '" class="wp-image-"' . $id . ' alt="サマリーイメージ(summary image)" /></a></figure> ';
        return $html . $content;    
    } else {
        // 投稿になんらかの画像があった場合->アイキャッチ画像は挿入しない。

        return $content;
    }
}
/*
 * サムネールイメージのURLを取得する関数。
 * サムネールイメージが内場合は、投稿の先頭の画像か、サイトのデフォルト画像のURLを返す。
 * 
 * 投稿の画像かどうかの判定は、imgタグの'/wp-image-(\d+)/s'と、
 * figureタグの'/attachment_(\d+)/s'の両方で検査しています。
 */
function earn_pocket_money_child_get_thumb_url($size = 'large', $is_post_image_too = true) {
    global $post;

    // defalt
    $url = get_stylesheet_directory_uri() . '/thumb_alter_image.jpg';
    $id = time('U');

    if( has_post_thumbnail() ) {
        $postthumb = wp_get_attachment_image_src( get_post_thumbnail_id(), $size );
        $url = $postthumb[0];
        $id = get_post_thumbnail_id();
    } elseif( preg_match( '/wp-image-(\d+)/s', $post->post_content, $thumbid ) 
        && $is_post_image_too ) {
        $postthumb = wp_get_attachment_image_src( $thumbid[1], $size );
        $url = $postthumb[0];
        $id = $thumbid[1];
    }  elseif( preg_match( '/attachment_(\d+)/s', $post->post_content, $thumbid ) 
        ) {
        $postthumb = wp_get_attachment_image_src( $thumbid[1], $size );
        $url = $postthumb[0];
        $id = $thumbid[1];
    } else {
        //$url = get_stylesheet_directory_uri() . '/thumb_alter_image.jpg';
        //$id = time('U');
    }
    return array(
        'url' => $url,
        'id' => $id,
    );
}

アウトロ

ソースは、まだまだ編集中なので、ごちゃごちゃと試行錯誤のコメントアウトが目立ちます。

そのうち、また経過報告致しますのでご容赦ください。

あなたもアフィリエイト✕アドセンスで稼げる! はじめてのWordPress本格ブログ運営法 ★★★★

はい。このサイトのテーマもこの本に付属している「earn pocket money」というアフィリエイト向けテーマについての解説本です。

この本では、「earn pocket money」を中心に、アフィリエイトサイトの選び方、テーマのアフィリエイト用の設定の仕方、SNSとの連携の仕方など、基本的な話題をかなりの図入りで丁寧に解説しています。

そのため、初心者の方、特にWordPressを初めて導入する方にも大変優しい解説本となっています。

ただ、WordPressの設定の仕方、GoogleAbalytics、SearchConsoleなどの設定に慣れている方には、前半の丁寧な解説は、少し面倒くさく感じられるかもしれません。

しかし、後半のブログ開始後3ヶ月経っても成果がでないときの取り組み方、軌道修正の仕方、ユーザーの検索意図(ユーザーニーズ)の捉え方、どうやってユーザーニーズを満たす記事を書くのか、といったノウハウ的な解説は役に立つと思います。

実際自分もブログを始めて3ヶ月経ったのですが、この本で指摘されているブログの細やかな点についての再点検をしてみると、3ヶ月間ブログ記事を書くだけで精一杯だった自分に抜けている視点が分かりました。

やってみないと分からないことがあり、やってから軌道修正していくことが必要なのだと痛感しました。

初心者には図入りで読みやすく、実務を行っている人には実務上のポイントを指摘してくれる本で、アフィリエイトを行う行わないに限らず、ブログ記事を書く人、Webライティングを目指している人には、参考になる本だと思います。

https://amzn.to/2I3Y3OR
The following two tabs change content below.
KaBA@フリーランス修行中

KaBA@フリーランス修行中

こんにちは!IT業界で勤めて17年くらい務めています。プログラミング大好きやろーです。 自分も独学でC言語を覚えIT会社に就職しました。その後紆余曲折を経て、VB6.0、VBA、Perl、C#、HTML、CSS、JavaScript、PHPなどを覚えていきました。全部C言語の独学時の経験がベースとなって、学習曲線が良いカーブを描いていました。 情報工学科を出ていなくても、独学でエンジニアは育つことができると思います! このブログで皆さんがプログラミングに興味を持たれるのを心待ちにしています! 頑張って覚えられてください!よろしくお願いします。 趣味は読書で、小宮一慶さんや松下幸之助さんなど著名人の本を読んでいる他、赤川次郎さんの三毛猫ホームズシリーズ司馬遼太郎吉川英治さんの三国志などが好きです。