Como criar receitas lindas de WordPress (em 4 etapas)

Ter um blog de culinária provavelmente significa que você precisará exibir receitas e outras informações relacionadas regularmente. No entanto, mesmo se você fornecer instruções excelentes, sua criação estelar pode passar despercebida sem um pouco de estilo.

Neste artigo, vamos falar sobre por que estilizar suas receitas é importante e o que procurar em um ótimo plugin de culinária. Em seguida, apresentaremos uma de nossas escolhas favoritas e ensinaremos como usá-la para criar receitas em WordPress. Vamos começar!

Por que você pode querer adicionar receitas lindas ao seu site

Quanto mais atraentes forem suas receitas, mais atraentes elas serão.

É quase desnecessário dizer, mas você deseja que todos os elementos do seu site sejam o mais atraentes possível. Quanto mais importantes eles são para o seu público, mais atenção você precisa dar a eles. Quando se trata de blogs de culinária, poucos - ou nenhum - elementos recebem mais atenção do que as receitas. Vamos discutir o porquê:

• Eles podem ajudar a aumentar o engajamento. Seguir uma receita exige tempo e foco. Quanto mais atraentes forem suas receitas, mais tempo os usuários poderão passar em seu site lendo-as.
• Você pode estilizar suas receitas da maneira que desejar. Muitas pessoas adicionam um punhado de fotos às suas receitas e encerram o dia. Embora uma boa fotografia seja essencial para uma receita atraente, você pode fazer muito mais com o WordPress. Por exemplo, você pode adicionar uma seção separada que cobre os valores nutricionais.

Se você tem um blog de culinária - ou está pensando em começar um - reformular suas receitas é uma excelente ideia. Isso fará com que seu site pareça muito mais sofisticado e pode até mesmo dar a você uma vantagem sobre os concorrentes cujas receitas parecem menos profissionais. Apenas certifique-se de que eles têm um gosto bom antes de recomendá-los!

O que você deve procurar em um incrível plug-in de receita para WordPress

Felizmente, o WordPress permite que você implemente receitas elegantes em seu site de várias maneiras. Neste caso, pode fazê-lo manualmente e até utilizar um tema como o Divi, que lhe dá muito controlo graças ao seu sistema de módulos.

Por outro lado, você tem uma grande variedade de plug-ins, como Cooked, WP Recipe Maker e WP Ultimate Recipe. Todas essas são as principais opções e compartilham muitos recursos em comum, como:

• Fornecendo uma maneira fácil de criar receitas que parecem ótimas.
• Vários layouts para estilizar suas receitas de forma que possam se adaptar ao estilo do seu site.
• Recursos amigáveis ​​para cozinhar, como incluindo tempos de cozimento, listas de ingredientes e muito mais (todos usando estilos exclusivos).
• Galerias de imagens otimizadas para acompanhar suas receitas.

Se você pegar qualquer um desses elementos separadamente, não é particularmente difícil replicá-los sem um plug-in. No entanto, provavelmente envolveria a criação de tipos de postagem personalizados por conta própria e a dedicação de muito tempo para fazer alterações em seu tema. Se você está à altura da tarefa, que seja, mas você sempre pode usar um plugin para fazer o trabalho pesado.

Uma introdução ao plug-in Cooked

O plug-in Cooked permite que você crie algumas das receitas mais lindas do WordPress que vimos sem suar a camisa. Ele funciona fornecendo vários elementos de estilo, como informações nutricionais, tempos de preparação e cozimento, galerias e muito mais.

Você pode pegar esses elementos e reorganizá-los da maneira que quiser usando um sistema de shortcode fácil de dominar. Tudo que você precisa fazer é inserir as informações da sua receita e deixar o plugin transformá-la em algo que não estaria fora do lugar em uma revista de culinária.

Se você é um usuário Divi, ficará feliz em saber que o plugin e o tema funcionam bem juntos. Como suas receitas são baseadas em códigos de acesso, você pode adicioná-las a qualquer módulo que desejar e personalizar seu estilo para combinar com o resto do site.

Características principais:

• Crie receitas elegantes do WordPress usando uma ampla gama de elementos pré-construídos.
• Use códigos de acesso para organizar os elementos de sua receita da maneira que desejar.
• Exiba suas receitas usando um layout de grade de alvenaria atraente.
• Inclua informações importantes, como tempos de cozimento, níveis de dificuldade da receita e dados nutricionais.
• Permita que seus visitantes marquem ingredientes da lista de cada receita para se certificar de que não perderão nada.
• Inclui uma funcionalidade de pesquisa apenas para sua biblioteca de receitas.

Preço: Versões grátis e premium disponíveis | Mais Informações

Como criar receitas lindas de WordPress (em 4 etapas)

Para esta seção, vamos usar o plugin Cooked para ensiná-lo a criar receitas do WordPress. Como mencionamos anteriormente, este não é o único plug-in de receita disponível online, mas é um dos mais bonitos e funciona bem para inicializar. Antes de começarmos, certifique-se de instalar e ativar o plugin Cooked para que possa seguir nossas instruções.

Etapa # 1: configurar o plug-in

Antes de começar, você vai querer configurar o plugin Cooked. Para fazer isso, vá para a guia Receitas> Configurações em seu painel:

Primeiro, você deseja designar uma página como sua 'biblioteca de receitas'. Para fazer isso, crie uma nova página e adicione o código de acesso [navegação cozida] em algum lugar dentro dela. Em seguida, salve suas alterações e ative o recurso de pesquisa de receita, escolhendo essa página no menu suspenso na parte superior da página Configurações :

Continuando, você também deseja definir o número de receitas a serem incluídas em cada página de sua biblioteca. O padrão é nove, mas sinta-se à vontade para experimentar outros números para ver se eles são mais do seu agrado. Logo abaixo dessa opção, você encontrará uma configuração para habilitar taxonomias para suas receitas. Recomendamos mantê-lo ativado para que você possa categorizá-los para uma melhor organização:

Agora, role para baixo e verifique as configurações de Alternância de receita global . Você encontrará oito elementos dentro, e alternar um irá desativá-lo para todas as suas receitas, então reserve um minuto para pensar o que deseja incluir no seu:

Por último, mas não menos importante, você vai querer escolher um formato para exibir os nomes do autor de cada receita. Para fins de consistência, recomendamos selecionar um formato o mais próximo possível daquele que você usa nas postagens do seu blog:

Com isso resolvido, salve suas alterações e vá para a etapa número dois.

Etapa 2: Configurar categorias para suas receitas

Dependendo de quantas receitas você planeja adicionar ao seu site, provavelmente você desejará configurar grupos separados para elas. Mesmo que você esteja apenas começando, adicionar uma ou duas categorias não faz mal e vai tornar mais fácil para os visitantes olharem em sua biblioteca.

Para começar, vá para a guia Receitas> Categorias . No lado esquerdo da tela, você encontrará as opções de que precisa para adicionar novas categorias e uma lista de todas as categorias existentes ao lado delas:

O processo aqui é muito simples. Basta escolher um nome e um slug para sua nova adição e, em seguida, escolher uma categoria pai, se necessário. Por exemplo, se você deseja adicionar uma categoria para pratos de massa, pode definir o italiano como seu pai (o que significa que você precisa criar esse primeiro):

Lembre-se: há um campo na parte inferior da página que permite adicionar descrições para cada uma de suas categorias. Essas descrições geralmente são apenas para fins de identificação interna. No entanto, alguns temas - não Divi - podem mostrá-los, então tome cuidado com o que você escreve aqui:

Você sempre pode ignorar esse recurso completamente se não quiser adicionar descrições às suas categorias. De qualquer forma, uma vez que você tenha sua taxonomia básica no lugar, é hora de finalmente ir para a cozinha (ou o painel) e começar a trabalhar em sua primeira receita.

Etapa 3: Crie sua primeira receita

Para começar, clique na guia Receitas> Adicionar nova . Isso o levará ao editor do WordPress com algumas guias personalizadas, cortesia do plug-in Cooked:

Primeiro, defina o nome da sua receita e, em seguida, role para baixo até o corpo principal do editor. Você verá vários códigos de acesso aqui, cada um representando um elemento diferente de sua receita:

Por enquanto, não vamos mexer nesses códigos. Em vez disso, clique na guia Ingredientes . Dentro, você poderá adicionar cada um dos ingredientes da sua receita, especificando quantidades e medidas para cada um deles:

Vá em frente e liste todos os ingredientes da sua receita. Se você cometer algum erro, pode editar cada item ou removê-lo clicando no ícone X que aparece ao passar o mouse. Quando terminar, vá para a próxima guia - Rotas.

No que diz respeito às receitas, instruções claras são vitais para garantir que seus visitantes não cometam erros. Uma das melhores características do Cooked é o fato de permitir que você divida as instruções em etapas fáceis de seguir. Para fazer isso, você pode combinar títulos e instruções curtas:

Se você quiser animar ainda mais suas receitas, há também a opção de adicionar imagens ao lado de todas as etapas que julgar necessárias. É um trabalho extra, mas pode ajudar a ilustrar como seu prato deve ser preparado. Continue até ter um conjunto completo de instruções e, em seguida, vá para a guia Nutrição :

Esta guia parece complicada, mas as aparências enganam. Contanto que você saiba as informações nutricionais de sua receita, basta preencher os campos obrigatórios e ignorar aqueles de que não precisa. Se você não quiser incluir essas informações para uma receita específica, fique à vontade para ignorá-la, pois você pode remover o código de acesso correspondente.

Por fim, vá para a guia Galeria e faça upload de todas as imagens que deseja exibir junto com sua receita:

Quando estiver pronto, volte para a guia Layout & Content , role para baixo, digite um trecho da sua receita e indique o nível de dificuldade, o tempo de preparação e o tempo de cozimento:

Agora, tudo o que resta é personalizar a aparência de sua receita no front end. Veremos isso na etapa final.

Etapa 4: estilize suas receitas cozidas

Antes de continuarmos, vamos verificar como está nossa receita. Aqui está o autor da receita, o nível de dificuldade e o recurso de impressão ...

... e logo abaixo temos as informações de tempo e lista de ingredientes:

Nada mal, mas você pode personalizar tudo de acordo com seus requisitos exatos, reorganizando os códigos de acesso na guia Layout & Conteúdo . Seus nomes são autoexplicativos, mas se precisar de ajuda, você pode encontrar uma folha de dicas na guia Shortcodes :

No geral, nossa receita já parece muito boa, mas ainda pode melhorar. Vamos tentar adicionar suas informações nutricionais à nossa barra lateral (dessa forma, não vai sobrecarregar o resto dos elementos da receita). Felizmente, o Cooked permite que você faça isso fora da caixa. Basta ir para Aparência> Widgets e arrastar o Widget Cooked para a sua barra lateral:

Não há necessidade de configurar o widget, pois a única opção que ele oferece é exibir os dados nutricionais da sua receita. Esta é a aparência da nossa receita agora:

Parece muito bom, e você pode continuar personalizando o seu brincando com o sistema de shortcode. Quando terminar, salve suas alterações e vá para a próxima receita!

Conclusão

Adicionar receitas estilosas ao seu blog WordPress é uma ótima maneira de envolver mais usuários. Usar imagens cativantes, exibir informações nutricionais e oferecer instruções detalhadas podem fazer com que os visitantes prestem mais atenção e permaneçam no local por mais tempo. Isso é algo que você pode fazer sem um plug-in, mas usar o certo pode economizar muito tempo.

Cooked não é o único plugin de receita disponível, mas é um dos nossos favoritos. Veja como usá-lo:

1. Configure o plugin.
2. Configure categorias para suas receitas.
3. Crie suas primeiras receitas.
4. Estilize suas criações.

Você tem alguma dúvida sobre como criar receitas em WordPress usando o Cooked? Pergunte na seção de comentários abaixo!

Imagem em miniatura do artigo por Oxy_gen / shutterstock.com.