I modelli sono il modo più veloce per importare i disegni all'interno di una pagina web. Molti non sanno come convertire l'HTML in un modello di pagina Elementor. Di conseguenza, le cose diventano più complicate. Per risolvere questo problema, vi mostreremo come creare facilmente un modello Elementor.
Mentre creiamo il modello, è necessario ricordare che abbiamo bisogno di una pagina già pronta. Naturalmente, è possibile creare subito una pagina web e iniziare a lavorarci. Progetteremo la nostra pagina in Elementor.
Tuttavia, per questo evento, utilizziamo i widget realizzati da Element Pack. Assicuratevi di leggere completamente questo blog per sapere come convertire l'HTML in un modello di pagina di Elementor.
Passo 1: Progettazione della pagina per il modello
Prima di tutto, dobbiamo creare la nostra pagina. Entriamo nel vivo.
Andate al vostro Cruscotto di WordPress> Pagine> Aggiungi nuovo.
Assegnare un nome alla pagina e fare clic su Modifica con Elementor. A questo punto, la pagina si aprirà nell'editor Elementor.
Quindi, creare la pagina come si desidera. Nell'immagine qui sopra, abbiamo creato la pagina utilizzando i widget Heading, Scroll Nav, Advanced Button, Search e Slider. Questi widget del componente aggiuntivo di elementor sono tutti realizzati da Element Pack. Ora la nostra pagina è pronta per essere convertita in un modello di pagina di Elementor.
Fase 2: Conversione in un modello di pagina Elementor
Per creare un modello, è necessario eseguire un paio di passaggi. Innanzitutto, seguire l'immagine precedente e fare clic su Salva come modello in fondo al menu sul lato destro. È necessario fare clic sulla freccia accanto al pulsante Aggiorna per far apparire l'opzione. Questo è il primo passo per creare un modello di pagina di Elementor.
Successivamente, apparirà una nuova finestra a comparsa. Da qui si può dare un nome al modello e premere Salva. Il modello verrà salvato nella libreria di elementor.
Alcuni utenti chiedono anche se esiste un convertitore da html a elementor online o un plugin da html a elementor per semplificare il processo. Sebbene Elementor non disponga di un convertitore diretto, è possibile creare e salvare facilmente i progetti seguendo questi passaggi.
Passo 3: Esportazione del modello nell'unità locale
Salvando il modello, si aprirà la libreria dei modelli. Da qui, fare clic sui punti contrassegnati del nuovo modello. Appariranno due opzioni. A questo punto, fare clic su Importa.
Il modello verrà scaricato e salvato in formato Json. Ora, è possibile inserire questo file nella cartella locale> wp-content> templates. Questo file è noto anche come file json del template di elementor.
Salvare il file in questo modo vi permetterà di accedere a questo modello da qualsiasi dashboard di WordPress.
Se si lavora con l'HTML personalizzato, si possono consultare le guide su da html a json elementor o da html a elementor jsonma Elementor gestisce la maggior parte di questi aspetti automaticamente durante l'esportazione e l'importazione dei modelli.
La migliore soluzione web: Volete potenziare il vostro sito web con il nostro prodotto?
Passo 4: inserimento del modello di pagina di elementor
Il file Json del template si trova nella cartella locale, il che significa che ora è nella libreria di WordPress. Ora vediamo come inserirlo nella pagina.
Per prima cosa, creare una nuova pagina e modificarla con elementor. Quindi fare clic sulla cartella dei modelli mostrata nell'immagine precedente.
Ora è possibile vedere la libreria dei modelli. Da qui, passare il mouse sul modello, fare clic su Inserisci e premere Sì.
Ecco fatto! Il vostro modello elementor apparirà sulla vostra pagina, al posto dell'HTML. Questo è particolarmente utile se si desidera convertire siti web in elementor o riutilizzare progetti.
Come nascondere l'elemento html nella pagina Elementor?
Se non si vuole convertire il modello HTML in elementor, è possibile nasconderlo temporaneamente, in modo da poter recuperare la versione html.
Ecco i passi più semplici per nascondere il modello html nella pagina di elementor:
Fase 1: Andate al vostro Pagina Elementor e selezionare l'opzione widget html di elementor.
Fase 2: Dalla barra dei menu a sinistra, fare clic su Anticipo scheda.
Fase 3: Scorrere verso il basso e trovare il menu Responsive dall'elenco.
Passo 4: Attivare la levetta per nascondere per desktop, mobile, tablet, a seconda delle esigenze.
Ecco fatto. I modelli HTML non verranno visualizzati nella pagina Elementor. Tuttavia, si tratta di un nascondimento temporaneo: è possibile renderlo visibile in qualsiasi momento, semplicemente disattivando il toggle.
Domande frequenti:
Come visualizzare il codice sorgente della pagina HTML creata con Elementor?
Fare clic con il tasto destro del mouse sulla pagina e fare clic su "Visualizza origine pagina". In questo modo viene mostrata la elemento html struttura.
Come modificare l'HTML in Elementor?
Cercare HTML nel menu di sinistra. Utilizzare il pulsante codice html di elementor e dopo la modifica premere Pubblicare per salvare le modifiche.
Come aggiungere codice HTML in WordPress Elementor?
Inserire il wordpress elementor codice html o il blocco widget html di elementor e aggiungere il codice tra .
Posso esportare i progetti Elementor come HTML?
Sì, ma Elementor esporta JSON per impostazione predefinita. Sono necessari strumenti o metodi manuali per convertire la pagina di elementor in html, o esportare elementor in html.
Conclusione
Convertire l'HTML in un modello di pagina di Elementor o semplicemente esportare il progetto Elementor come JSON non è un compito difficile e potete farlo anche voi. Basta seguire correttamente i passaggi.
Alcuni utenti preferiscono il processo inverso e cercano una convertitore da elementor a html o modi per esportare la pagina di elementor in html. In questi casi, è possibile utilizzare la funzione di salvataggio del browser oppure i plugin che convertire elementor in html.
Questo blog è sponsorizzato da Element Pack, il pacchetto di widget one-in-all per Elementor. Grazie per aver letto questo blog. Buona giornata.
