ส่วนขยายอัปโหลดรูปภาพสำหรับ ZetaBoards

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

คำแนะนำการติดตั้ง

  1. zetaboards_1
  2. zetaboards_2
  3. เพิ่มโค้ดต่อไปนี้ในส่วน Javascripts.
    <script type='text/javascript' src='//mod.postimage.org/zetaboards.js' charset='utf-8'></script>
    zetaboards_3

ติดตั้งเสร็จสมบูรณ์ ตอนนี้คุณสามารถใช้ Postimage บนเว็บไซต์ของคุณได้แล้ว.

zetaboards

ตัวเลือก

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

<script type="text/javascript" src="//mod.postimage.org/phpbb3-de-hotlink.js" charset="utf-8"></script>

หากไม่ได้ระบุตัวเลือกจากกลุ่ม จะใช้ค่าเริ่มต้นของกลุ่มนั้น ปัจจุบันรองรับตัวเลือกดังต่อไปนี้:

ขนาดภาพตัวอย่าง

  • thumb (ค่ามาตรฐาน) ใช้ภาพตัวอย่างขนาดเล็ก (ขนาดได้สูงสุด 180 × 180px).
  • hotlink ใช้ภาพตัวอย่างขนาดใหญ่ (กว้างได้สูงสุด 1280px พิกเซล).

ภาษา

ข้อความบนปุ่ม Postimage สามารถแสดงได้หลายภาษา คุณสามารถใช้ชื่อภาษาต่อไปนี้เป็นตัวเลือกได้

af
az
bs
ca
cy
da
de
et
en (ค่ามาตรฐาน)
es
es-mx
eu
fil
fr
ha
hr
ig
id
it
sw
ku
lv
lt
hu
ms
nl
no
uz
pl
pt
pt-br
ro
sk
sl
sr-me
fi
sv
tl
vi
tk
tr
yo
is
cs
el
bg
mk
mn
ru
sr
uk
kk
hy
he
ur
ar
fa
ps
ckb
ne
mr
hi
bn
pa
gu
ta
te
th
my
ka
am
zh-cn
zh-hk
ja
ko

ขั้นสูง

คุณสามารถปรับแต่งตัวเลือกต่างๆ เช่น รูปลักษณ์ของปุ่ม PostImage โดยแทรกฟังก์ชัน postimage_customize() ในโค้ด JavaScript ของคุณ ก่อน เรียกใช้ปลั๊กอิน PostImage ฟังก์ชันควรมีลักษณะดังแสดงด้านล่าง: มีอยู่ 3 ออบเจ็กต์ที่จะถูกใช้กับสไตล์ของไอคอน ลิงก์ และคอนเทนเนอร์ คุณสามารถตั้งค่าคุณสมบัติ CSS ใดๆ ที่คุณต้องการได้ที่นั่น 

<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	postimage.style.link = {"color": "#3a80ea", "vertical-align": "middle", "font-size": "1em"};
	postimage.style.icon = { "vertical-align": "middle", "margin-right": "0.5em", "margin-left": "0.5em"};
	postimage.style.container = {"margin-bottom": "0.5em", "margin-top": "0.5em"};
	/* Add more customizations here as needed */
}
</script>

หากคุณไม่ต้องการเขียนทับค่าเริ่มต้น แต่ต้องการแก้ไขหรือเพิ่มตัวเลือกสไตล์เฉพาะ ฟังก์ชันของคุณน่าจะมีลักษณะดังนี้:

<script type="text/javascript" charset="utf-8">
function postimage_customize() {
	if (typeof postimage === "undefined") {
		return;
	}
	postimage.style = postimage.style || {};
	/* Specify different options for the same style separately */
	postimage.style.link["color"] = "green";
	postimage.style.link["text-decoration"] = "none";

	postimage.style.icon["border"] = "1px solid black";
	postimage.style.container["padding"] = "2px";
	/* Add more customizations here as needed */
}
</script>

การสนับสนุน

โปรดติดต่อเราหากคุณมีปัญหาหรือคำถาม เราสามารถช่วยคุณผสานรวมเว็บไซต์ของคุณกับเราได้ฟรีด้วย!