Página Personalizada WordPress Tema Flatsome


Utilizando o plugin de campos personalizados

  1. Criar um arquivo PHP e inserir o seguinte código dentro da pasta do seu tema filho.
<?php
/*
Template name: Obras Anteriores
*/
get_header(); ?>

<?php do_action( 'flatsome_before_page' ); ?>
<div id="content" role="main" class="content-area">
<?php while ( have_posts() ) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; // end of the loop. ?>
</div>


<!--CONTEUDO-->

<!--FIM CONTEUDO>

<?php do_action( 'flatsome_after_page' ); ?>

<?php get_footer(); ?>

2. Preparar todo o layout da página

Construir a página normalmente pelo construtor de página Flatome UX- Builder e ajustar tudo, inclusive para celular.

3. Separar todas as seções em UX Blocks.

4. Inserir as seções com shortcode no PHP da página criada com os campos personalizados.

Exemplo:

<div class="section-footer-modelo">
<div class="rowcontent">
<?php echo do_shortcode('[block id="footer-acelera-iao"]');?>
</div>
</div>

Após tudo estar ok, vamos começar a criar os campos personalizados e gradativamente, ir substituindo os shortcodes pelos códigos reais gerados pelo plugin Theme Code Pro.