Gallery has same fig caption
-
It seems like there’s a bug on gallery caption.
On desktop view, I have set captions. screenshot: https://prnt.sc/okr1v6
But on AMP view, all the captions are similar
screenshot: https://prnt.sc/okr2br and https://prnt.sc/okr3suThe page I need help with: [log in to see the link]
-
I tried to test out that on my localhost and it worked perfectly!
Can you please tell me how you are adding that gallery?
It would be great if you could send me the content of the editor in a text file so that I can paste it on my post editor and view it on my end, so I can understand how you are inputting the text.
Once I’ll catch the bug, it’ll get it fixed immediately.
When:
– Gallery, with caption on each photo
– Excerpt emptyIn the AMP page:
– No caption is displayedScreenshot:
1. https://prnt.sc/olacz1
2. https://prnt.sc/olacxa————————–
When:
– Gallery, with caption on each photo
– With ExcerptIn AMP:
– caption is displayed based on excerpt, NOT individual captionScreenshot:
1. https://prnt.sc/oladlo
2. https://prnt.sc/oladqyHere’s the html from editor:
<!-- wp:gallery {"ids":["35971","35978"]} --> <ul class="wp-block-gallery columns-2 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://makanmana.net/wp-content/uploads/2019/07/P7125936-768x1024.jpg" alt="" data-id="35971" data-link="https://makanmana.net/?attachment_id=35971" class="wp-image-35971"/><figcaption>Samcan Goreng</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://makanmana.net/wp-content/uploads/2019/07/P7125964-768x1024.jpg" alt="" data-id="35978" data-link="https://makanmana.net/?attachment_id=35978" class="wp-image-35978"/><figcaption>Tauju Samcan Goreng</figcaption></figure></li></ul> <!-- /wp:gallery -->
Using single image with caption and excerpt return normal
https://prnt.sc/olaeai
https://prnt.sc/olaegeI’m extremely grateful that you have given me such amazing instructions.
But sadly, I was unable to re-create the issue.
Can you try this on another Test WP Installation and confirm if it’s the same issue there?
Hi Ahmed, thanks for your response.
I tried on sandbox site, with just AMPforWP plugin only, running on twenty nineteen theme.
Here’s how it look on normal layout:
https://u5422-relationships-740.qsandbox.com/new-spot-in-town-higher-steps-dining-resto-casual-yang-instagrammable/And with AMP:
https://u5422-relationships-740.qsandbox.com/new-spot-in-town-higher-steps-dining-resto-casual-yang-instagrammable/amp/The caption is still missing.
In case you need a snippet from the content editor, here they are:
<!-- wp:image {"id":35749,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://i1.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095843-1.jpg?fit=719%2C555&ssl=1" alt="" class="wp-image-35749"/></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p>Sebagai penikmat pasta (<em>carbonara, aglio alio, pesto and others)</em>, aku excited banget ketika Higher Steps Dining muncul di IG beberapa minggu yang lalu.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><em><strong>Why, you ask?</strong></em></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><em>Well, if you don't know</em>, Higher Steps Dining ini memiliki owner yang sama dengan owner yang membuka Laurence Company, The L.Co Coffee dan juga 53 Steps Laurence.</p> <!-- /wp:paragraph --> <!-- wp:more --> <!--more--> <!-- /wp:more --> <!-- wp:paragraph --> <p>Dari antara ketiga resto ini, <strong>53 Steps Laurence</strong> terkenal dengan Instagrammable place-nya mereka, ditambah lagi dengan makanan ala barat mereka yang lezat, seperti Spaghetti Aglio Olio dan sebagainya. </p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Ketiga cafe/resto yang memiliki konsep berbeda itu sudah membuat nama mereka dikenali oleh orang-orang lokal.</p> <!-- /wp:paragraph --> <!-- wp:gallery {"ids":[35809,35810,35813,35814,35816,35818,35819,35820]} --> <ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095802-1.jpg?fit=719%2C959&ssl=1" alt="" data-id="35809" data-link="https://makanmana.net/?attachment_id=35809" class="wp-image-35809"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://i1.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095803-1.jpg?fit=719%2C959&ssl=1" alt="" data-id="35810" data-link="https://makanmana.net/?attachment_id=35810" class="wp-image-35810"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/photo_2019-07-11-16.58.23.jpg?fit=576%2C1024&ssl=1" alt="" data-id="35813" data-link="https://makanmana.net/?attachment_id=35813" class="wp-image-35813"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095798-1.jpg?fit=719%2C959&ssl=1" alt="" data-id="35814" data-link="https://makanmana.net/?attachment_id=35814" class="wp-image-35814"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095804-1.jpg?fit=719%2C959&ssl=1" alt="" data-id="35816" data-link="https://makanmana.net/?attachment_id=35816" class="wp-image-35816"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095797-4.jpg?fit=719%2C959&ssl=1" alt="" data-id="35818" data-link="https://makanmana.net/?attachment_id=35818" class="wp-image-35818"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://i1.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095799-1.jpg?fit=719%2C959&ssl=1" alt="" data-id="35819" data-link="https://makanmana.net/?attachment_id=35819" class="wp-image-35819"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095801-1.jpg?fit=719%2C959&ssl=1" alt="" data-id="35820" data-link="https://makanmana.net/?attachment_id=35820" class="wp-image-35820"/></figure></li></ul> <!-- /wp:gallery --> <!-- wp:paragraph --> <p>Nama <strong>Higher Steps Dining </strong>didapat dari keinginan owner yang membuat restoran yang dapat membawa kesuksesan mereka sebelumnya ke tingkat yang lebih tinggi — hence why the name is 'Higher Steps'.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Melangkah lebih tinggi untuk menuju kesuksesan, dan jangan pernah memberikan limit untuk masa depanmu. </p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>A Casual Dining place with Go-Green Concept </h2> <!-- /wp:heading --> <!-- wp:image {"id":35750,"sizeSlug":"large"} --> <figure class="wp-block-image size-large"><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095782-1.jpg?fit=719%2C555&ssl=1" alt="" class="wp-image-35750"/></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p><strong>Berbeda dengan 53 Steps Laurence</strong> yang lebih terasa <em>super mewah dan high end</em>, <strong>Higher Steps Dining</strong> yang mengusung <em>konsep penghijauan/go green </em>sebagai konsep restoran ini lebih down-to-earth dan merupakan casual dining place.</p> <!-- /wp:paragraph --> <!-- wp:gallery {"ids":["35752","35755","35760","35761"]} --> <ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095774.jpg?fit=719%2C719&ssl=1" alt="" data-id="35752" data-link="https://makanmana.net/?attachment_id=35752" class="wp-image-35752"/><figcaption>1st Floor</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095789.jpg?fit=719%2C719&ssl=1" alt="" data-id="35755" data-link="https://makanmana.net/?attachment_id=35755" class="wp-image-35755"/><figcaption>1st Floor</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095788.jpg?fit=719%2C719&ssl=1" alt="" data-id="35760" data-link="https://makanmana.net/?attachment_id=35760" class="wp-image-35760"/><figcaption>1st Floor</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095782-3.jpg?fit=719%2C555&ssl=1" alt="" data-id="35761" data-link="https://makanmana.net/?attachment_id=35761" class="wp-image-35761"/><figcaption>Desain interior yang ambigu tidak membuat interior out of place, rather it blends perfectly with the environment.</figcaption></figure></li></ul> <!-- /wp:gallery --> <!-- wp:paragraph --> <p>Mulai dari 4 pohon besar di tengah-tengah restoran dan penggunaan jendela berkaca yang dibuat dari lantai ke dinding membuat restoran ini terlihat asri, bersih dan sangat nyaman.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><strong>Namun, kecantikan resto ini tidak hanya terlimit di satu lantai.</strong></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Lantai pertama lebih mirip restoran dengan meja dan tempat duduk yang lebih standard, sementara lantai ke-2 ditata seperti ruang tamu, dengan sofa dan meja pendek serta penataan meja yang khusus untuk menjadi backdrop foto.</p> <!-- /wp:paragraph --> <!-- wp:gallery {"ids":["35762","35763","35764","35765"]} --> <ul class="wp-block-gallery columns-3 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095787-1.jpg?fit=719%2C719&ssl=1" alt="" data-id="35762" data-link="https://makanmana.net/?attachment_id=35762" class="wp-image-35762"/><figcaption>2nd Floor</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095791-1.jpg?fit=719%2C719&ssl=1" alt="" data-id="35763" data-link="https://makanmana.net/?attachment_id=35763" class="wp-image-35763"/><figcaption>2nd Floor</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095794.jpg?fit=719%2C959&ssl=1" alt="" data-id="35764" data-link="https://makanmana.net/?attachment_id=35764" class="wp-image-35764"/><figcaption>Private Room at 2nd Floor</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i1.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095786-1.jpg?fit=719%2C539&ssl=1" alt="" data-id="35765" data-link="https://makanmana.net/?attachment_id=35765" class="wp-image-35765"/><figcaption>A backdrop at 2nd Floor.</figcaption></figure></li></ul> <!-- /wp:gallery --> <!-- wp:paragraph --> <p>Pencahayaan natural dan dekorasi minimalis dengan sentuhan berseni (dari dekor dan interior) membuat tempat yang satu ini lumayan cocok untuk berfoto-foto <strong>tjantik</strong>, <em>but at the same time,</em> menikmati makanan yang lezat juga.</p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>Keeping Fine Quality Food in Check is #Key</h2> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Mulai dari menu pembuka, cemilan, dan main menu yang dibagi jadi tiga kategori, pilihan-pilihan menu disini lumayan banyak.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Higher Steps Dining memiliki pilihan yang lebih bejibun di kategori makanan '<em>Asian</em>' mereka.</p> <!-- /wp:paragraph --> <!-- wp:gallery {"ids":[35769,35771]} --> <ul class="wp-block-gallery columns-2 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095818.jpg?fit=719%2C931&ssl=1" alt="" data-id="35769" data-link="https://makanmana.net/?attachment_id=35769" class="wp-image-35769"/><figcaption>Munch Chips (30K)</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i1.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095816.jpg?fit=719%2C719&ssl=1" alt="" data-id="35771" data-link="https://makanmana.net/?attachment_id=35771" class="wp-image-35771"/><figcaption>Nasi Goreng Higher Steps (45K)</figcaption></figure></li></ul> <!-- /wp:gallery --> <!-- wp:image --> <figure class="wp-block-image"><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095821-1.jpg?fit=719%2C959&ssl=1" alt=""/><figcaption>Grilled Chicken Pesto Pasta (48K)</figcaption></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p>Sebagai pembuka/cemilan kami pesan <strong>Munch Chips </strong>yang terbuat dari potongan tipis kentang yang digoreng sampai crispy.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Dengan potongan paprika hijau dan merah, dan keju lumer yang lezat, kamu pasti punya ekspetasi kalau Munch Chips <em>bakal terasa berat </em>dan<em> minyakan</em>.</p> <!-- /wp:paragraph --> <!-- wp:image --> <figure class="wp-block-image"><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095838.jpg?fit=719%2C719&ssl=1" alt=""/><figcaption>Perfectly melted cheese covered the crispy chips! The tanginess from the citrus and the heat from paprika brought out a flavourful and fresh first bite that I came to love!</figcaption></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p><em><strong>But no, it wasn't greasy!</strong></em></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Ada tambahan asam dari buah citrus (atau cuka, we are not sure, but it tasted sour but in a good way!) yang cenderung mendominasi overall taste Munch Chips.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Semakin lama Munch Chips ditinggal tidak tersentuh, semakin tinggi level asamnya juga bertambah; prosesnya mirip <em>manual brew coffee</em>, so you may want to eat it first before the main course.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><strong>I love it, but it might not fit everyone's palate.</strong></p> <!-- /wp:paragraph --> <!-- wp:image --> <figure class="wp-block-image"><img src="https://i1.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095822.jpg?fit=719%2C959&ssl=1" alt=""/><figcaption>The fried rice in on a spicier side, with more heat and spices but not too bold that it tickles your nose.</figcaption></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p><em>Moving on</em>, untuk main course kami pilih dua menu: <strong>Nasi Goreng Higher Steps</strong> yang direkomendasi pelayannya.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>She said, "Ini <em>signature</em> kita,"</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Terdiri dari <em>nasi, ayam goreng, udang goreng, jamur</em> dan <em>telur sunny side-up</em> yang sempurna, Nasi Goreng Higher Steps ini mengumpulkan semua elemen untuk membuat seporsi nasi goreng super lengkap.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><em>If you're looking for something familiar for the tastebud and to start your journey with Higher Steps Dining, this could be one of the choices you pick from.</em></p> <!-- /wp:paragraph --> <!-- wp:image --> <figure class="wp-block-image"><img src="https://i0.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095837.jpg?fit=719%2C931&ssl=1" alt=""/><figcaption>A creamy pesto fettuccini pasta is all I needed, seriously!</figcaption></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p><em><strong>Like I mentioned in the beginning, I'm a pasta lover, aite? </strong></em></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><em>So don't blame me for giving the pesto an extra love, cause from all the sauces pasta can be paired with; pesto is one of the ones I'd def go back to.</em></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><em>I can't say it's the best in town,</em> tapi Pesto buatan Chef Higher Steps Dining ini termasuk one of the best di Medan. </p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Pasta ini bisa jadi salah satu pilihan buat kamu yang demen sama pesto pasta juga.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3} --> <h3>If you think the foods are all they have that are good, then you're wrong again!</h3> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Mulai dari <em>kopi, smoothies, fresh juices, signature refreshing</em> dan minuman lainnya, Higher Steps Dining menyediakan banyak pilihan buat kalian.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Karena aku dan Cindy udah mendapatkan asupan kopi yang cukup hari itu, kami pun memilih minuman dari pilihan <em>smoothies</em> dan <em>signature refreshing</em>.</p> <!-- /wp:paragraph --> <!-- wp:gallery {"ids":[35854,35855]} --> <ul class="wp-block-gallery columns-2 is-cropped"><li class="blocks-gallery-item"><figure><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095810.jpg?fit=719%2C899&ssl=1" alt="" data-id="35854" data-link="https://makanmana.net/?attachment_id=35854" class="wp-image-35854"/><figcaption>Mango Tango (38K)</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://i1.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095827.jpg?fit=719%2C959&ssl=1" alt="" data-id="35855" data-link="https://makanmana.net/?attachment_id=35855" class="wp-image-35855"/><figcaption>The Higher Steps Origin (38K)</figcaption></figure></li></ul> <!-- /wp:gallery --> <!-- wp:paragraph --> <p>Untuk melegakan tenggorokan yang mulai kehausan setelah makan, <strong>The Higher Steps Origin</strong> yang terbuat dari <em>sirup markisa, jus jerus, dan hydro coco</em> merupakan pilihan yang tepat untuk mendinginkan tubuh.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>But, if you're looking for something creamier, then you should go for <em>Mango Tango</em>.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Mango Tango terbuat dari campuran <em>buah mangga, lemon, es krim vanilla dan di topping dengan salted cheese dan buah stroberi.</em><strong> Yummy!</strong></p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2>Good environment, good place, and good service.</h2> <!-- /wp:heading --> <!-- wp:image --> <figure class="wp-block-image"><img src="https://i2.wp.com/makanmana.net/wp-content/uploads/2019/07/P7095793.jpg?fit=719%2C959&ssl=1" alt=""/></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p>Selain memiliki makanan enak dan tempat yang cuchmey untuk berfoto <em>tjantik</em>, yang paling penting dan yang akan menjadi final reason agar tempat ini layak to go back to adalah service mereka.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>"<em>Service is key</em>," kata manager Higher Steps Dining. "It brings the customers back when your service is well-remembered."</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><em>And I agree.</em></p> <!-- /wp:paragraph --> <!-- wp:heading {"level":3} --> <h3><em>Jadi tunggu apa lagi? Kalau kalian main ke area Medan Sunggal, jangan lupa merapat ke Higher Steps Dining ya.</em></h3> <!-- /wp:heading --> <!-- wp:quote --> <blockquote class="wp-block-quote"><p>Higher Steps Dining</p><cite>Alamat: Lacoste Paradise, Jl. Sunggal, Tj. Rejo, Kec. Medan Sungga<br>Jam Buka: 10.00 AM - 1.00AM<br>Lokasi: <a href="https://g.page/HigherSteps-Dining?share">https://g.page/HigherSteps-Dining?share</a></cite></blockquote> <!-- /wp:quote --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph -->
By the way, I forgot, the access code is 000 (Three zero)
Thank you for amazing information! I have one question.
Are you talking about this caption?
Non-AMP = https://monosnap.com/file/cBSc7JYcsBZcpyfZ3Z5C0nLu0zbSTv
AMP = https://monosnap.com/file/pGVqM1m707sZImYiWDCf7Inz6y57FaPlease confirm so that I can understand and work on this.
The caption I mention was in Non-Amp which is
‘Desain Interior yang…’ (inside the image)Which is not visible in the AMP
Thank you for the amazing help in finding out this.
I was able to re-create the issue, it’s happening when the Jetpack is enabled.
I have created a bug report on https://github.com/ahmedkaludi/accelerated-mobile-pages/issues/3536
We will fix this and release in the next update with high priority.
An alternative solution for you would be to use AMP plugin manager and exclude jetpack from AMP pages for a while until that bug is fixed.
Glad that you found the issue and put it on high priority list. Your help is much appreciated ??
- The topic ‘Gallery has same fig caption’ is closed to new replies.