Using WP Show Posts

| |

Adding post lists and grids to your Site couldn’t be easier than with the WP Show Posts plugin. Dispatch uses the Free version to display posts on the Front page and in the Sidebars. Of course with a little Flint Skin CSS treatment.

Head off to Dashboard > WP Show Posts > All Lists. Within are six lists:

  • Align
  • Standard
  • Sidebar
  • Header
  • Simple
  • Simple Sidebar

Each of them have very particular settings required to match the demo content you see here. Changing those settings may affect the way the post is displayed, and not necessarily for the better. So please work on a duplicate or make a note before changing.

Note: the name of the List has no relevance to the different styles displayed.

General ( and important ) information

Before we go into the detail let’s cover some basic and very important information.

Advanced Settings

For the purpose of the demo content a couple of the Lists are using Advanced Settings. First off the Standard List is using Ascending Order (Default: Descending).  Secondly the Simple List is using Offset, so it omits the first 4 posts. You may want to put these back to default if you’re not intending to replace them.

Duplicating WP Show Posts List

So we have four lists, and we want to make a new Standard list with a different category. The easiest way is to use one of the Duplicate Post plugins in the WordPress repository. Simple hey. And it works for all post types including GP Elements. Awesome. Note: When making a duplicate you are generally given two options. Clone and New Draft. I advise using the New Draft as some people have reported issues when using Clone.

 

List: Standard

This is the standard WP Show Post list that has the same custom styling applied to the GP Blog:

รวมคุณประโยชน์จากผัก5ชนิด การมีสุขภาพที่ดีมาจากการเลือกทานอาหารที่มีประโยชน์และได้สารอาหารครบทุกหมู่ทั้งโปรตีน คาร์โบไฮเดรต วิตามิน ไขมันรวมถึงแร่ธาตุและไฟเบอร์อย่างผักเป็นอาหารที่ล้วนแต่มีประโยชน์ หลายคนอาจจะไม่ชอบทานผักเพราะด้วยรสชาติที่ไม่อร่อยเหมือนอาหารอื่นๆแต่บอกได้เลยผักคือยารักษาโรคที่ดีมากนอกจากจะทำให้ร่างกายแข็งแรงยังสามารถป้องกันโรคต่างๆได้ดีอีกด้วยจะมีผักชนิดใดบ้างที่ดีต่อสุขภาพของเรามาตามดูกันเลย 1.หน่อไม้ฝรั่ง เป็นอาหารที่เต็มไปด้วยกลูต้าไธโอนและยังได้รับการขนานนามว่าเป็นเจ้าแห่งสารต้านอนุมูลอิสระซึ่งจะช่วยลดความเสี่ยงต่อโรคหัวใจโรคมะเร็งรวมไปถึงโรคสมองเสื่อมเพียงหันมาทานหน่อไม้ฝรั่งก็อาจจะไม่ต้องหาอาหารเสริมมาทานแล้วนะ ซึ่งร่างกายจะได้รับสารกลูต้าไธโอนที่สูงและยังได้รับโพเลทที่จะไปช่วยบำรุงสมองอีกด้วย 2.ขี้เหล้ก จัดว่าเป็นผักที่คนรุ่นเก่าชอบและเป็นอาหารเลิศรสเพราะใบขี้เหล็กสามารถนำมาทำได้ทั้งอาหารและยังเป็นยาชั้นดี ซึ่งประกอบไปด้วยวิตามินซี วิตามินเอ  แคลเซียม ฟอสฟอรัส เหล็กรวมถึงไนอาซินอีกทั้งยังมีสรรพคุณทางยาในใบขี้เหล้กจะมีสารที่ออกฤทธิ์ต่อประสาททำให้การนอนหลับดี ช่วยบำรุงร่างกายและแก้อาการท้องผูกได้ 3.แครอท เป็นผักที่อุดมไปด้วยคุณประโยชนืมากมายเริ่มกันที่ลดการเป็นมะเร็ง ช่วยฟื้นฟูผู้ป่วยในระยะพักฟื้น รักษาโรคลำไส้อักเสบล้างสารพิษในตับได้บำรุงสายตาชะลอความแก่ของผิว ในแครอทมีสารเบต้าแคโรทีนสูงที่จะช่วยเพิ่มภูมิต้านทานให้กับร่างกาย ช่วยรักษาอาการไข้หวัด ไอและเจ็บคอแถมเป็นผักที่สีสันน่าทานมาก 4.กระเทียม เป็นอีกหนึ่งผักที่อุดมไปด้วยสารต้านอนุมูลอิสระ กระเทียมมีสรรพคุณช่วยลดความดันโลหิตสูงได้ ลดคอลเลสเตอรอลในเส้นเลือด หากกินแบบสดๆไม่ผ่านความร้อนและทานคู่กับอาหารอื่นๆจะได้รับสารอาหารจากกระเทียมได้ดีมากๆ 5.ผักปวยเล้ง…

โรคไมเกรน อาจเป็นโรคที่ไม่อันตรายถึงชีวิต และสามารถบรรเทาอาการได้ด้วยการกินยาแก้ปวด แต่ในบางคนก็อาจมีอาการรุนแรงที่ต้องรีบไปพบแพทย์ด่วนเช่นกัน เพราะอาจมีภาวะแทรกซ้อนจนเป็นอันตรายได้ ดังนั้นมาทำความเข้าใจกันดีกว่าว่า อาการปวดหัวไมเกรนแบบไหนที่ควรรีบไปพบแพทย์โดยด่วน โรคไมเกรน เกิดจากอะไร? โรคไมเกรนเป็นอาการปวดศีรษะแบบหนึ่ง ซึ่งยังไม่ทราบสาเหตุที่แน่ชัด โดยการปวดศีรษะนี้เป็นเพราะหลอดเลือดมีการหดตัวและขยายตัวผิดปกติ ซึ่งอาจจะเป็นผลมาจากการหลั่งสารเคมีในสมองไม่สมดุล โดยมักจะเกิดขึ้นกับผู้หญิงมากกว่าผู้ชาย ซึ่งมีปัจจัยเรื่องฮอร์โมนเข้ามาเกี่ยวข้องร่วมด้วย นอกจากนี้ก็มีปัจจัยกระตุ้นหลายอย่างที่อาจทำให้อาการปวดกำเริบขึ้นมาได้เหมือนกัน อาการปวดหัวไมเกรน โดยส่วนใหญ่แล้วอาการปวดหัวไมเกรนจะไม่เป็นอันตราย และสามารถบรรเทาให้หายได้ด้วยการทานยาแก้ปวด โดยอาการที่พบได้ทั่วไปคือ ปวดศีรษะข้างเดียว อาจจะปวดข้างซ้ายบ้างข้างขวาบ้าง หรือปวดข้างเดิมทุกครั้ง รู้สึกปวดตุบๆ ตามจังหวะของชีพจร บางครั้งรู้สึกได้ถึงเส้นเลือดเต้นบริเวณขมับ เบ้าตา โดยเฉพาะเวลาขยับตัว ก้มตัวหรือโน้มตัว จะรู้สึกปวดชัดเจนยิ่งขึ้น…

อย่าคิดว่าการสูบบุหรี่เพียงมวนสองมวนคงไม่เป็นอะไร เพราะสารนิโคตินในบุหรี่ส่งผลร้ายต่อร่างกายอย่างคาดไม่ถึง ซึ่งอาการปวดไมเกรนก็เป็นผลจากบุหรี่ด้วยเช่นกัน ทั้งนี้แม้ว่าจะไม่ได้สูบเอง แต่เพียงได้กลิ่นควันบุหรี่ ก็ทำให้อาการปวดหัวไมเกรนกำเริบขึ้นมาได้ ว่าแต่บุหรี่กระตุ้นให้เกิดอาการปวดไมเกรนได้อย่างไร ไปทำความเข้าใจกันเลย รู้ไหมบุหรี่กระตุ้นอาการปวดไมเกรนได้ อาการปวดหัวจากไมเกรนมีหลายสาเหตุสำคัญที่กระตุ้นให้การปวดแย่ลง ซึ่งหนึ่งในนั้นก็คือกลิ่นจากควันบุหรี่ ทั้งจากการสูบเองหรืออยู่ในห้องที่มีควันบุหรี่ก็กระตุ้นให้เกิดไมเกรนได้แล้ว นั่นก็เพราะสารนิโคตินและสารพิษต่างๆ ในบุหรี่ จะไปกระตุ้นระบบประสาทในสมอง ทำให้เส้นเลือดหดขยายตัวผิดปกติ และเกิดอาการปวดในที่สุด นอกจากนี้บุหรี่ยังเพิ่มอัตราความเสี่ยงให้เกิดโรคหลอดเลือดสมองตีบในผู้ป่วยไมเกรนมากขึ้นอีกด้วย เพราะฉะนั้นไม่ควรมองข้ามเด็ดขาด วิธีป้องกันอาการปวดไมเกรนจากบุหรี่ จะป้องกันอาการปวดไมเกรนจากบุหรี่ได้อย่างไร ไม่ใช่เรื่องยาก แค่งดสูบบุหรี่อย่างเด็ดขาด และพยายามอย่าอยู่ในที่ที่มีควันบุหรี่ ก็จะช่วยลดโอกาสการเกิดไมเกรนได้ในระดับหนึ่งแล้ว อย่างไรก็ตามอาการไมเกรนอาจกำเริบขึ้นมาได้จากหลายสาเหตุด้วยกัน เพราะฉะนั้นต้องสังเกตตัวเองให้ดีว่ามีอะไรเป็นสิ่งกระตุ้นบ้าง จะได้ดูแลตัวเองอย่างถูกวิธีมากขึ้น อันตรายจากบุหรี่ที่หลายคนอาจคาดไม่ถึง นอกจากบุหรี่จะทำให้อาการไมเกรนกำเริบขึ้นมาได้แล้ว…

อาการปวดหัวไมเกรนที่ทำให้หลายคนต้องทนทุกข์กับอาการที่เป็นๆ หายๆ และต้องคอยทานยาอยู่บ่อยๆ ซึ่งทำอย่างไรก็ไม่ดีขึ้นสักที ลองเปลี่ยนจากการพึ่งยาแก้ปวดเป็นการออกกำลังกายด้วยวิธีการเล่นโยคะกันดูไหม เพราะจะช่วยบรรเทาอาการปวดได้อย่างดีเยี่ยม โดยเราก็มีท่าโยคะลดปวดไมเกรนมาแนะนำกันดังนี้ 1.ท่ายืนก้มตัว หรือก้มจับเท้า ท่านี้เป็นการยืดเหยียดกล้ามเนื้อบริเวณหัวไหล่ จะช่วยให้เลือดไหลเวียนได้ดีขึ้น ระบบประสาทได้รับการกระตุ้น จึงทำให้รู้สึกผ่อนคลายและลดอาการปวดไมเกรนได้ดี โดยวิธีทำให้ยืนตรง เท้าชิด แขนวางแนบลำตัว เมื่อหายใจเข้าวาดมือขึ้น และหายใจออกวาดมือลงไปที่ปลายเท้าหรือแตะที่พื้น ทำค้างไว้ 10 วินาที หลังจากนั้น หายใจเข้ายกแขนและลำตัวขึ้น กลับสู่ท่ายืนตรง และหายใจออกวางแขนลง 2.ท่าสุนัขก้มหน้า ท่านี้ไม่เพียงแต่จะช่วยยืดแขนและขาเท่านั้น แต่ยังทำให้เลือดไปเลี้ยงสมองได้อย่างเพียงพอ จึงช่วยลดการปวดไมเกรน บรรเทาอาการปวดหลัง…

สำหรับผู้ที่มีปัญหาปวดไมเกรนต้องพึ่งพายาแก้ปวดเป็นประจำ เรามีตัวช่วยดีๆ มาบอก นั่นคือการดื่มชาคาโมมายล์ ซึ่งจะช่วยบรรเทาอาการปวดได้ดีมากทีเดียว ว่าแต่ชาดอกคาโมมายล์ช่วยลดอาการปวดหัวไมเกรนได้อย่างไร และมีประโยชน์มากแค่ไหน ตามไปดูกันเลย ชาดอกคาโมมายล์ แก้ปวดไมเกรนได้จริงหรือ? ชาดอกคาโมมายล์มีสารในกลุ่มฟลาโวนอยด์สูงมาก ซึ่งจะช่วยต้านการอักเสบและสร้างความผ่อนคลาย ลดความวิตกกังวลได้เป็นอย่างดี ในผู้ที่ป่วยเป็นโรคไมเกรน เมื่อดื่มชาดอกคาโมมายล์เป็นประจำ จึงสามารถบรรเทาอาการปวดได้อย่างดีเยี่ยม และยังช่วยลดความถี่ในการเกิดไมเกรนได้อีกด้วย ดังนั้นชาดอกคาโมมายล์ จึงเป็นอีกตัวช่วยหนึ่งสำหรับคนเป็นไมเกรน ที่จะมองข้ามไม่ได้เลยทีเดียว ประโยชน์จากชาดอกคาโมมายล์ นอกจากชาดอกคาโมมายล์ จะช่วยบรรเทาอาการปวดหัวไมเกรนได้แล้ว ยังมีประโยชน์อีกมากมายอย่างคาดไม่ถึงเลยทีเดียว มาดูกันสิว่ามีประโยชน์อย่างไรบ้าง 1.ช่วยให้ระบบทางเดินอาหารทำงานได้อย่างปกติ ป้องกันการเกิดแผลในกระเพาะอาหาร และลดอาการท้องอืด แน่นท้อง จุกแน่นได้…

เนื่องจากทางการแพทย์ยังไม่สามารถระบุสาเหตุของอาการไมเกรนที่แน่ชัดได้ ผู้ที่มีอาการไมเกรนจึงต้องคอยสังเกตสิ่งกระตุ้นที่เป็นสาเหตุทำให้เกิดอาการ เพื่อจะได้หลีกเลี่ยงสิ่งกระตุ้นเหล่านั้นได้นั่นเอง นอกจากนี้การทานวิตามินเสริมก็เป็นอีกวิธีหนึ่ง ที่จะช่วยลดความถี่การเกิดไมเกรนได้ ซึ่งมีวิตามินอะไรบ้าง ตามไปดูกันเลย 1.แมกนีเซียม แมกนีเซียมมีคุณสมบัติช่วยควบคุมความดันโลหิต และรักษาระดับน้ำตาลในเลือด ช่วยให้กล้ามเนื้อและระบบประสาททำงานได้เป็นปกติ สำหรับคนที่มีอาการไมเกรนจะพบว่ามีระดับแมกนีเซียมต่ำกว่าคนทั่วไป ดังนั้นการเสริมแมกนีเซียมจึงมีส่วนช่วยบรรเทาอาการได้ โดยควรรับประทานวันละ 400 มิลลิกรัม อย่างต่อเนื่อง และคอยสังเกตอาการของตนเองว่าดีขึ้นหรือไม่ 2.วิตามินบี 2 (riboflavin) Riboflavin มีบทบาทสำคัญต่อระบบเมตาบอลิซึมของร่างกาย มีงานวิจัยพบว่าผู้เป็นอาการไมเกรนมีความบกพร่องบางอย่างต่อระบบเมตาบอลิซึม จึงอาจเป็นสาเหตุทำให้เกิดอาการปวดศีรษะข้างเดียว ดังนั้นเพื่อป้องกันอาการไมเกรน จึงควรรับประทาน Riboflavin วันละ 400…

เมื่อมีการอาการปวดหัวไมเกรน หลายคนมักเลือกใช้วิธีรับประทานยา เพราะช่วยบรรเทาอาการให้หายได้อย่างรวดเร็ว แถมหาซื้อได้ง่ายและสะดวก ซึ่งในช่วงแรกยาที่รับประทานอาจจะได้ผลดี แต่เมื่อใช้ต่อเนื่องเป็นระยะเวลายาวนาน ย่อมส่งผลเสียต่อร่างกายอย่างแน่นอน ดังนั้นทุกครั้งก่อนรับประทานยาไมเกรน ควรทำความเข้าใจอย่างถ่องแท้เสียก่อนเพื่อป้องกันอันตรายที่อาจจะเกิดขึ้นได้ ผลเสียจากการทานยาไมเกรนแบบผิดๆ อาการปวดหัวไมเกรน เป็นความผิดปกติของการหดและขยายตัวของหลอดเลือด จึงทำให้รู้สึกปวดตุบๆ บริเวณขมับ อาจจะปวดข้างเดียวหรือสองข้างเป็นเวลานาน บางครั้งอาจมองเห็นแสงวูบวาบ หรือถ้ารุนแรงมากก็จะอาเจียน สำหรับยาที่ใช้รักษาอาการไมเกรนจะเป็นยา ergotamine ซึ่งมีฤทธิ์ทำให้หลอดเลือดหดตัวจึงช่วยบรรเทาอาการปวดไมเกรนได้  ทั้งนี้หากผู้ป่วยรับประทานยาต่อเนื่องเป็นเวลานาน หรือกินยามากเกินขนาดย่อมส่งผลเสียต่อร่างกาย เนื่องจากคุณสมบัติของยารักษาไมเกรนที่ทำให้หลอดเลือดหดตัว ถ้าหากมีปริมาณยาในกระแสเลือดมากเกินไป จะทำให้เลือดไหลเวียนไปเลี้ยงปลายมือปลายเท้าไม่เพียงพอ อาจทำให้เกิดเนื้อตายบริเวณดังกล่าว จนถึงขั้นต้องตัดแขนตัดขากันเลยทีเดียว หรืออาจทำให้เป็นอัมพฤกษ์อัมพาตได้ นอกจากนี้ผู้ป่วยบางรายที่ต้องกินยาประเภทอื่นที่มีผลต่อการหดตัวของหลอดเลือดร่วมด้วย ก็ยิ่งจะส่งผลให้มีปริมาณยาในร่างกายสูงเกินขนาดมากขึ้นไปอีก…

ชาวออฟฟิศทั้งหลายที่มีงานเข้าทั้งวัน ไม่ว่าจะพิมพ์รายงาน แชทกับลูกค้า ทำให้ต้องนั่งจ้องหน้าจอคอมติดต่อกันหลายชั่วโมงก็มักจะก่อให้เกิดอาการปวดหัวไมเกรนตามมาได้ ซึ่งจะหลีกเลี่ยงก็เป็นไปได้ยากมากทีเดียว แล้วแบบนี้จะทำอย่างไรดีถึงจะป้องกันไม่ให้เกิดอาการปวดหัวบ่อยๆ เรามีคำแนะนำมาฝากกันด้วย 1.พักสายตาจากหน้าจอบ้าง หากต้องจ้องหน้าจอคอมตลอดทั้งวัน ควรพักสายตาบ้าง โดยแนะนำให้พักสายตาทุกชั่วโมง ด้วยการมองออกไปในระยะไกลๆ สัก 20 วินาที หรือมองต้นไม้ใบหญ้าที่เขียวขจีเพื่อคลายความเหนื่อยล้าของดวงตา ก็จะช่วยป้องกันอาการปวดหัวไมเกรนได้ 2.ปรับความสว่างภายในห้องให้เหมาะสม การใช้คอมพิวเตอร์ในห้องที่มีแสงสว่างไม่เพียงพอ แสงจากคอมพิวเตอร์จะสว่างจ้ามากเกินไป ทำให้แสบตา เคืองตา และกระตุ้นให้เกิดอาการปวดเบ้าตา ปวดหัวได้ในที่สุด เพราะฉะนั้นควรปรับความสว่างภายในห้องให้มีความเหมาะสมด้วย รวมถึงแสงจากหน้าจอคอมก็จะต้องไม่สว่างจ้าจนเกินไป 3.จัดวางตำแหน่งคอมพิวเตอร์ให้พอดี ลักษณะท่าทางที่ไม่เหมาะสมก่อให้เกิดอาการเมื่อยล้าบริเวณคอบ่าไหล่ และกระตุ้นให้เกิดไมเกรน ดังนั้นจะต้องจัดวางตำแหน่งคอมพิวเตอร์ให้เหมาะสม…

ตอนเช้า เป็นช่วงเวลาหนึ่งที่เหมาะกับการออกกำลังกาย เพราะจะช่วยกระตุ้นการเผาผลาญได้ดี และยังทำให้เกิดความตื่นตัว พร้อมสำหรับการทำงานและทำกิจวัตรประจำวันอย่างเต็มที่อีกด้วย ซึ่งเราก็มี 5 เคล็ดลับดีๆ ในการปลุกตัวเองมาออกกำลังกายตอนเช้าให้ติดเป็นนิสัยมาแนะนำกันดังนี้ 1.ตั้งนาฬิกาปลุกไว้ไกลเตียง เพราะการตั้งนาฬิกาปลุกไว้ใกล้เตียง เป็นสาเหตุหนึ่งที่ทำให้ตื่นเช้ามาออกกำลังกายไม่สำเร็จสักที เพราะส่วนใหญ่มักจะกดปิดและนอนต่อ ดังนั้นมาตั้งนาฬิกาปลุกไว้ไกลเตียงกันดีกว่า เมื่อได้ยินเสียงนาฬิกาปลุกในตอนเช้าจะได้ลุกขึ้นจากเตียงในทันที โดยไม่เผลอหลับต่อนั่นเอง 2.เลือกออกกำลังกายที่ชอบ การเลือกออกกำลังกายในแบบที่ชอบ จะทำให้เรามีแรงจูงใจที่จะรีบตื่นเช้าขึ้นมาออกกำลังกายมากขึ้น และยังรู้สึกสนุกไปกับการออกกำลังกาย โดยไม่เบื่อหน่ายได้ง่ายอีกด้วย เพราะฉะนั้นมาวางแผนกันไว้ก่อนเลยว่าจะออกกำลังกายแบบไหนดี จะได้รู้สึกตื่นตัวและอยากรีบตื่นมาออกกำลังกายตลอดเวลา 3.ชวนเพื่อนมาออกกำลังกายด้วยกัน การออกกำลังกายคนเดียวอาจดูน่าเบื่อ และทำให้คุณรู้สึกไม่ค่อยอยากลุกจากที่นอนมาออกกำลังกายเอาซะเลย เพราะฉะนั้นลองชวนเพื่อนมาออกกำลังกายด้วยกันดีกว่า ซึ่งจะทำให้คุณรู้สึกสนุกและอยากออกกำลังกายมากขึ้น ทีนี้คุณก็จะตื่นแต่เช้าได้แบบไม่งัวเงีย และอาจไม่ต้องใช้นาฬิกาปลุกเลยทีเดียว…

สาเหตุหนึ่งที่ทำให้อาการปวดหัวไมเกรนกำเริบ นั่นก็คืออาหารที่ทานเข้าไปนั่นเอง โดยเฉพาะคนที่ติดหวานด้วยแล้ว ก็จะยิ่งทำให้อาการปวดกำเริบหนักขึ้นไปอีก ซึ่งวันนี้เราก็มีเคล็ดลับดีๆ ในการแก้อาการปวดหัวไมเกรนที่มีสาเหตุมาจากการติดหวานมาแนะนำเช่นกัน ไปดูกันเลยว่ามีวิธีใดบ้าง อาการปวดไมเกรนจากการติดกินหวานเป็นอย่างไร? เนื่องจากการบริโภคอาหารที่มีรสชาติหวานมากเกินไป ไม่เพียงแต่จะทำให้เกิดโรคเบาหวานตามมาในภายหลัง ยังทำให้ต้องเสี่ยงกับโรคไมเกรนอีกด้วย ซึ่งอาการเริ่มแรกนั้นจะมีภาวะน้ำตาลในเลือดต่ำ หรือเป็นโรคไฮโปไกลซีเมีย โดยเกิดจากตับอ่อนขับอินซูลินออกมามากเกินไป ทำให้ระดับน้ำตาลในเลือดลดลงอย่างรวดเร็ว ส่งผลให้เกิดอาการผิดปกติต่างๆ เช่น ปวดหัว อ่อนเพลีย เบื่ออาหาร วิตกกังวล และในที่สุดก็ตามมาด้วยโรคไมเกรน ซึ่งอาการปวดไมเกรนนั้นจะแตกต่างจากอาการปวดหัวทั่วไปคือ นอกจากอาการปวดหัวตุ้บๆ บริเวณขมับทั้งสองข้างแล้ว มักจะมีอาการอื่นๆ ร่วมด้วย เช่น คลื่นไส้ อาเจียน หน้าซีด…

This is how the list is displayed within the Content area just by adding the WP Show Post Shortcode. Here follows the basic styling changes that have been made.

Content Wrap (WPSP Only)

Using a custom Hook Element the Post article content is now wrapped within a DIV container. This container carries a class of wpsp-content-wrap for styling. This wrap is present on all WP Show Posts that are output inside Dispatch.

Featured Image

The featured image has a fixed height to match the layout. This is achieved using this CSS:


.generate-columns-container article .inside-article img,  .wp-show-posts-image img {
    height: 180px;
    width: 100%;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}

You can edit the height property to suit, or remove the CSS it entirely if you want to use your own sizes.

Meta above title

This is achieved using a flex box on the Entry Header. Again this applied to the GP Blog:


.generate-columns-container article .entry-header, .wp-show-posts-entry-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

Entry Title forced to 2 lines

The entry title always displays a minimum and maximum of 2 lines. This mantains the across row alignment. Again this is applied to GP Blog. The ex unit is used to define the number of lines visible. The lines are set by defining the line-height and setting the height to as many mutiples as you require lines. e.g up the height to 7.5ex will create three lines.


.generate-columns-container article .entry-header .entry-title, .wp-show-posts article .wp-show-posts-entry-title {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
    text-overflow: ellipsis;
}

 

List: Align

Designed for a single column list this displays the content the image to the left and content to the right. This is subtly different to just resizing the image in the WP Show Posts list settings and aligning it left. Thanks to the Content Wrap we added (above) the content will never wrap around the image. On mobile it just stacks.

To add one of these your posts requires a little markup. And is done like so:

<div class="wpsp-align">shortcode_goes_here</div>

รวมคุณประโยชน์จากผัก5ชนิด

รวมคุณประโยชน์จากผัก5ชนิด การมีสุขภาพที่ดีมาจากการเลือกทานอาหารที่มีประโยชน์และได้สารอาหารครบทุกหมู่ทั้งโปรตีน คาร์โบไฮเดรต วิตามิน ไขมันรวมถึงแร่ธาตุและไฟเบอร์อย่างผักเป็นอาหารที่ล้วนแต่มีประโยชน์ หลายคนอาจจะไม่ชอบทานผักเพราะด้วยรสชาติที่ไม่อร่อยเหมือนอาหารอื่นๆแต่บอกได้เลยผักคือยารักษาโรคที่ดีมากนอกจากจะทำให้ร่างกายแข็งแรงยังสามารถป้องกันโรคต่างๆได้ดีอีกด้วยจะมีผักชนิดใดบ้างที่ดีต่อสุขภาพของเรามาตามดูกันเลย 1.หน่อไม้ฝรั่ง…

รีบเช็คก่อนสาย! ปวดไมเกรนแบบไหน ควรรีบไปพบแพทย์ด่วน

โรคไมเกรน อาจเป็นโรคที่ไม่อันตรายถึงชีวิต และสามารถบรรเทาอาการได้ด้วยการกินยาแก้ปวด แต่ในบางคนก็อาจมีอาการรุนแรงที่ต้องรีบไปพบแพทย์ด่วนเช่นกัน เพราะอาจมีภาวะแทรกซ้อนจนเป็นอันตรายได้ ดังนั้นมาทำความเข้าใจกันดีกว่าว่า อาการปวดหัวไมเกรนแบบไหนที่ควรรีบไปพบแพทย์โดยด่วน…

 

Lists: Sidebar

In the right had sidebar you can see the Sidebar list. This List is set to 1 column and only displays the Featured Image, Title and Category. This is designed for Widgets, a narrow column or as part of a grid (like in our next List).

To add this style the Widget requires a CSS Class of:

wpsp-card

Dispatch comes with Widget Classes Plugin installed. This provides this function.

 

List: Header

The Header list as seen on the Front Page requires a list containing only 5 posts. And can accomodate most of the content elements. Which are only displayed on the large leader post.

To add this style the Header Element requires the following element classes:

wpsp-grid wpsp-card

List: Simple

This is output using the wpsp-card inserted into a containing DIV like so:

<div class="wpsp-card">shortcode goes here</dib>

 

List: Simple Sidebar

Nothing fancy here,  just a list being output using the a Widget in the sidebar.

 

 

Previous

โรคภูมิแพ้ สาเหตุ อาการและการดูแลตัวเอง

สาเหตุของอาการแพ้นม

Next