WordPress 最新の投稿ウィジェットにサムネイルを追加する Recent Posts Widget With Thumbnails

19のコメント

1. 見つかりましたㅠㅠ

   /*最新の投稿サムネイルサイズ*/

   .rpwwt-widget ul li img {
   幅：120px。
   高さ：80px。
   }

   応答

2. タブレットやモバイルでは、サムネイルのサイズ変更が適用されていますが、なぜPCでしかできないのですか？ 珍しいですね。

   応答

3. もしかしたら開発者モードに出ているCSSコードを修正すればい​​いかと思って追加してみましたが、これも適用できませんね。

   .rpwwt-widget ul li img {
   幅：90px。
   高さ：60px。
   }

   応答

4. もしかしたらサムネイルのサイズ変更がジェネレートプレス無料版では適用できないのでしょうか？

   応答

   • GeneratePress 有料版と無料版の両方が可能です。

     応答

5. タブレットサイドバーの固定も同様に解決されました！ ページレイアウトを調整するCSSコードがさまざまな部分に影響します。

   応答

   • CSSにエラーがあると、その下のコードが正しく機能しない可能性があります。

     基本的なCSSを覚えておくと役に立ちます。

     https://cafe.naver.com/wphomepage/16730

     応答

6. Read Moreは解決しました！ 下のページレイアウト変更するコードで最後に}これが一つ消されていて追加したら再び正常に出ますね。

   /* メインページレイアウトの変更 */

   @media（min-width：1025px）{
   .wp-post-image {
   表示：インラインブロック;
   幅：300ピクセル。 /*画像の幅*/
   height: 200px; /*画像の高さ*/
   オブジェクトフィット: カバー;
   margin-right: 15px; /* イメージと要約文の間の間隔 */
   フロート：左;
   }.entry-summary {
   オーバーフロー：隠されました;
   }
   }

   応答

7. Read More CSSコードもプラグインに関係なくPCでのみ適用され、突然タブレットやモバイルでは適用できませんㅠㅠ

   応答

8. プラグインをインストールするので、下のCSSコードもPCでのみ適用され、タブレットやモバイルでは突然適用できません。

   /* GeneratePress テーマのRead Moreフレーズをボタンで表示する*/

   .read-more {
   color：white; background-color: #4f4f4f;
   パディング：5px 7px。
   border-radius：10px;
   margin-top: 10px; margin-left: auto;
   margin-right: auto; 幅：100％; display: block;
   text-align: center; font-weight: bold;
   テキスト装飾：なし;
   &:hover{color:#eee; background-color: darkgray;}
   $:active{position:relative; top:2px;}
   }

   応答

9. もしかしたら参考にしたいかと思って WordPress 住所も残します。

   https://issue-note.com/

   応答

10. そしてプラグインをインストールして有効にするので、PCではなるのにタブレットでサイドバー固定ができません。 下のCSSコードを使用しています。

    /* GeneratePress テーマサイドバー固定*/
    /* Make the sidebar sticky in GeneratePress */

    @media（min-width：769px）{
    .site-content {
    ディスプレイ：フレックス;
    justify-content: space-around;
    align-items: flex-start;
    }

    #right-sidebar {
    position: -webkit-sticky;
    position: sticky;
    bottom: 2rem; /* Change this value as you wish */
    align-self：フレックスエンド;
    }
    }

    応答

    • 対応するCSSは、解像度が769ピクセル以上のデバイスで動作します。
      タブレットの画面解像度が769ピクセル以上の状況で動作しませんか？
      このプラグインを無効にすると正常に動作しますか？

      応答

      • プラグインを無効にしてもタブレットでは固定できません。

        @media（min-width：769px）{

        この部分を消してみましたが、それでもPCでのみ固定になり、タブレットで突然固定できませんね。

11. サムネイルは表示になりますが、サイズ調整はできません。

    応答

    • 本文にも示されているように、Autoptimizeなどの最適化プラグインをインストールすると、正しく機能しない可能性があります。 キャッシュプラグインと最適化プラグインを無効にしてテストしてください。

      応答

      • Breezeプラグインを無効にしても同じです。

      • 他のプラグインもすべて無効にしてテストしてください。

12. Thumbnail Settings で Show thumbnail をチェックし、Size of thumbnail を Specified width and height に設定した後、下に Width of thumbnail と Height of thumbnail サイズを指定してもなぜ適用できないのですか?

    応答