มีวิธีการแทรกรูปภาพในหน้าวีโอไอพีจำนวนกี่วิธี


9

ฉันพยายามแทรกภาพด้วยวิธีที่ต่างกันสองวิธีเช่นผ่านหน้า CMS ในหน้าเลือกนั้นและในการใช้เนื้อหาด้านล่างรหัส:

<p><img src="{{skin url='images/media/404_callout1.jpg'}}" alt="" /></p>

และอีกวิธีคือโดยคลิกที่ปุ่ม "แทรกภาพ"

มีวิธีอื่นในการแทรกภาพในหน้า CMS หรือไม่?

คำตอบ:


9

การใช้ปุ่ม "แทรกรูปภาพ" จะเพิ่มรูปภาพที่สัมพันธ์กับไดเรกทอรีสื่อ wysiwyg

img src="{{media url="wysiwyg/filename.jpg"}}" alt="" />

นอกจากนี้คุณยังสามารถเก็บรูปภาพไว้เป็นเนื้อหาของบล็อกแบบคงที่จากนั้นเรียกภาพเหล่านั้นลงในหน้าติดต่อของ cms โดยใช้อย่างใดอย่างหนึ่ง

{{block type="cms/block" block_id="staticblock_identifier"}}

หรือใช้ส่วนต่อประสานวิดเจ็ตและเลือก Widget ประเภท "CMS Static Block" ซึ่งจะเพิ่มบล็อกตามรหัสเช่น

{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="10"}}

หากคุณต้องการให้รูปภาพปรากฏเหนือหรือใต้เนื้อหาหลักให้ดูที่การเพิ่มผ่านเลย์เอาต์ XML และเพิ่มบล็อกแบบสแตติกสำหรับหน้านั้นโดยใช้แท็บการออกแบบหน้า CMS หรือสำหรับหน้า CMS ทุกหน้าโดยใช้ตัวจัดการเลย์เอาต์ "cms_page" .

หากภาพของคุณถูกจัดเก็บเป็นบล็อกแบบคงที่และคุณต้องการก่อนที่เนื้อหาหลักจะเพิ่ม XML ต่อไปนี้ลงในหน้าของคุณหรือที่จับ cms

<reference name="content">
    <block type="cms/block" before="-">
        <action method="setBlockId"><block_id>staticblock_identifier</block_id></action>
    </block> 
</reference>

หากคุณต้องการบล็อกที่จะมาหลังจากที่เนื้อหาเข้า

after="-"

1

ไปที่แผงผู้ดูแลระบบ magento และไป -> cms / หน้า / หน้าแรกและเลือก -> เนื้อหา -> ในตัวแก้ไขเลือกแทรก / แก้ไขภาพและเลือกไอคอนเรียกดูคลิกที่ลิงค์สร้างโฟลเดอร์และสร้างโฟลเดอร์และเลือกชื่อโฟลเดอร์เป็น 777 จากนั้นคุณอัพโหลดรูปภาพของคุณไปยังโฟลเดอร์ 777 แล้วคลิกที่ภาพนั้นจากนั้นใช้รูปภาพในหน้าแรก


0

คุณสามารถใช้รหัสนี้หากคุณกำลังโหลด cms ของคุณจากไฟล์ phtml: -

<img src="<?php echo $this->getSkinUrl('images/imagename.jpg') ?>" />

รูปภาพควรถูกอัพโหลดในโฟลเดอร์ images ที่ตำแหน่ง skin/frontend/package_name/theme_name/

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.