Pode ser um desafio criar um site de imóveis completamente multilíngue. Nesse post, ensinamos como é possível fazer isso usando os plugins do Toolset. Você pode começar do zero, ou usando um design de referência completo para agilizar o desenvolvimento.

O que nosso site multilíngue de imóveis incluirá

“Imóveis” incluem qualquer coisa construída sobre o solo, inclusive apenas terrenos (sem nada construído sobre eles). Apartamentos, prédios, lotes e escritórios têm campos diferentes e são exibidos de modo diferente. Por isso, decidimos criar um tipo de post personalizado separado para cada um deles.

inicial-imoveis-600

Cada seção do site inclui um slider com itens em destaque e pesquisa personalizada. A pesquisa personalizada permite encontrar itens de acordo com seus atributos (como tamanho, preço e características). Ela mostra os resultados em uma grade (lista textual) e como marcadores em um mapa do Google.

pesquisa-personalizada-casas-600

Cada item é exibido com todos os detalhes, incluindo o corretor, características e localização no mapa.

casa-individual-600

Então, se você for construir um site assim por conta própria, você deve:

  • Criar os tipos de post personalizados, seus campos e taxonomia;
  • Descobrir como implementar uma pesquisa personalizada (que é uma das principais partes do projeto);
  • Descobrir como exibir os itens em um mapa do Google;
  • Criar o design de exibição de todos os elementos.

Como criar um site multilíngue de imóveis com o Toolset

Há muitos temas excelentes que farão isso por você. Hoje explicaremos como criar sites assim usando os plugins do Toolset.

Caso ainda não tenha ouvido falar do Toolset, é um pacote de plugins que ajudam você a desenvolver sites avançados com tipos personalizados, sem programação. O Toolset é muito adequado para sites de imobiliárias porque esse tipo de site depende bastante de tipos de post personalizados e campos personalizados. Com o Toolset, é fácil configurar esses tipos e campos personalizados e exibi-los de modo atraente no front-end, sem precisar programar em PHP.

Tipos de post personalizados, campos e taxonomias para nosso site de imóveis

A primeira coisa que fizemos foi criar os tipos de post personalizados, campos e taxonomias. Embora o site pareça simples, ele tem 7 tipos de post personalizados diferentes. Acesse Toolset->Painel para criá-los.

Os tipos de post personalizados, campos e taxonomias para nosso site de imóveis de referência

Os tipos de post personalizados, campos e taxonomias para nosso site de imóveis de referência

Criamos conjuntos separados de campos personalizados, que adicionam os atributos que cada tipo de post personalizado precisa.

Campos personalizados para apartamentos

Campos personalizados para apartamentos

Criando o front-end do site com o Toolset

O plugin Layouts centraliza o design do front-end do site com o Toolset. O Layouts lhe permite criar o “esqueleto” visual do seu site com um editor do tipo “arrastar e soltar”. Daí, você constrói os detalhes de cada bloco usando o plugin Views.

Primeiro, cria-se o layout. Você começa com o layout pai, que inclui os elementos que aparecem em toda página do site.

O layout mestre do site, incluindo o cabeçalho, rodapé e espaço reservado para os layouts filho.

O layout mestre do site, incluindo o cabeçalho, rodapé e espaço reservado para os layouts filho.

Em seguida, você desenvolve os layouts (esqueletos) das diferentes páginas principais. Esse é o layout para o “arquivo de casas”, que é a página de pesquisa de casas.

Layout de arquivo de casas (o “esqueleto” da lista de casas)

Layout de arquivo de casas (o “esqueleto” da lista de casas)

Assim que tiver os layouts prontos, é hora de se ater à construção dos diversos blocos. Isso é feito com as Views. Uma View carrega conteúdo do banco de dados e o exibe. Você pode criar Views para listas simples, sliders, pesquisas personalizadas, tabelas, grades e qualquer coisa que possa imaginar.

Há três etapas para criar uma View:

  1. Selecionar o propósito da View (lista simples, pesquisa personalizada, lista paginada, slider);
  2. Escolher mais opções, dependendo do tipo de View que está sendo criada;
  3. Criar o design da saída usando HTML e CSS.

Configurando uma View - 1. Escolha o conteúdo a exibir

Configurando uma View – 1. Escolha o conteúdo a exibir

Configurando uma View - 2. Selecione opções para esse tipo de View

Configurando uma View – 2. Selecione opções para esse tipo de View

Configurando uma View - 3. Crie o design da saída usando HTML

Configurando uma View – 3. Crie o design da saída usando HTML

Você talvez tenha notado que o código HTML acima utiliza shortcodes. Esses shortcodes exibem campos. Você não precisa memorizar shortcodes nem suas opções. Para incluir um campo no HTML, clique no botão Campos e Views no editor. Selecione o campo, insira suas opções e você obterá o shortcode completo.

Inserindo um campo

Inserindo um campo

Dessa forma você pode criar seus próprios layouts personalizados e, dentro deles, criar os elementos necessários do site. Se souber escrever HTML e CSS, é possível fazer qualquer coisa com o Toolset, sem escrever nada de PHP.

Como traduzir

Uma das melhores coisas do Toolset é a perfeita integração com o WPML. Qualquer coisa criada com o Toolset é fácil de traduzir com o WPML.

O Toolset registra automaticamente todas as “strings” para tradução.

Ao acessar WPML->String translation, você verá domínios de string para cada uma das Views (e outros elementos do Toolset) que criou. Haverá também domínios para os tipos de post personalizados e campos.

Traduzindo as strings em uma View

Traduzindo as strings em uma View

Traduzir layouts é ainda mais fácil. Acesse WPML->Translation management e você verá os Layouts aparecendo no painel de tradução.

Layouts a traduzir

Layouts a traduzir

A tradução de um layout é semelhante à de posts. Será apresentada uma lista de textos que aparecem no layout para a tradução somente deles. Não é preciso criar novamente layouts para cada idioma separadamente.

Comece do zero ou de um site modelo completo e funcional

Com o Toolset, você pode criar os seus próprios sites multilíngues de imóveis totalmente do zero. Também é possível usar nosso site modelo completo de imóveis como ponto de partida. Visto que esse foi criado totalmente usando os plugins do Toolset, você pode modificar qualquer coisa nele. É possível editar elementos, remover e adicionar seus próprios.