0141 | แก้ปัญหา WP SuperCache ขึ้น File name too long

ท่านที่ใช้ wordpress ใช้ wp-supercache กันอยู่ใช่มั้ยครับ? เคยประสบปัญหา permalink เป็นภาษาไทยยาวจน wp-supercache ไม่ทำงานรึเปล่า?
ตอนนี้ TV Direct ขอนำเสนอ… plugin ของ wp-supercache (อีกที) เพื่อแก้ปัญหา url ยาวเกินจนทำให้สร้าง folder cache ไม่ได้ครับ

ไม่ต้องซื้อ ไม่ต้องหา ก๊อปวางกันได้ที่นี่สบายๆ เอาไปใส่ที่ folder wp-content/plugins/wp-super-cache/plugins/ สร้างไฟล์ชื่ออะไรก็ได้ แล้วใส่ข้อมูลไปตามนี้ครับ

<?php
function iz_wpscfix_dir($uri) {
        $uris = explode('/', $uri);
        $result = array();
        foreach ($uris as $path) {
                if (strlen($path) > 250) {
                        $path = substr($path, 0, 220).'-'.md5($path);
                }
                $result[] = $path;
        }
        return implode("/",$result);
}
add_cacheaction('supercache_dir', 'iz_wpscfix_dir', 0);

แค่นี้ก็แก้ปัญหาเรียบร้อย ส่วน rewrite url มีปัญหาไม่ทำงานนิดหน่อยไม่เป็นไร ใช้ PHP serve แทนได้ ก็พอจะช่วยลด load ลงได้เยอะอยู่ครับ ^^

Tags: fix, supercache, wordpress

0104 | ปุ่มอัพโหลดรูปเข้า upic.me ด่วนทันใจ

คุณสมบัติ

– upload รูปได้ทุก format ที่ upic.me รองรับ ขนาดใหญ่ได้ถึง 2MB
– เลือกอัพได้ทีละหลายๆ รูปเหมือนหน้าแรก upic.me ด้วย
– มีสถานะการ upload ขึ้นตลอดการอัพ และจะหายไปเองเมื่ออัพเสร็จ
– อัพเสร็จ code ขึ้นในกล่องข้อความทันที ไม่ต้องก๊อปวาง
– ปรับแต่งหน้าตา สีสันของปุ่มได้ตามสะดวก (ส่วนแก้ไขข้อความ จะทำ version ถัดไปครับ)
– เอาไปใช้กันได้ฟรีๆ ไม่ต้องแปะ link กลับ ไม่ต้องแปะเครดิตใดๆ ทั้งสิ้น
– ไม่เปลือง bandwidth ของ host ด้วย เพราะอัพตรงเข้ามาที่ server ของ upic.me เลย

ถ้างงยังไงลองดูตัวอย่าง code ด้านล่างได้เลยครับ

<script type="text/javascript" src="http://upic.me/js/embedupload.js"></script>
<script type="text/javascript">
upic_target = "targetelement";
upic_type = "resulttype";
upic_buttoncss += "appendcss";
</script>

upic_target => จะให้เอา code ไปแปะที่ช่องไหน
upic_type => รูปแบบ code ที่แปะ มี htmlfull / htmlthumb / bbfull / bbthumb (ถ้าไม่ระบุ จะถือว่าเป็น bbthumb ครับ)
upic_buttoncss => css เสริมสำหรับข้อความในปุ่ม เผื่ออยากแก้สีแก้รูปแบบ ใส่ไปได้เลยครับ (การใส่สี รองรับ code แบบ #abcdef เท่านั้นนะครับ)

ส่วน uploadprogress จะมีประมาณนี้ครับ

<style type="text/css">
#upic_uploader{}
#upic_uploadprogress{}
.progressWrapper{margin-top:5px;}
.progressContainer{border-bottom:1px dotted #ddd;padding:2px;}
.progressName{text-align:left;color:black;margin-left:2px;float:left;}
.progressBarStatus{color:#666;text-align:right;margin:1px 1px 0 0;font-size:9px;}
.red{border:solid 1px #B50000;background-color:#FFEBEB;}
.green{border:solid 1px #DDF0DD;background-color:#EBFFEB;}
.blue{border:solid 1px #CEE2F2;background-color:#F0F5FF;}
.progressBarInProgress,.progressBarComplete,.progressBarError{clear:both;font-size:0;width:0%;height:2px;background-color:blue;margin-top:4px;}
.progressBarComplete{width:100%;background-color:green;visibility:hidden;}
.progressBarError{width:100%;background-color:red;visibility:hidden;}
</style>

(พอดีมันผ่าน compressor มาหลายรอบ code เลยดูยากหน่อย ขออภัยด้วยครับ)
ถ้าอยากแก้ไขหน้าตาสีสันยังไง สามารถ copy code ด้านบนไปแก้ไข แล้วใส่ต่อจาก script ได้เลยครับ

Read the rest of this entry »

Tags: api, javascript, upicme