GeneratePress テーマ:カテゴリページに固定記事の上部に固定する方法

Last Updated: 2024 年 11 月 26 日 댓글

WordPressで特定の文をブログページの上部に固定したい場合は、作り付けの文(固定文)で指定できます。これにより、最新の記事ページの上部に固定文が固定されて表示されます。ただし、固定文で設定してもカテゴリページでは固定になりません。この記事では GeneratePress テーマで固定文をカテゴリページの上部に固定する方法を見てみましょう。

参考までに GeneratePressは、既存のテーマの中で最も速いテーマの一つとして評価されています。 収益型ブログにはこのテーマが使われています。このブログも現在ジェネレートプレステーマが使われています。

GeneratePress テーマ:カテゴリページに作り付け(固定文)を上部に固定する方法

固定文章を設定する

WordPressで特定の投稿を作り付けにしたい場合は、 クイック編集をクリックします。

"この記事を固定にする「をチェックして アップデート ボタンを押すと作り付けになります。

これにより、作り付けの記事が最新の記事ページ(ブログページ)の上部に固定されます。

複数の文章を組み込みの文章に設定することができます。作り付けの項目が他の記事と異なって表示されるようにしたい場合 CSS使用できます。私のブログでは、次のCSSコードが使用されました。

/* GeneratePress 테마: 붙박이 글 스타일 */

.sticky .inside-article {
    padding: 30px !important; 
    background-color: #ffffff; 
    border: 1px solid #e0e0e0; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
    margin-bottom: 50px; 
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out; 
    border-radius: 8px; 
}


.sticky .inside-article:hover {
    transform: translateY(-5px); 
    box-shadow: 0 15px 30px rgba(0,0,0,0.15); 
}

.sticky p.read-more-container {
    display: none;
}

.sticky .entry-meta {
    display: none;
}


.sticky .inside-article {
    font-family: 'Arial', sans-serif; 
    font-size: 16px; 
    line-height: 1.6; 
    color: #333; 
}

上記のコード 外観 » カスタム » 追加 CSSに追加してください。

カテゴリページに組み込まれた投稿を上部に表示する

ブログ記事を固定記事として指定しても、カテゴリページは上部に固定されず、最新の記事ページ(ブログページ)にのみ表示されます。カテゴリーページに作り上げた文章を上部に固定したい場合」WordPress GeneratePress テーマ:作り付けの記事をカテゴリページに一番上に固定する「記事を参考にしてください。

参照された記事では、PHPコードで追加する方法について説明します。 PHPコードの代わりにHTMLコードとして追加することも可能です。最新の記事ページのHTMLソースを確認して、作り付けの部分のHTMLコードを GeneratePress テーマのフックを使用してカテゴリページの上部に固定できます。

ChromeブラウザでHTMLソースコードを確認したい場合は、Ctrl + Uを押します。

形状 » Elementsで新しい要素を生成してHTMLコードを追加し、 generate_before_main_content フックを指定し、表示する場所に対応するカテゴリページを選択できます。

この方法では、そのカテゴリページ(サブページを含む)の上部に固定されます。別の方法でそのカテゴリの最初のページにのみ表示したい場合は、次のコードを チャイルドテーマの関数ファイルに追加できます。

add_action( 'generate_before_main_content', function() {
    // 현재 페이지가 카테고리 페이지인지 확인
    if ( is_category( 9529 ) ) { // 카테고리 ID 9529 확인
        // 현재 페이지가 첫 번째 페이지인지 확인
        if ( ! is_paged() ) {
            ?>
            <!-- HTML로 된 콘텐츠 -->
            <?php
        }
    }
}, 10 );

カテゴリIDを確認し、そのカテゴリIDに置き換えます。部分に組み込みアイテムのHTMLコードを入力するようにします。

サイトの速度に与える影響は PHP コードよりもHTMLコードが少ない。 PHPコードで追加する場合は、サーバーで追加の作業が必要になるため、HTMLコードで追加すると(わずかですが)少しの速度改善効果があるはずです。

参照


コメントを残す

コメント