ACF - memaparkan berbilang imej pengulang
P粉885562567
P粉885562567 2024-03-26 22:15:20
0
1
452

Matlamat utama saya adalah untuk mencipta galeri imej yang memaut ke tapak web luaran dengan satu klik. Ini perlu dilakukan melalui medan tersuai lanjutan, jadi saya membuat pengulang dengan imej dan pautan pada baris yang sama:

link1 | cover_image1 
link2 | cover_image2

Sekarang saya memasukkan kod ini ke dalam penyunting teks dalam halaman web. Saya juga mengimport beberapa kod pendek dari sini yang membolehkan saya menggunakan %ROW% sebagai lelaran.

"lampiran" ialah pemaju ibu bapa, "pautan" dan "imej penutup" ialah pemaju kanak-kanak.

[acf_repeater field="attachments"]

external url = [acf field ='attachments_%ROW%_link']
image url = [acf field ='attachments_%ROW%_cover_image'] 

<a href =[acf field ='attachments_%ROW%_link'] >
<img src = [acf field ='attachments_%ROW%_cover_image'] width="300" height="214" />
</a>

[/acf_repeater]

Laman web dibentangkan seperti berikut:

Imej yang rosak mengandungi kod berikut:

<img src="[acf" field="attachments_0_cover_image" &#093;="" width="300" height="214">

Saya rasa [medan acf ='attachments_%ROW%_cover_image'] dalam <img> tidak dihuraikan sepenuhnya ke url, kerana kedua-dua url luaran = dan url imej = memaparkan url yang betul.

Wordpress juga menukar kod saya kepada ini selepas menyimpan, jadi mungkin ini ralat sintaks?

[acf_repeater field="attachments"]

external url = [acf field = attachments_%ROW%_link]
image url = [acf field = attachments_%ROW%_cover_image]

<a href="[acf">
<img src="[acf" width="300" height="214" />
</a>

[/acf_repeater]

Saya tidak pasti cara menukar [acf field ='attachments_%ROW%_cover_image'] dengan betul kepada url dalam <img> , saya boleh menggunakan sedikit bantuan pada sintaks yang betul. Terima kasih atas bantuan anda!

html untuk setiap atribut Arian:

<div class="fl-module fl-module-rich-text fl-node-5d4926759d7aa" 

data-node="5d4926759d7aa">
    <div class="fl-module-content fl-node-content">
        <div class="fl-rich-text">
    <p>Agenda: <a href="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/cute-cat-photos-1593441022.jpg?crop=0.669xw:1.00xh;0.166xw,0&amp;resize=640:*">https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/cute-cat-photos-1593441022.jpg?crop=0.669xw:1.00xh;0.166xw,0&amp;resize=640:*</a></p>
<p>Video Links: <a href="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/cute-cat-photos-1593441022.jpg?crop=0.669xw:1.00xh;0.166xw,0&amp;resize=640:*"></a></p>
<p>Thumbnails: <a href=""></a></p>
<p></p>
<p>external url = https://www.youtube.com/watch?v=uHKfrz65KSU<br>
image url = http://wordpress.local/wp-content/uploads/Thumbnail_1.png</p>
<p><a href="[acf" field="attachments_0_link" &#093;=""><br>
<img src="[acf" field="attachments_0_cover_image" &#093;="" width="300" height="214"><br>
</a></p>
<p><br></p>
<p>external url = https://www.youtube.com/watch?v=X2lIovmNsUY<br>
image url = http://wordpress.local/wp-content/uploads/Thumbnail_2-1.png</p>
<p><a href="[acf" field="attachments_1_link" &#093;=""><br>
<img src="[acf" field="attachments_1_cover_image" &#093;="" width="300" height="214"><br>
</a></p>
<p><br></p>
<p>external url = https://www.youtube.com/watch?v=hDJkFLnmFHU<br>
image url = http://wordpress.local/wp-content/uploads/Thumbnail_3-1.png</p>
<p><a href="[acf" field="attachments_2_link" &#093;=""><br>
<img src="[acf" field="attachments_2_cover_image" &#093;="" width="300" height="214"><br>
</a></p>
<p><br></p>
</div>
    </div>
</div>

P粉885562567
P粉885562567

membalas semua(1)
P粉842215006

Bukan lelaki WordPress, tetapi nampaknya WordPress menyekat kod pendek daripada dikembangkan/dilaksanakan menggunakan parameter dalam atribut html, jika anda boleh meletakkan kod php di sana, mungkin ini boleh berfungsi sebagai penyelesaian:





Saya sebenarnya menemui komen tentang ini:

di di sini

Jadi ini mungkin berkesan juga:



Atau tanpa petikan kod pendek:



Pilihan terakhir yang boleh saya fikirkan ialah mencipta kod pendek tanpa parameter seperti ini:

function acflink_shortcode() {
    return do_shortcode("[acf field ='attachments_%ROW%_link']");
}
add_shortcode('acflink', 'acflink_shortcode');

function acfimage_shortcode() {
    return do_shortcode("[acf field ='attachments_%ROW%_cover_image']");
}
add_shortcode('acfimage', 'acfimage_shortcode');

Kemudian gunakan dalam editor, contohnya:



Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan