{"id":38161,"date":"2020-07-17T21:49:34","date_gmt":"2020-07-17T21:49:34","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-ein-post-thumbnail-raster-in-wordpress-themes\/"},"modified":"2020-07-17T21:49:34","modified_gmt":"2020-07-17T21:49:34","slug":"so-erstellen-sie-ein-post-thumbnail-raster-in-wordpress-themes","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-ein-post-thumbnail-raster-in-wordpress-themes\/","title":{"rendered":"So erstellen Sie ein Post-Thumbnail-Raster in WordPress-Themes"},"content":{"rendered":"<p>Mussten Sie beim Erstellen von WordPress-Website-Layouts jemals ein Post-Grid erstellen?  Das Rasterlayout eignet sich hervorragend f\u00fcr medienzentrierte Websites wie die WordPress-Galerie oder andere Websites vom Typ Showcase.  Themenbilder wie Genesis haben bereits ein vorgefertigtes Gitterschleifensystem.  Wenn Sie jedoch versuchen, ein Raster in Ihrem benutzerdefinierten WordPress-Design anzuzeigen, sind wir hier, um Ihnen zu helfen.  In diesem Artikel zeigen wir Ihnen, wie Sie eine Post-Thumbnail-Rasterschleife in Ihrem WordPress-Theme erstellen.<\/p>\n<p>Hinweis: Sie m\u00fcssen ein gutes Verst\u00e4ndnis f\u00fcr CSS und die Funktionsweise der WordPress-Schleife haben.<\/p>\n<p>Bevor wir beginnen, schauen wir uns an, was wir erreichen wollen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/gridpostdisplay.gif\" alt=\"Grade Post Display\" title=\"Grade Post Display\" width=\"520\" height=\"388\" class=\"alignnone size-full wp-image-3750\"><\/p>\n<p>Wenn Sie schauen, werden die Beitr\u00e4ge auf dieser Seite in einem Raster angezeigt.  Auf der linken Seite befindet sich ein Rand f\u00fcr Pfosten, auf der rechten Seite jedoch nicht.  Bei einer normalen Post-Schleife folgen alle Posts dem gleichen Stil.  Daher hat es an beiden Stellen einen rechten Rand, der seltsam aussehen w\u00fcrde.  Beachten Sie auch, dass der Raum ziemlich symmetrisch ist.  Was wiederum mit der normalen Schleife nicht m\u00f6glich ist, so etwas zu tun.  Nachdem Sie nun sehen k\u00f6nnen, was wir erreichen m\u00f6chten, werfen wir einen Blick darauf, wie dies erreicht werden kann.<\/p>\n<p>Das erste, was Sie tun sollten, ist sicherzustellen, dass f\u00fcr Ihr Thema WordPress-Post-Thumbnails aktiviert sind.  Sie sollten auch dar\u00fcber nachdenken, wie Sie die Gr\u00f6\u00dfe Ihrer WordPress-Bilder \u00e4ndern m\u00f6chten, da Sie sie ben\u00f6tigen.<\/p>\n<p>Nachdem Sie die Miniaturansichten und Gr\u00f6\u00dfen eingerichtet haben, k\u00f6nnen Sie loslegen.  Lassen Sie uns unsere Abfragen in einer Schleife konfigurieren:<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Mussten Sie beim Erstellen von WordPress-Website-Layouts jemals ein Post-Grid erstellen? Das Rasterlayout eignet sich hervorragend f\u00fcr medienzentrierte Websites wie die WordPress-Galerie oder andere Websites vom Typ Showcase. Themenbilder wie Genesis haben bereits ein vorgefertigtes Gitterschleifensystem. Wenn Sie jedoch versuchen, ein Raster in Ihrem benutzerdefinierten WordPress-Design anzuzeigen, sind wir hier, um Ihnen zu helfen. In diesem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":38162,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/Como-crear-una-cuadricula-de-miniaturas-de-publicaciones-en-temas.gif","fifu_image_alt":""},"categories":[7],"tags":[109,155,11083,60,546],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/38161"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=38161"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/38161\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/38162"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=38161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=38161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=38161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}