このサイトのWPテーマの子テーマを作成しました。

Pocket

こんにちは。

少し更新をさぼり気味でご迷惑をおかけしております。

今回、このサイトのWPのテーマの「earn-pocket-money」の子テーマを作成し、このサイトに適用しました。

でも、ほんのちょっと「functions.php」をいじっただけで、まだあまりカスタマイズしていません。

エクセルVBA日本語化」のバージョンアップもにらみながら、コツコツ子テーマもいじっていく予定です。

CSSもいじって、より読みやすいデザインで、飽きの来ない機能性を持たせたいと思っています。

今回の主な「functions.php」の修正点は以下の通りです。

  • アイキャッチ画像のURLを取得する関数を作成。アイキャッチ画像がない場合は、投稿の一番最初の画像のURL、それもない場合はテーマのデフォルトの画像のURLを取得する。
  • 投稿の先頭、タイトルの下にアイキャッチ画像を自動的に表示する。ただし、alt属性はalt=”サマリーイメージ(summary image)”に固定される。サイズもサイト固定でmax-width:700pxになる。

というような内容で、まだまだカスタマイズの余地があります。

PHPのソースは以下のようです。いずれも、「functions.php」に追記します。接頭辞の「earn_pocket_money_child_」は、みなさんのサイト名に置き換えてください。

/*
 * サムネールイメージのURLを取得する関数。
 * サムネールイメージが内場合は、投稿の先頭の画像か、サイトのデフォルト画像のURLを返す。
 */
function earn_pocket_money_child_get_thumb_url($size = 'large', $is_post_image_too = true) {
    global $post;
    if( has_post_thumbnail() ) {
        $postthumb = wp_get_attachment_image_src( get_post_thumbnail_id(), $size );
        $url = $postthumb[0];
    } 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];
    } else {
        $url = get_stylesheet_directory_uri() . '/thumb_alter_image.jpg';
    }
    return $url;
}
/*
 * 投稿の頭のタイトル直下に、自動的にアイキャッチ画像を表示する関数。
 * ただし、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;
    $html = "";
    if( ! preg_match( '/wp-image-(\d+)/s', $post->post_content, $thumbid )  ) {
        if( get_the_date('Ymd') > 20180225 ) {
            $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 {
        return $content;
    }
}

なお、「get_the_date(‘Ymd’) > 20180225 )」という条件付けで、2018/2/25以前の日付の投稿のコンテンツはいじらないようにしています。

サイト運営って大変ですね。(汗

それでは、またー (^_^)/

===追記===

上のコードはまだまだ未完成で、投稿に一枚でも、アイキャッチ以外の画像を挿入していた場合、タイトル下のアイキャッチ画像は表示されません。

やっぱり、まだまだですね。(~_~;)

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