ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => หัวข้อเริ่มโดย: ouyman ใน 14 พฤษภาคม 2014, 00:56:18

ชื่อเรื่อง: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: ouyman ใน 14 พฤษภาคม 2014, 00:56:18
ออกตัวก่อนว่าทำเวบเอง เป็นเวบแรกในชีวิตน่ะครับ

(http://image.ohozaa.com/i/e38/8TRhjZ.png) (http://image.ohozaa.com/view2/xAp7MUsXuIEyTfIZ)

คือมันมี รวมช่องตรงกลางพอดีครับ

คือศึกษามาบ้างใน Youtube กะ google น่ะครับ ยังไม่ได้คำตอบเลย  :wanwan031:
ใช้ plugin TablePress กับ TinyMCE ก็ทำไม่ได้ซักทีครับ ที่สำคัญใส่ อัคระ +- ไม่ได้ด้วย
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: fangbif ใน 14 พฤษภาคม 2014, 01:00:25
ปกติใช้ jetpack เป็นปลั๊กอินคู่บุญกับ wordpress มันจะมีตัว special character มาให้ค่ะ เครื่องหมายคณิตศาสตร์พวกนี้เพียบ ส่วนตารางไม่เคยทำเลยไม่รู้นะคะ 
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: ouyman ใน 14 พฤษภาคม 2014, 01:02:52
อ้างถึงจาก: fangbif ใน 14 พฤษภาคม 2014, 01:00:25
ปกติใช้ jetpack เป็นปลั๊กอินคู่บุญกับ wordpress มันจะมีตัว special character มาให้ค่ะ เครื่องหมายคณิตศาสตร์พวกนี้เพียบ ส่วนตารางไม่เคยทำเลยไม่รู้นะคะ 

เครื่องหมายใส่ได้ครับในภาวะปกติ แต่พอใช้ตาราง แล้วใส่ไม่ได้เลยครับ
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: pingenter ใน 14 พฤษภาคม 2014, 01:07:09
สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: ANALOGY ใน 14 พฤษภาคม 2014, 01:13:43
อ้างถึงจาก: pingenter ใน 14 พฤษภาคม 2014, 01:07:09
สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: ouyman ใน 14 พฤษภาคม 2014, 01:20:23
อ้างถึงจาก: ANALOGY ใน 14 พฤษภาคม 2014, 01:13:43
อ้างถึงจาก: pingenter ใน 14 พฤษภาคม 2014, 01:07:09
สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ

:o
Skill ตรงนี้เป็น 0 เลยครับ
ใช้ สคริป HTML เดาว่าไปทำใน Dreamweaver แต่
1. จะเอาสิ่งที่เราทำไปเปิดใน Dreamweaver ยังงัย ก๊อปไป ด้วย FTP ทั้ง folder เลยหรือไม่?
2. ไปแก้ใน Dreamweaver แล้ว เปิดไฟล์อะไร
3. ทำเสร็จแล้วไป save เป็น file ชื่ออะไร ครับ
4. ก็อปไปวาง แทนที่ Folder เดิมใน FTP ได้หรือไม่? ครับ
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: rukrean ใน 14 พฤษภาคม 2014, 01:23:52
อ้างถึงจาก: ouyman ใน 14 พฤษภาคม 2014, 01:20:23
อ้างถึงจาก: ANALOGY ใน 14 พฤษภาคม 2014, 01:13:43
อ้างถึงจาก: pingenter ใน 14 พฤษภาคม 2014, 01:07:09
สร้างใน Dreamweaver แล้วค่อยเอาไปใส่ใน wordpress
ใช่ครับใช้สคริป HTML ธรรมดาก็ได้แล้วครับ

:o
Skill ตรงนี้เป็น 0 เลยครับ
ใช้ สคริป HTML เดาว่าไปทำใน Dreamweaver แต่
1. จะเอาสิ่งที่เราทำไปเปิดใน Dreamweaver ยังงัย ก๊อปไป ด้วย FTP ทั้ง folder เลยหรือไม่?
2. ไปแก้ใน Dreamweaver แล้ว เปิดไฟล์อะไร
3. ทำเสร็จแล้วไป save เป็น file ชื่ออะไร ครับ
4. ก็อปไปวาง แทนที่ Folder เดิมใน FTP ได้หรือไม่? ครับ

เปลี่ยนจาก visual เป็น text แล้วเอา code ส่วนที่เป็น table ไปวางก็น่าจะได้นะครับ

หรือไม่ก็เอา ภาพนี้ไปวางเลยครับ  :wanwan004:
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: ouyman ใน 15 พฤษภาคม 2014, 00:53:40
ลองทำใน dream แล้วก๊อปมาใส่ เส้นตารางไม่มาเลยครับ

(http://image.ohozaa.com/i/21c/fJei7z.png) (http://image.ohozaa.com/view2/xAx4ShblIuW51Q6T)

code ตามนี้ ครับ :wanwan031:

<table width="714" height="519" border="2" cellpadding="1" cellspacing="1">
  <tr>
    <th width="226" bgcolor="#FDC0AC" scope="row">Product Name</th>
    <td colspan="4" bgcolor="#FDC0AC"><div align="center"><strong>3Layer anti-scratch high clear without rainbow</strong></div></td>
  </tr>
  <tr>
    <th scope="row">Test method</th>
    <td width="85"><div align="center"><strong>Unit</strong></div></td>
    <td width="91"><div align="center"><strong>Tolerance</strong></div></td>
    <td width="97"><div align="center"><strong>Target Value</strong></div></td>
    <td width="153"><div align="center"><strong>Test Method</strong></div></td>
  </tr>
  <tr>
    <th scope="row">Vision</th>
    <td colspan="3"><div align="center">Colorless Transparent,anti-scratch</div></td>
    <td><div align="center">Visual</div></td>
  </tr>
  <tr>
    <th scope="row">Rainbow pattern</th>
    <td colspan="3"><div align="center">None</div></td>
    <td><div align="center">Visual</div></td>
  </tr>
  <tr>
    <th scope="row">Thickness of protective film</th>
    <td><div align="center">um</div></td>
    <td><div align="center">±1</div></td>
    <td><div align="center">60</div></td>
    <td rowspan="3"><div align="center">ASTMD-3652</div></td>
  </tr>
  <tr>
    <th scope="row">thickness of using layer</th>
    <td><div align="center">um</div></td>
    <td><div align="center">±1</div></td>
    <td><div align="center">130</div></td>
  </tr>
  <tr>
    <th scope="row">thickness of release film</th>
    <td><div align="center">um</div></td>
    <td><div align="center"></div></td>
    <td><div align="center">50</div></td>
  </tr>
  <tr>
    <th scope="row">peel strength of 180degree</th>
    <td><div align="center">g/25mm</div></td>
    <td><div align="center">±2.0</div></td>
    <td><div align="center">2.5</div></td>
    <td><div align="center">ASTMD-3330</div></td>
  </tr>
  <tr>
    <th scope="row">mobility of silicon </th>
    <td><div align="center">s</div></td>
    <td><div align="center">±1</div></td>
    <td><div align="center">&lt;5</div></td>
    <td><div align="center">240mm×120mm</div></td>
  </tr>
  <tr>
    <th scope="row">light transmittance</th>
    <td><div align="center">%</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&gt;93</div></td>
    <td rowspan="2"><div align="center">ASTMD-1003</div></td>
  </tr>
  <tr>
    <th scope="row">haze</th>
    <td><div align="center">%</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&lt;0.5</div></td>
  </tr>
  <tr>
    <th scope="row">scratch hardness</th>
    <td><div align="center">H</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">4</div></td>
    <td><div align="center">GB/T6739</div></td>
  </tr>
  <tr>
    <th scope="row">anti-scratch strength</th>
    <td><div align="center"></div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&gt;50</div></td>
    <td><div align="center">0000#steel wool 1800gf</div></td>
  </tr>
  <tr>
    <th scope="row">scratch-resistant adhesion </th>
    <td><div align="center">%</div></td>
    <td><div align="center">-</div></td>
    <td><div align="center">&lt;5</div></td>
    <td><div align="center">ASTMD-3002</div></td>
  </tr>
  <tr>
    <th scope="row">temperature</th>
    <td><div align="center">°C</div></td>
    <td colspan="3"><div align="center">–40-120</div></td>
  </tr>
</table>
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: TomYong ใน 15 พฤษภาคม 2014, 07:19:41
ลองใช้ปลั๊กอินนี่ดูครับ สามารถอิมพอร์ทไฟล์เอ็กเซล csv ได้

https://wordpress.org/plugins/tablepress/
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: MD.18 ใน 15 พฤษภาคม 2014, 07:50:57
css wp ปกติก็น่าจะกำหนดไว้แล้วให้มีเส้นขอบ ลองใส่เพิ่มไปดุครับ

table, th, td
{
border: 1px solid black;
}


:P ไม่รู้ช่วยได้่ปาวนะ
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: ouyman ใน 15 พฤษภาคม 2014, 09:25:41
อ้างถึงจาก: TomYong ใน 15 พฤษภาคม 2014, 07:19:41
ลองใช้ปลั๊กอินนี่ดูครับ สามารถอิมพอร์ทไฟล์เอ็กเซล csv ได้

https://wordpress.org/plugins/tablepress/

ใช้แล้วครับแต่ทำตารางแบบที่ต้องการไม่ได้ครับ

อ้างถึงจาก: MD.18 ใน 15 พฤษภาคม 2014, 07:50:57
css wp ปกติก็น่าจะกำหนดไว้แล้วให้มีเส้นขอบ ลองใส่เพิ่มไปดุครับ

table, th, td
{
border: 1px solid black;
}


:P ไม่รู้ช่วยได้่ปาวนะ

ลองใส่ใน HTML กับ css แล้วครับ ตกลงก็ไม่ขึ้นเส้นตารางครับ
แต่ก็ขอบคุณมากครับ
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: ouyman ใน 15 พฤษภาคม 2014, 16:57:42
ทำได้แล้วครับ ขอบคุณทุกท่านมากๆ  :wanwan017:
สุดท้ายใช้ความ อึดถึก อัดเข้าไปในทุกๆ cell ของตารางเลย  :-X

แบบเนี้ยครับ

<td style="border: 1px solid #c1c1c1; background-color: #ffffbf; text-align: center; vertical-align: middle;">

ยัดเข้าไปทุกช่องเลย จบได้

:wanwan019:
ชื่อเรื่อง: Re: อยากทำตารางแบบนี้ ใน Wordpress ต้องทำยังงัยครับ
โพสต์โดย: superjak ใน 15 พฤษภาคม 2014, 17:08:36
google =  css generate table online
copy > paste