สอนเล่น Wordpress

[หนุ่ม]

ลองใส่ตัว easing.js ไปด้วยครับ ผมดูโค้ดแล้วเหมือนตัวนี้ไม่มี

[ฟิ้งซ์]

ใส่ไว้แล้วครับ มีสามตัวเลย
jquery.ui.totop.js
jquery-1.3.2.min.js
easing.js
หรือมันเรียกใช้ไม่ครบครับ

// เจอแล้วครับ กำหนด path ให้มันไม่ครบนี่เอง


ตอนแรกมีแค่

โค้ด เลือกทั้งหมด ขยายเนื้อหา


<script type="text/javascript">
jQuery(document).ready(function() {
jQuery().UItoTop({ easingType: 'easeOutSine',text: 'Back To Top',min: '300',scrollSpeed: '3000'});
});
</script>
<script type='text/javascript' src='http://www.ifinxz.com/wordpress/wp-content/themes/ifinxzclean/js/jquery.ui.totop.js?ver=1.1'></script>
<a href="#" id="toTop" style="display: inline; ">
<span id="toTopHover" style="opacity: 0; "></span>
Back To Top</a>  


ก็เลยเพิ่มตัวนี้ลงไป อ้างอิงจาก http://lab.mattvarone.com/projects/jquery/totop/

โค้ด เลือกทั้งหมด ขยายเนื้อหา


<!-- jquery -->
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<!-- easing plugin ( optional ) -->
<script src="js/easing.js" type="text/javascript"></script>
<!-- UItoTop plugin -->
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>


<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
  containerID: 'moccaUItoTop', // fading element id
containerHoverClass: 'moccaUIhover', // fading element hover class
scrollSpeed: 1200,
easingType: 'linear'
};
*/

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>


แล้วโค้ดมันเรียกใช้ script ไม่ได้มั้ง เลยต้องปรับ source ให้เป็น url แบบเต็มๆ

[หนุ่ม]

อ้าวเลื่อนแล้วๆ

[ฟิ้งซ์]

เย่  +

[iannnnn]

อีพวกเช็กไฟล์หายอะไรนี่ ลองใช้ Firebug (หมาย่าง) หรือคลิกขวาในโครม แล้ว Inspect Element ครับ
มันจะมีฟ้องใน Console ว่ามี Error อะไรบ้าง

อ่านบทความคุณเหวิ่งก็ได้ครับ

[ฟิ้งซ์]

ลองใช้แล้วปัญหาคือมันดันไม่แสดง error 

[ยุนเอ]

ดูที่ console ff มันจะแจ้งว่ามีอะไรผิดปกติรึเปล่าครับ

ถ้าลืมโหลด script ก็จะแจ้ง ใช้ใน ff นะ chrome มันไม่บอก หรือหาไม่เจอก็ไม่รู้ 

[ฟิ้งซ์]

เดี๋ยวลองกลับไปใช้ ff เป็นครั้งคราวบ้าง ช่วงนี้ขลุกอยู่กับโครมตลอด

[iannnnn]

รู้แล้วจะให้บิ๊กสอนเรื่องอะไร
เรื่อง Custom Field เนี่ยงงชิบหาย

[Rabbitinblack]

  งงอะไรเหรอ

[iannnnn]

งงตั้งกะพูดชื่อมันนั่นแหละ

[Rabbitinblack]

งั้นเกริ่น ๆ  Custom Field อะ คือ ข้อมูลที่เราต้องการใส่เสริมเข้ามาเอง

สมมติหน้านี้ อยากจะใส่ข้อมูล หัวข้อ Customer Data

ก็ไปสร้าง Custom Field ชื่อ Customer Data แล้วก็ใส่ค่าลงไป

เวลาด้านหน้าจะเรียกใช้งาน ก็บอกให้ไปดึง ค่าของ custom field ที่มีชื่อ customer data มาแสดงผล

ประมาณนี้ละ

[JΛNΣ]

Custom Field เหรอ ใช้ตัวนี้เล้ยย Advanced Custom Fields 


จริงๆ ไอ้ตัวที่ให้มามันก็โอเคแหละ แต่ไม่ชอบหน้าตามันตอนกรอกข้อมูล
ทำให้คนอื่น(ที่ไม่ค่อยรู้เรื่องคอม)ใช้ กว่าเค้าจะหาเจอว่าต้องไปกรอกอะไรตรงไหน 

[Rabbitinblack]

ผมใช้ตัวนี้

Custom Field Template

ซึ่งแน่นอน หน้าตา การใช้งานแม่งไม่เป็นมิตรกับคนทั่วไป

[หนุ่ม]

ตัวของพี่เจนเจ๋งมาก