🛠️ Ajuda
O AloukaNews é um tema gratuito para WordPress, de código livre. Ele muda a aparência do site e traz as ferramentas de live: agenda, enquetes, caixa de fofocas e overlay para o OBS. Este guia explica tudo do zero, mesmo que você nunca tenha criado um site.
Para colocar um site no ar, você vai ouvir quatro palavras o tempo todo. Vale entender cada uma antes de começar:
O programa que faz o site funcionar. Você escreve as notícias num painel parecido com um editor de texto, sem precisar saber programar. É grátis.
A "roupa" do site: cores, letras, organização das páginas e recursos extras. O AloukaNews é um tema. Trocar de tema não apaga as suas notícias.
O lugar onde o site fica guardado: um computador ligado 24 horas na internet. Você aluga um espaço nele, por mês ou por ano.
O endereço do site, como seusite.com.br. Também é alugado por ano. Sem domínio próprio, você usa um endereço da empresa, como seusite.wordpress.com.
Juntando tudo: o domínio é o endereço, a hospedagem é o terreno, o WordPress é a casa e o tema é a decoração. Dá para trocar a decoração quantas vezes quiser sem derrubar a casa.
Comprar um domínio é como registrar um endereço: ele ainda não sabe em qual "terreno" o seu site está. Você precisa apontar o domínio para a hospedagem. Isso se chama configurar o DNS, e é mais simples do que parece:
ns1.suahospedagem.com e ns2.suahospedagem.com). Eles aparecem no painel ou no e-mail de boas-vindas.Dica: se você comprar o domínio na mesma empresa da hospedagem, ela costuma fazer esse apontamento sozinha. Domínios .com.br são registrados no Registro.br, que cobra algo em torno de R$ 40 por ano (confira o preço atual no site deles).
Existem três caminhos. Se você ainda não tem site, escolha um deles e siga só a parte dele.
A própria empresa cuida de segurança, atualizações e cópias de segurança. Você só escreve.
Atenção: para enviar um tema baixado, como o AloukaNews, você precisa de um plano pago que libere a instalação de temas e plugins. Os planos grátis e os mais baratos só permitem os temas da loja do WordPress.com. Os nomes dos planos mudam de tempos em tempos: na página de preços, procure o que diz "instalar plugins" ou "temas personalizados".
Você contrata uma empresa de hospedagem e instala o WordPress com um clique. Costuma sair mais barato e aceita qualquer tema desde o plano mais simples.
Em troca: você (ou o painel da hospedagem) cuida das atualizações e das cópias de segurança.
Um programa grátis cria um WordPress que só você vê. Bom para experimentar o tema antes de pagar qualquer coisa.
Limite: ninguém mais acessa o site. Quando quiser publicar, use o caminho A ou B.
seusite.com.br/wp-admin e siga para Baixe o tema.Requisitos do tema: WordPress 6.4 ou mais novo e PHP 8.0 ou mais novo. PHP é a linguagem em que o WordPress é escrito, e a hospedagem escolhe a versão. Quase todas já vêm com uma versão nova; se não, procure "Versão do PHP" no painel da hospedagem.
⬇️ Baixar aloukanews-theme.zip
O arquivo baixado se chama aloukanews-theme.zip. Não descompacte: o WordPress precisa receber o arquivo .zip fechado.
aloukanews-theme e escolha Comprimir para gerar o .zip de novo.aloukanews-theme.zip na lista Assets. Evite o botão verde Code → Download ZIP: ele traz também os arquivos de programação, e a pasta vem com outro nome.seusite.com.br/wp-admin) com o seu usuário e senha.aloukanews-theme.zip e clique em Instalar agora.Use este caminho só se o painel do WordPress recusar o arquivo. Ele funciona em hospedagem própria, não no WordPress.com.
public_html) e depois em wp-content → themes.aloukanews-theme.zip para essa pasta e use a opção Extrair.wp-content/themes/aloukanews-theme/style.css. Se ficou uma pasta dentro da outra, mova a de dentro para themes..zip e ative o tema em Aparência → Temas.Quem já usa um programa de FTP, como o FileZilla, pode fazer o mesmo: descompacte o arquivo no computador e envie a pasta aloukanews-theme para wp-content/themes.
Com o tema ativo, estes ajustes deixam tudo funcionando. Faça na ordem; leva uns 15 minutos.
Sem esta etapa, você marca "Ao vivo agora" à mão no cadastro do streamer. Com ela, o site pergunta para a Twitch a cada minuto.
http://localhost, escolha a categoria Website Integration e crie.No OBS, em Fontes, clique em + → Navegador. No endereço, coloque seusite.com.br/overlay/ (a página com o modelo Overlay da live), largura 1920 e altura 1080. A manchete, os vídeos e as enquetes enviados pelo site aparecem por cima da live.
A câmera está no canto e cobre o palco? Na barra de cima do palco de mídias, use os botões ◧ ◫ ◨ para deixá-lo à esquerda, no centro ou à direita, ou arraste a barra para colocá-lo onde quiser. O site lembra a posição da próxima vez.
Quando sair uma versão nova, baixe o .zip de novo pelo mesmo botão e repita o envio em Aparência → Temas → Adicionar novo tema → Enviar tema. O WordPress avisa que o tema já existe: clique em Substituir o atual pelo enviado. Suas notícias, páginas, menus e ajustes continuam no lugar.
A hospedagem limita o tamanho dos envios. Instale pelo gerenciador de arquivos ou peça ao suporte da hospedagem para aumentar o limite de upload.
O .zip enviado não é o do tema, ou tem uma pasta dentro da outra. Baixe de novo pelo botão Baixar o tema e envie o arquivo sem descompactar.
O seu plano não permite instalar temas de fora. Veja o caminho A: é preciso um plano que libere plugins e temas.
Faltou a pasta dist, onde ficam o visual e os recursos do tema. Isso acontece com o .zip errado. Baixe o arquivo pelo botão desta página e instale de novo.
Vá em Configurações → Links permanentes e clique em Salvar alterações, mesmo sem mudar nada. Isso refaz os endereços do site.
Quase sempre é a versão do PHP antiga. No painel da hospedagem, mude para PHP 8.0 ou mais novo. Se não conseguir entrar no painel do WordPress, abra o gerenciador de arquivos e renomeie a pasta wp-content/themes/aloukanews-theme (por exemplo, para aloukanews-theme-off): o WordPress volta para o tema anterior.
O apontamento (DNS) pode levar até 48 horas. Se passar disso, confira se os servidores DNS cadastrados no domínio são exatamente os que a hospedagem passou.
Não. Notícias, páginas, imagens e comentários ficam guardados no WordPress, não no tema. Se você voltar para outro tema, só a aparência muda. As enquetes e os streamers são recursos do AloukaNews: eles somem da tela, mas continuam salvos e voltam quando o tema é ativado de novo.
Não achou a sua dúvida? Abra uma pergunta no GitHub (é preciso criar uma conta gratuita) contando o que aconteceu e, se puder, uma captura de tela.
O tema usa WordPress, Parcel, TailwindCSS, Swup.js e React. A pasta dist já vem pronta, então ninguém precisa compilar nada para usar o tema. Para mudar o código-fonte em src, rode npm install e depois npm run build. Os detalhes estão no README do projeto.