ต่อไป »

[lhinping3800]

ต้องการแก้ไขขนาดของรูปภาพที่แสดง ใน wordpress แต่ในโค้ด   
<section class="image-replacement-medium left"><img src="<?php echo get_template_directory_uri(); ?>/images/replacement/image-replacement-medium.png" alt="<?php _e('Image not Available', 'gp'); ?>" />

ต้องแก้ไขในส่วนไหนค่ะ

[xvlnw.com]

แก้ไขนาดของรูป ไม่จำเป็นต้องยุ่งกับตัวระบบ Wordpress เลยก็ได้ครับ

http://www.w3schools.com/tags/tag_img.asp

ส่วน <?php echo get_template_directory_uri(); ?> มันคือแสดง Path ของ URL รูปภาพในตรีมครับ
สมติว่าผมมีตรีมชื่อ theme1234 และมีเว้บไซต์ชื่อ domain.com ค่าที่ได้คือ

domain.com/wp-content/themes/theme1234

ลองศึกษาดูครับ

[Shin69]

get_template_directory_uri(); <=== เป็นการ ดึงข้อมูล path ของ template ที่เราใช้อยู่น่ะครับ ในกรณีนี้จะ echo 'http://www.xxxx.com/wp-content/themes/ [ชื่อ themes ที่ใช้อยู่ปัจจุบัน]' ครับ

ในกรณีที่คุณอยากกำหนดขนาดของรูปภาพ อาจจะต้องดูที่ CSS ไฟล์ หรือ เพิ่ม

โค๊ด:

style="width:[ความกว้างที่ต้องการ]; height:[ความสูงที่ต้องการ];"

ลงใน tab <img> ครับ

[sleep]

จิ้มไปที่ css เลยครับ ถ้าต้องการแก้ไขพวกนี้ 

[lhinping3800]

ขอบคุณค่ะ เดี๋ยวลองศึกษา

[lhinping3800]

แก้ไขแล้วแต่มันก็ยังไม่เปลี่ยนค่ะ

โค๊ด:

/* Menu Cards: Gallery */

.menucard-gallery-items,
.menucard-category-gallery-items { width: 100%; }
.menucard-gallery-items .divider-dotted { width: 960px; margin: 0 0 10px; }
.menucard-gallery-items-container .menucard-gallery-items-title { width: 960px; padding: 0; }
.menucard-gallery-items-container .menucard-gallery-items-title h2 { width: 80%; font-size: 20px; padding: 0 0 10px; }
.menucard-gallery-items-container .menucard-gallery-items-title .continue-link { float: right; padding: 5px 0; }
.menucard-gallery-items-container .menucard-gallery-items-title p { clear: both; color: #9196a0; padding: 15px 0 0; }
.menucard-gallery-items-container .menucard-gallery-items-title-container { width: 100%; background: url("images/line-dotted-content-light.png") left bottom repeat-x; }
.menucard-gallery-items .menucard-gallery-item { width: 280px; margin: 5px 15px 25px 0; overflow: visible; }
.menucard-gallery-items .menucard-gallery-item h3 { font: 12px "Droid Sans", Arial, Helvetica, sans-serif; padding: 10px 0 0; }
.menucard-gallery-items .menucard-gallery-item h3 a { text-decoration: underline; }
.menucard-gallery-items .menucard-gallery-item h3 a:hover { text-decoration: none; }
.menucard-gallery-items .menucard-gallery-item .menucard-gallery-image { width: 280px; height: 230px; }
.menucard-category-description { width: 960px; clear: both; color: #9196a0; padding-bottom: 15px; margin-bottom: 10px; background: url("images/line-dotted-content.png") left bottom repeat-x; }


/*

[xvlnw.com]

ถ้าไม่มีความรู้ด้าน CSS นะครับ แก้ที่ HTML ตามที่ผมบอกด้านบนอะครับ ง่ายสุดละครับ

ลองอ่านดูหรือยังครับ?

[lhinping3800]

http://onlyyousushi.com/?page_id=55
แก้แล้วแต่เปลี่ยนแค่กรอบนอกสีเทาๆอะค่ะ แต่รูปภาพข้างในไม่เปลี่ยนค่ะ

[คนธรรมดา]

ลอง view source ดูว่า path ถูกต้องหรือไม่ แล้วที่เก็บไฟล์ css กับที่เก็บรูปมันถูกต้องหรือเปล่า

[ba5nanas]

นามสกุล สื่อหลายอย่างเลยครับ

PHP 1 เลย get_template_directory_uri นั่นเป็นการ ระบุ ที่อยู่ของ Directory Template หรือ Theme ที่คุณ Activate อยู่เป็น URL

เนื่องจากนามสกุล PHP จะอ่าน ที่ URL แล้วแบ่งระหว่าง Domain กับ path เป็นส่วนๆตัวนี้แล้วแต่ อาบาเช่ หรือไม่ก็ Hosting อีกทีว่าจะตั้งยังไง

ส่วน CSS,HTML,JS จะไม่นับเหมือน PHP จะเอาตัวเองเป็นศูนย์กลาง ถ้าเรียกตรงไหนก็จะออกตรงนั้น เช่น Image อยู่ folder ../Images/Test.jpg

ก็สามารถใช้ตามที่ระบุไปได้เลย ต้องเป็นไฟล์พวกนี้เท่านั้น ส่วนถ้าเป็น PHP ก็ต้องระบุ URL ถึงจะเป็นภาษา CSS จะเอาไว้ตรงไหนในส่วนไฟล์

.PHP ก็ตาม มันก็จะนับ ที่อยู่ URL ของรูปภาพลูกเดียวแต่ถ้า link sheet มานั่นก็อีกเรื่อง หรือ Javascript ก็ต้องดึงจาก src เอาเช่นกัน

ลองตรวจสอบดูครับ 


ปล มาเตือนคนที่ใช้ chrome นะครับระวัง cache ด้วยครับไอนี่ระบบ อันตรายแก่นัก Develop Website เช่นกันทำให้ งงได้หลายอย่าง ทางที่ดีตรวจใน IE

จะเป็นอันดีครับ เพราะ IE ไม่ค่อยเก็บ cache รูปไว้เท่าไหร่ครับ เนื่องจากผมโดนเล่นมา แล้วแก้ทั้งวั้น เปลี่ยน browser ย้ายเครื่องดู อ่าว เสียเวลาฟรีทั้งวันเลย = =