ロゴがないな

テーマを作り始めて、どこから皆さん手を付けますかね。

自分はサイトのロゴが入ってるととりあえず安心します。

大抵のテンプレートはテーマカスタマイズにロゴのエリアが設定されているかも知れませんが、私が使うWordPressスターターテーマのsageにはデフォルトではロゴの設定がありません。

そのため、最初にfunctions.phpに設定します。sageの場合はapp>setup.phpに。

    /**
     * Enable Custom LOGO support
     */
    add_theme_support('custom-logo');

after_setup_themeのフックで動作しますので、ほかのadd_theme_supportの近くに設置します。ほかにも引数でデフォルトの設定ができます。

add_theme_support( 'custom-logo', array(
'height' => 100,
'width' => 400,
'flex-height' => true,
'flex-width' => true,
'header-text' => array( 'site-title', 'site-description' ),
'unlink-homepage-logo' => true,
) );

無事に設定できました。

あとはテンプレートで、

<?php the_custom_logo(); ?>

で出力されますね。

sageはlaravelのbladeを使うので、

@if (has_custom_logo())

<img src="{!! wp_get_attachment_url(get_theme_mod('custom_logo')) !!}" alt="{!! get_bloginfo('name') !!}">

@endif

にしておきます。