GeneratePress – ธีม WordPress ที่ดีที่สุด

เขียนโดย

เบื่อกับการโฮสต์ช้า? คลิกที่นี่เพื่อเรียนรู้วิธีใช้ Digital Ocean รับ 100 ดอลลาร์เพื่อใช้ใน Cloud Hosting ของคุณ! เรียนรู้วิธีกำหนดค่าโดยไม่ต้องเข้าถึงเทอร์มินัลและรหัส!

ปัญหาที่ใหญ่ที่สุดอย่างหนึ่งในการสร้างเว็บไซต์บน WordPress คือการเลือกธีมที่ดีที่สุด หลังจาก 5 ปีของการเปลี่ยนธีมอย่างต่อเนื่อง ฉันพบธีม WordPress ที่ดีที่สุดที่เรียกว่า GeneratePress และฉันต้องการพูดคุยเกี่ยวกับเรื่องนี้ในบทความนี้

ในระหว่างการเดินทางอันยาวนานของฉันในการทำให้ไซต์ของฉันดูดี ฉันพยายามค้นหาธีมฟรีที่ใช้งานง่ายและอนุญาตให้ปรับแต่งได้มากมาย น่าเสียดายที่ธีมฟรีส่วนใหญ่มีเวอร์ชันที่ต้องชำระเงินที่ดีกว่า

อู๋ GeneratePress นอกจากนี้ ยังมีเวอร์ชันฟรีที่สามารถดาวน์โหลดได้โดยตรงจากแดชบอร์ด wordpress ของคุณ แต่ในบทความนี้ ฉันต้องการเน้นที่เวอร์ชันพรีเมียมของธีมนี้อย่างเต็มที่ ซึ่งคุ้มค่ากับการลงทุนของคุณโดยสิ้นเชิง

นอกจากธีมฟรีแล้ว ฉันยังใช้เงินมากกว่า 5,001 ดอลลาร์ต่อหุ้น 3 แสนดอลลาร์เพื่อซื้อธีม ใช้งานไประยะหนึ่งแล้วไม่พอใจกับผลลัพธ์และการตั้งค่า ชุดรูปแบบเดียวที่ตอบสนองทุกความต้องการของฉันโดยไม่มีปัญหาใด ๆ คือ GeneratePress.

Generatepress - o melhor tema de wordpress

เหตุใด GeneratePress จึงเป็นธีมเวิร์ดเพรสที่จ่ายดีที่สุด

ธีม WordPress ที่ดีที่สุดที่พบในตลาด evanto มักมีราคาประมาณ 60 เหรียญ ฉันได้ซื้อผลิตภัณฑ์ที่ดีที่สุดและติดอันดับยอดนิยมอย่าง Bimber, Rehub และ Socialize แล้ว แต่พวกเขาทั้งหมดสร้างปัญหาให้ฉันโกรธ

การสนับสนุนธีมมีขนาดใหญ่ ฐานไซต์ที่ใช้งานเกิน 100,000 ดังนั้นฟอรัมจึงมีกิจกรรมอย่างต่อเนื่อง เต็มไปด้วยคำถามและคำตอบเพื่อแก้ปัญหาของคุณและปรับแต่งไซต์ตามที่คุณต้องการ

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

มีธีมอื่นๆ ที่คล้ายกันซึ่งมีข้อเสนอเหมือนกับ Astra หากคุณต้องการดูการเปรียบเทียบ เรามีบทความนี้เป็นภาษาอังกฤษที่พูดถึง Astra Pro x GeneratePress.

Generatepress - o melhor tema de wordpress - header generatepress

ณ วันที่บทความนี้ GeneratePress มีค่าใช้จ่าย $49,95$ จากโปรโมชัน ข้อได้เปรียบหลักคือใบอนุญาตอนุญาตให้ใช้กับหลาย ๆ ไซต์แทนที่จะเป็นเพียงไซต์เดียว คุณสามารถซื้อและใช้ธีมที่ยอดเยี่ยมนี้ได้ในทุกเว็บไซต์ของคุณ หรือแม้แต่แชร์กับเพื่อนๆ

ธีมพรีเมี่ยม GeneratePress ทำงานผ่านปลั๊กอินที่คุณมีความสามารถเต็มที่ในการปิดใช้งานและเปิดใช้งานโมดูลต่างๆ ที่คุณจะไม่ใช้ ซึ่งทำให้ธีมนี้ดูจางลง ด้านล่างเราจะเห็นโมดูล wordpress ทั้งหมด ข้อดีและฟังก์ชันการทำงาน

GeneratePress เป็นธีม WordPress ฟรีที่สร้างโดย ทอม อัสบอร์น ซึ่งเน้นที่ความเร็วและการใช้งาน ปลั๊กอินที่เรียกว่า GP-Premium ช่วยให้ปรับแต่งธีมได้อย่างเต็มที่เพื่อเปิดประตูสู่ความเป็นไปได้มากมายสำหรับเว็บไซต์ทุกประเภท 

ข้อดีและคุณสมบัติของ GeneratePress

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

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

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

องค์ประกอบ และ WooCommerce – ข้อดีอีกประการของ GeneratePress คือการรองรับปลั๊กอิน Elements และ WooCommerco ทำให้ใช้งานได้หลายอย่าง สร้างสื่อเข้ากันได้กับ 99% ของปลั๊กอิน และส่วนใหญ่พร้อมที่จะส่งมอบการผสมผสานของเค้าโครงกับปลั๊กอินอื่น ๆ

แถบนำทาง – นอกจากแถบนำทางแบบดั้งเดิมแล้ว คุณยังสามารถวางแถบรองและแถบอื่นในรูปแบบสไลด์เอาท์ คุณสามารถเลือกตั้งค่าเมนู นอกเหนือจากสี ขนาด ประเภทแบบอักษร ตำแหน่ง โลโก้ และอื่นๆ

ตะขอ – ฟังก์ชันนี้ช่วยให้คุณเพิ่มรหัสในบางตำแหน่งของเพจส่วนกลาง เช่น ส่วนหัวและส่วนท้าย สมบูรณ์แบบสำหรับการเพิ่ม Google Analytics, Adsense, รหัส ADX และแท็กอื่นๆ ที่คุณมักจะใช้บนเว็บไซต์ของคุณ

แถบด้านข้างและส่วนท้าย – GeneratePress ให้คุณกำหนดค่าขนาดของแถบด้านข้างที่เป็นวิดเจ็ต เปิดใช้งานและปิดใช้งานแถบด้านข้าง และปรับแต่งส่วนท้ายทั้งหมดได้

Gutenberg – ธีม Generate Press มีความเข้ากันได้กับ Gutenberg Editor เต็มรูปแบบ และแสดงสิ่งต่างๆ ตามลักษณะที่ปรากฏบนหน้าเว็บ มีการเพิ่มฟังก์ชันมากมายในการอัปเดต GeneratePress แต่ละครั้ง

นี่เป็นเพียงคุณลักษณะบางอย่างของธีม WordPress ที่ดีที่สุดที่ฉันเคยเจอมา คุณสามารถทำทุกอย่างด้วยธีมนี้ด้วยธีมนี้ ปรับแต่งตามที่คุณต้องการ โดยไม่มีข้อจำกัด หรือมีประสบการณ์การเขียนโค้ดขนาดใหญ่

ปัจจุบัน GeneraPress ได้รับคำวิจารณ์ wordpress ระดับ 5 ดาวมากกว่า 700 รายการ  

คลิกที่นี่และเยี่ยมชมเว็บไซต์ GeneratePress เพื่อเรียนรู้เพิ่มเติมและซื้อธีม

การปรับแต่งของฉัน – ฉันจะใช้ Generate Press ได้อย่างไร

แม้จะมีความเป็นไปได้มากมาย แต่เป้าหมายของฉันคือการทำให้หัวข้อสะอาดและตรงไปตรงมา เหมาะสำหรับการอ่าน ดังนั้นฉันจึงเอาแถบด้านข้างทั้งหมดออกและเน้นเฉพาะส่วนหัวและส่วนท้ายเพื่อดึงดูดความสนใจของผู้อ่านสำหรับหัวข้อนอกเหนือจากข้อความในบทความ

ในส่วนหัวฉันใช้ ส่วนหัวของหน้า เพื่อวางภาพพื้นหลัง ชื่อบทความ หมวดหมู่ และกล่องอีเมลสำหรับผู้เยี่ยมชม ฉันสามารถเปลี่ยนได้ทุกเมื่อที่ต้องการ และเพิ่มและลบลิงก์หรือปุ่มอื่นๆ ในส่วนหัวของบทความทุกบทความ

ในการสร้าง PageHeader นี้ ฉันใช้รหัสต่อไปนี้:

<h1> <span class="titulo-artigo">{{post_title}}</span></h1>
<span class="titulo-artigo2">{{post_terms.category}}</span>
<span class="titulo-artigo3">ESCRITO POR <strong>{{post_author}}</strong> // [autor-imagem]</span>
 <span class="titulo-artigo4"><a href="https://skdesu.com/pjosb" >MATRÍCULAS ABERTAS - PJO - CLIQUE AQUI</a></span>
<style> .container.grid-container {margin-top: -50px;} .titulo-artigo { margin: 0;
    padding: 0; background-color: #c90202; padding:5px; text-transform: uppercase;}  .titulo-artigo2 { background-color: #9e0101; padding:5px; text-transform: uppercase; font-size: 18px;}  .titulo-artigo3 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;}  .titulo-artigo4 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} @media(max-width: 768px) {.page-header-content-container {max-height:200px; padding-top: 100px;} }      .semana-japonesa { background-color: #000000; padding:5px; text-transform: uppercase; font-size: 22px; border: 2px; border-color: #bf0000; border-style: solid;} </style>

FORMULARIO DE E-MAIL AQUI

ในบล็อกและเอกสารสำคัญ ฉันใช้ตัวเลือกที่อนุญาตให้แสดงตารางบทความ 3 คอลัมน์พร้อมภาพขนาดย่อขนาด 375×175 ชื่อของบทความและหมวดหมู่ของบทความ

Generatepress - o melhor tema de wordpress

ด้านล่างนี้ ฉันจะแบ่งปันรหัสบางส่วนที่ฉันใช้เพื่อปรับแต่ง Generate Press ตามที่ฉันต้องการ บางทีนี่อาจช่วยคุณแก้ปัญหาบางอย่างได้เช่นกัน

ฉันจัดรูปภาพให้อยู่กึ่งกลางโดยใช้รหัสต่อไปนี้ในคอนเทนเนอร์ 1200px:

.wp-block-image img {
     width: 100%;
 }
.myphoto {
         padding-bottom:20px!important;
     }

สิ่งนี้ทำให้รูปภาพที่อยู่กึ่งกลางทั้งหมดที่ฉันใส่ในบทความดูสวยงามและไม่ยุ่งยาก ฉันยังใส่ div ทุกภาพ ของบทความโดยใช้โค้ดต่อไปนี้ใน functions.php:

function breezer_addDivToImage( $content ) {

   // A regular expression of what to look for.
   $pattern = '/(<img([^>]*)>)/i';
   // What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above
   $replacement = '<div class="myphoto">$1</div>';

   // run preg_replace() on the $content
   $content = preg_replace( $pattern, $replacement, $content );

   // return the processed content
   return $content;
}

add_filter( 'the_content', 'breezer_addDivToImage' );

ฉันยังต้องใช้ตัวกรองต่อไปนี้ใน ฟังก์ชั่น.php สำหรับรูปภาพรายการบทความ GeneratePress (บล็อกและเอกสารสำคัญ) เพื่อโฮสต์ ภาพขนาดย่อในโฟตอนของ Jetpack:

add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );

ฉันยังใช้รหัสต่อไปนี้เพื่อ ยกเว้นการแสดงบทความจากบางหมวดหมู่ จากหน้าแรกของ WordPress ใช้ได้กับทุกธีม:

function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');

675 คือ ID ของหมวดหมู่ที่คุณต้องการลบ คุณสามารถค้นหาได้ในลิงค์ในหน้าแก้ไขหมวดหมู่ใน wp-admin

ในที่สุดฉันก็ใช้รหัสใน functions.php ที่อนุญาตให้ การเพิ่มแท็กให้กับวิดีโอ และแก้ไขปัญหา css ที่เกี่ยวข้องกับ ตำแหน่งวิดีโอ:

function alx_embed_html( $html ) {
    return '<div class="video-container">' . $html . '</div>';
}
 
add_filter( 'embed_oembed_html', 'alx_embed_html', 10, 3 );
add_filter( 'video_embed_html', 'alx_embed_html' );

สีที่ต่างกันสำหรับหมวดหมู่ wordpress – ฉันยังปรับแต่งสำหรับแต่ละหมวดหมู่ไซต์เพื่อแสดงสีต่างๆ ในเมนู H2 และหัวข้อย่อย ฉันจะออกจากแผ่นงาน CSS ด้านล่างเพื่อให้คุณทำการเปลี่ยนแปลงหากคุณต้องการทำเช่นเดียวกันบนไซต์ของคุณ:

body.nome-da-categoria .secondary-navigation {background-color: #690077;}
body.nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria ::-webkit-scrollbar-thumb {background: #8900bf;}
body.category-nome-da-categoria .secondary-navigation {background-color: #690077;}
body.category-nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria .inside-article a {color:#8900bf;}

ไม่มีปัญหากับธีม GeneratePress รหัสเหล่านี้ที่ฉันนำเสนอเป็นทางเลือกและอาจมีประโยชน์หากคุณตัดสินใจซื้อธีมเวิร์ดเพรสที่ดีที่สุดบนพื้นโลก

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

คลิกที่นี่และเยี่ยมชมเว็บไซต์ GeneratePress เพื่อเรียนรู้เพิ่มเติมและซื้อธีม

https://kevinbk.com/web-stories/generatepress-o-melhor-tema-wordpress/

8 คิดเกี่ยวกับ “GeneratePress – O melhor Tema de WordPress”

  1. สวัสดี kevin ให้ทิปหน่อย ฉันถามคุณเพราะฉันหามันไม่เจอ คุณใส่ภาพที่ไฮไลต์ไว้ที่ด้านล่างของโพสต์ได้อย่างไร

    ตอบกลับ
    • คุณต้องสร้างส่วนหัวโดยใช้ Elements (จาก Plugin in Appearance > Elements เพื่อไม่ให้สับสนกับปลั๊กอิน Bluid Page ที่มีชื่อเสียง) มันค่อนข้างซับซ้อน แต่ถ้าคุณแหย่ไปรอบๆ คุณจะพบมัน ฉันต้องสร้าง CSS และใช้ hooks เช่น {{post_title}} และ {{post_author}} และ {{post_terms.category}} เพื่อแสดงชื่อบทความเหนือรูปภาพส่วนหัว

      ตอบกลับ
    • เฮ้มันจะเป็นอย่างไร? ยังไม่มี แต่ฉันกำลังพัฒนา ซึ่งจะสามารถใช้ได้บน siterentavel.com แต่มันยังอยู่ระหว่างการก่อสร้าง ราคาเหล่านั้นก็สมมติขึ้นเช่นกัน

      ตอบกลับ

ทิ้งคำตอบไว้