<div id="sidebar" role="complementary"> <ul><li id="text-4" class="widget widget_text"> <div class="textwidget"><script type="text/javascript"><!-- .. .. adsense here .. .. </script></div> </li></ul> </div>
<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 4, interval: 6000, width: 600, height: 300, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#000000', color: '#ffffff', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('thaiabc').start(); </script>
# เลือก wordpress theme สำหรับเป็นเวทีเล่าเรื่อง เพื่อแบ่งปัน - อ่านเรื่อง WordPress Themes Clean 2020 – สะอาด เบา เร็ว - 10 WordPress Themes Clean 2020 สุดยอดธีมเวิร์ดเพรสสะอาดและดีที่สุด แถมฟรี!! - จาก https://www.techthaitoday.com/seo/wordpress-themes-clean-2020/ - พบ 10 Themes น่าสนใจ 1. Uncode Lite - https://accesspressthemes.com/wordpress-themes/uncode/ 2. Nataraj Dance Studio - https://wordpress.org/themes/nataraj-dance-studio/ 3. Intuitive - https://wordpress.org/themes/intuitive/ 4. Bekko - https://wordpress.org/themes/bekko/ 5. Educational Zone - https://wordpress.org/themes/education-zone/ 6. Astra - https://wpastra.com/ 7. Hello Elementor - https://wordpress.org/themes/hello-elementor/ 8. Hestia - https://themeisle.com/demo/?theme=hestia 9. GeneratePress - https://wordpress.org/themes/generatepress/ 10. Zakra - https://wordpress.org/themes/zakra/ 11. OceanWP - https://oceanwp.org/ 12. apostrophe-2 - https://wordpress.com/theme/apostrophe-2 --- # แหล่งซื้อขาย Theme ของ Wordpress - https://themeforest.net มีมากกว่า 486821 Theme เมื่อ 11 ก.ค.2563 - Theme : Sahifa $59 - https://themeforest.net/item/sahifa-responsive-wordpress-news-magazine-newspaper-theme/2819356 - พบการใช้งานที่ สำนักพัฒนาระบบบริหารงานบุคคลและนิติการ - http://personnel.obec.go.th/home/ - http://personnel.obec.go.th/home/wp-admin - Theme : vienna - $49 - https://themeforest.net/category/wordpress?term=vienna - โรงเรียนพูลเจริญวิทยาคม - http://www.pwschool.ac.th/main/ --- # Theme : Dsite - 1,250 บาท - https://demo.dsite.in.th/school/ - view-source:https://demo.dsite.in.th/school/ - Theme : h4 - $11 โรงเรียนเกล็ดแก้ว - https://kledkaewschool.wordpress.com/ - https://themeforest.net/item/h4-modern-html-template/20375787 - Theme : h4 + koi - mathbws สาระการเรียนรู้คณิตศาสตร์ บุญวาทย์วิทยาลัย - https://mathbws.wordpress.com/ - ดูด้วย view-source:http://blog.nation.ac.th --- # กลุ่มคุณครู ใช้ theme ที่น่าจะนำเข้า wordpress.com - Theme : Mystique - Free - krupramot - ชุมชนคนเรียนรู้ - https://krupramot.wordpress.com/ - https://digitalnature.eu/themes/mystique/ - https://krupramot.wordpress.com/classroom/krutha/ (กลุ่มครูใช้ Mystique) - Theme : Apostrophe 2 - โรงเรียนวัดราษฎร์โพธิ์ทอง - https://watratphothongspschool.wordpress.com/ - https://wordpress.com/theme/apostrophe-2 - https://wordpress.com/support/themes/uploading-setting-up-custom-themes/ --- # Theme ที่ผมใช้ 1. twentysixteen ใน http://www.thaiall.com/blog 2. twentysixteen ใน http://www.thaiall.com/blogacla 3. astra ใน http://www.thainame.net/edu 4. sorbet ใน http://www.lampang.net/ หรือ http://www.thaiabc.com/lampangnet 5. twentyten ใน http://blog.nation.ac.th - วันที่ 11 กรกฎาคม 2563 เปลี่ยน theme ของ http://thaiall.wordpress.com จาก kubrick เป็น Scratchpad
//http://www.thaiall.com/blog/joom/ <iframe src="http://www.thaiall.com/actress/joom.htm" height="500px" width="100%" scrolling="yes"> </iframe>
1. เลือก Customize พบ Additional CSS WP-Admin , Appearance, Edit CSS หรือ แล้วเพิ่ม Font ที่เรียกจาก internal หากเรียกผ่าน external จะพบปัญหา CORS (Cross Origin Resource Sharing) 2. เข้า WP-Admin , Appearance, Theme Editor เลือกแฟ้ม style.css กำหนด Font : kanit ให้กับ p 3. ผลลัพธ์ใน blog จะพบว่า font เปลี่ยนไป 4. ใช้ Developer Tools ใน Chrome แล้วเลือก block ที่จะมีการเปลี่ยนแปลง 5. เลือกแท็บ Computed 6. เข้าดู font-family พบ kanit และอ้างอิงกับแฟ้ม style.css 7. คลิ๊ก Shift+F5 เพื่อบังคับ Refresh ให้กับ css และ js - ตัวอย่าง <style>@font-face{font-family:'kanit';src:url('/google/fonts/Kanit-Regular.ttf');font-display:swap;}</style> - http://www.thaiall.com/google/fonts/mitr.htm - http://www.thaiall.com/google/chrome.htm
<!--BEGIN WEB STAT CODE--> <script>page="blog";</script> <script src="http://hits.truehits.in.th/data/c0001941.js"></script> <noscript><a target="_blank" href="http://truehits.net/stat.php?id=c0001941"><img src="http://hits.truehits.in.th/noscript.php?id=c0001941" alt="Thailand Web Stat" style="width:14px;height:17px;" /></a></noscript> <!-- END WEBSTAT CODE --> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 12 blog thaiall rsp --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3309619467978767" data-ad-slot="7761800956" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 12 blog acla rsp --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3309619467978767" data-ad-slot="8680130950" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
/** * Plugin Name: BMI Calculator * Description: BMI Calculator To Content */ function BmiCalculator() { return 'BMI Calculator'; } add_shortcode('GenBmiCal', 'BmiCalculator'); // https://www.thaiall.com/perlphpasp/source.pl?key=9152 /** * Plugin Name: My First Plugin * Plugin URI: http://www.mywebsite.com/my-first-plugin * Description: The very first plugin that I have ever created. * Version: 1.0 * Author: Your Name * Author URI: http://www.mywebsite.com */ /* plugin นี้จะเพิ่มข้อความต่อท้าย $content มีตัวอย่างโค้ดที่ https://www.wpbeaverbuilder.com/creating-wordpress-plugin-easier-think/ ใน filter : the_content และมี filter อื่น ๆ ที่ https://codex.wordpress.org/Plugin_API/Filter_Reference */ add_action( 'the_content', 'my_thank_you_text' ); function my_thank_you_text ( $content ) { return $content .= 'Thank you for reading!'; }
/* ตัวอย่างนี้ใช้บน Astra Theme */ @media print { .widget-area, /* widget */ .site-footer, /* footer */ .navigation, /* navigation */ .ast-single-related-posts-container /* related posts*/ {display: none;} }
เวิร์ดเพรส (Wordpress) คือ บล็อกและเว็บไซต์
