My Blog

Cocoonの検索窓のプレースホルダの文言を変更するカスタマイズをしました。

以下を子テーマのfunctions.phpまたはコードスニペットに追記しました。

add_filter('get_search_form', function ($form) {
    $form = preg_replace('/placeholder="[^"]*"/', 'placeholder="Search..."', $form);
    return $form;
}); 

正規表現を使って「placeholder属性だけ」書き換える方法です。

よろしくお願いいたします。

ウェブ制作に便利なサイトのご紹介です。

感謝して使わせていただきましょう！

レイアウトジェネレーター

３カラムのレイアウトHTMLとCSSをセットで作れます。自分でやるとすごく手間がかかるので、助かります。

https://codepen.io/sadness97/full/XJbLxNj

便利な無料テクスチャ

テクスチャがいろいろあって使いやすいです。

https://www.toptal.com/designers/subtlepatterns

ニューモフィズムジェネレーター

自分で実装すると影のバランスが難しいので重宝しています。

https://neumorphism.io/#e0e0e0

WordPressテーマCocoonの新着記事にNEWマークを付けるカスタマイズです。

フックを利用してテーマファイルを直接改変することなく、カスタマイズができます。

add_action( 'entry_card_snippet_after', function ( $post_id ) {
    $now = new DateTime( date_i18n( 'Y-m-d' ) );
    $date = new DateTime( get_the_time( 'Y-m-d', $post_id ) ); // get_the_timeに$post_idを渡す
    $diff = $now->diff( $date );
    
    // 7日以内なら「NEW」マークを出力
    if ( 7 >= $diff->days ) {
        // NEWマークのHTMLを出力
        echo '<span class="new-mark-entry-card">NEW</span>';
    }
} );

Cocoonのエントリーカードに、entry_card_snippet_afterフックがありますので、利用しました。

お好みでCSSで調整をして完成です。