Un utente ha chiesto informazioni su AMP di Wordpress

Utilizzo di tag template amp-mustache all’interno delle funzioni di wordpress

Un utente ha chiesto 👇

Ehilà!

Voglio creare l’elenco dei commenti più recenti con amp-list. Ecco il mio codice


<amp-list 

	layout="fixed-height"
	width="auto"
	height="100vh"
	items="."
	src="/wp-json/wp/v2/comments?per_page=50"
 	load-more="auto"
 	id="live-comments-list"
>
	<template type="amp-mustache">
		
		<div class="sidebar-live-comments__wrapper">
			<div class="sidebar-live-comments__body">
				<?php $comment = '{{#content}}<code>rendered</code>{{/content}}'; 
					  $authorID = '{{author}}'; 
				?>

				<i class="fas fa-user"></i> 
				<span class="sidebar-live-comments__author">{{author_name}}</span>
				
				<div class="sidebar-live-comments__content"><?php echo $comment; ?></div>
				<a class="sidebar-live-comments__link" href="{{link}}">Reply</a>
			</div>
		</div>
		
	</template>

	 <div placeholder>
	 	<div class="sidebar-live-comments__placeholder-item"></div>
	 </div>

	<div fallback>Failed to load data.</div>

</amp-list>

Poiché l’endpoint personalizzato dell’API REST è un po ‘banale, tutto ciò di cui ho bisogno sono le funzioni principali di wordpress come get_permalink(), get_the_author_url(), eccetera. con tag modello amp-moustache (per i vecchi: $id = '{{id}}'; get_permalink($id); )

Ma per qualche motivo le funzioni wp non funzionano
(senza fortuna anche con intval () e strval () e ricerca google 🙂)
C’è un modo per farlo funzionare?

Grazie

Questo argomento è stato modificato l’ultima volta 12 mesi fa da.

Autore del plugin

(@westonruter)

12 mesi fa

Sono confuso sul motivo per cui è necessario utilizzare le funzioni PHP nel modello Moustache. Tutti i dati inseriti dovrebbero provenire dalla risposta dell’API REST, no?

Autore del plugin

(@westonruter)

12 mesi fa

Questa sembra essere la marcatura di cui hai bisogno:

<amp-list
	layout="fixed-height"
	width="auto"
	height="100vh"
	items="."
	src="/wp-json/wp/v2/comments?per_page=50&type=comment"
	id="live-comments-list"
>
	<template type="amp-mustache">
		<div class="sidebar-live-comments__wrapper">
			<div class="sidebar-live-comments__body">
				<i class="fas fa-user"></i>
				<span class="sidebar-live-comments__author">{{author_name}}</span>

				<div class="sidebar-live-comments__content">
					<code>content.rendered</code>
				</div>
				<a class="sidebar-live-comments__link" href="{{link}}">Reply</a>
			</div>
		</div>
	</template>

	<div placeholder>
		<div class="sidebar-live-comments__placeholder-item"></div>
	</div>

	<div fallback>Failed to load data.</div>

</amp-list>

Questa risposta è stata modificata 12 mesi fa da. Lanciatore di thread

(@yuranikolaev)

12 mesi fa

Hey Weston, grazie per la risposta!

Sono confuso sul motivo per cui è necessario utilizzare le funzioni PHP nel modello Moustache. Tutti i dati inseriti dovrebbero provenire dalla risposta dell’API REST, no?

Bene, ci sono molte ragioni, ma prima – velocità. È molto più veloce usato invece di scrivere una manciata di cose con il thouse srcset, le dimensioni ecc.

Ora lo so, AMP fornisce tag baffi al client, quindi non c’è modo di usarlo nel modello php

Chiuso

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *