Como colar um snippet de código de uma página da Web no WordPress para iniciantes

Olá a todos! O tutorial de hoje foca-se em ensinar-lhe como colar com segurança vários snippets de código personalizado no WordPress. Aqui estão algumas das principais coisas que gostaria de partilhar consigoA nossa equipaExperiência em colar trechos de código personalizados.

Qual é a melhor maneira de adicionar trechos de código ao WordPress?

Tal como anteriormente, antes de começar a adicionar fragmentos de código ao seu sítio WordPress, deve efetuar algumas alterações ao ficheiroCópia de segurança do sítio Web WordPress.

Isto mantém o seu sítio WordPress seguro e pode sempre restaurar o seu sítio a partir de uma cópia de segurança se algo correr mal.

Ao adicionar trechos de código ao WordPress, geralmente é possível encontrar instruções para adicionar trechos de código aos arquivos de modelo de tema do WordPress (por exemplo, index.php, single.php, etc.).

Estes snippets só são úteis para esses ficheiros de tópicos específicos, pelo que adicioná-los diretamente ouCriar um tema filho do WordPress.

No entanto, a maioria dos snippets de código são adicionados à secçãoficheiro functions.phpem. Alguns tutoriais podem adicionar trechos de código diretamente ao ficheiro, e operadores experientes podem fazê-lo. No entanto, o nosso tutorial é para principiantes, pelo que utilizará oPlug-in do WordPress.

Desta forma, se o tema for alterado, a personalização não será removida.

Existem várias formas de editar ficheiros WordPress, dependendo do método escolhido para adicionar fragmentos de código personalizados ao seu sítio WordPress.

Método 1: Adicione código personalizado utilizando o plug-in WPCode (simples)

Utilizar o plugin Code Snippets é a forma mais segura e fácil para principiantes de adicionar código ao WordPress.

Como colar um snippet de código de uma página da Web no WordPress para iniciantes

Código WPCO plugin facilita a adição e a gestão de fragmentos de código personalizados no seu sítio Web.Não precisa de editar os ficheiros do tema.

TemFunção de verificação inteligente de fragmentos de códigoO seu código de barras, pode ajudar a evitar erros de código comuns. Isto evita que o sítio Web seja afetado quando são adicionados trechos de código.

O WPCode também tem uma biblioteca de código incorporada que facilita a procura de todos os trechos de código mais populares do WordPress. Adicione esses trechos de código com apenas alguns cliques.

A melhor parte é que permite aos administradores gerir todos os snippets de código a partir de um ecrã central e até organizá-los utilizando etiquetas.

Atenção: O método WPCode é útil para adicionar aofunctions.phpOs trechos de código em ficheiros são úteis. Este método é utilizado se for solicitado que os trechos de código sejam adicionados a outros ficheiros de temas.

Como editar e adicionar código do WordPress com o WPCode

Se quiser adicionar código ao WordPress utilizando o plugin WPCode, pode adicionar o código diretamente a partir do painel de administração do WordPress.

Em primeiro lugar, instale e active o plugin gratuito WPCode.

Uma vez ativado, aceda ao Painel de Administração do WordPress na secção"Code Snippet""+ Add Code Snippet. Em seguida, clique em"Adicionar novo"Botão.

Clique em "Adicionar novo trecho de código" no WPCode.

Isto levá-lo-á a um ecrã onde pode selecionar um clip da biblioteca pré-criada ou adicionar código personalizado.

Para adicionar um código personalizado, clique em "Adicione código personalizado (novo fragmento de código)" na opçãoUtilize o botão do fragmento de código.

Adicionar código personalizado ao WPCode

No ecrã seguinte, comece por dar um nome ao fragmento de código para que seja mais fácil lembrar-se dele. Em seguida, cole o código na caixa. Selecione o tipo de código correto no menu pendente à direita.

Cole o fragmento de código personalizado e selecione o tipo de código

Em seguida, desloque-se para baixo até "Insira "Secções. Aqui, existe uma opção para utilizar o fragmento de código como um código curto e depois copiá-lo e colá-lo manualmente em qualquer parte do site.

Seleção de opções de inserção para trechos de código

Ou, em alternativa, existe a opção de "Auto-inserção" para selecionar onde inserir automaticamente o fragmento de código (funcionalidade do WordPress).

As selecções podem ser feitas a partir de posições como executar em todo o lado, apenas no front-end, apenas para o administrador, título de todo o site, após a publicação, entre publicações, antes do parágrafo, etc.

Inserção automática de posições no WPCode

O melhor do WPCode é que, para além das várias opções de inserção automática, inclui opções de lógica condicional para os principiantes. Isto permite-lhe escolher quando carregar o código.

Lógica condicional inteligente WPCode

Depois de adicionar o código, altere o interrutor no canto superior direito de "inativo"Mudar para"função".

Em seguida, clique emGuardar fragmentos de códigoBotão.

Guarde e active o fragmento de código

Quando um fragmento de código estiver ativo, será automaticamente adicionado ou apresentado como um código curto, dependendo do método de inserção escolhido.

Como saber Adicionar código de cabeçalho e rodapé do WordPress

Por vezes, pode ser apenas necessário abordar o assuntoheader.phptalvezrodapé.phpO plugin WPCode também o pode ajudar.

Quando se trata de adicionarGoogle AnalyticsIsto ser-lhe-á útil quando se tratar de códigos de rastreio para o Google AdSense, etc.

Além disso, gere todos os códigos de cabeçalho e rodapé num único local, evitando erros manuais e actualizando ou alterando o tema sem o perder.

Atenção:Este método é mais adequado para scripts de rastreio, CSS personalizado e código JavaScript.

mudar paraTrecho de código "Cabeçalho e rodapéO fragmento de código é então introduzido na secção de cabeçalho, corpo ou rodapé do sítio Web.

Adicionar código a cabeçalhos e rodapés com WPCode

Clique em "Guardar alterações" e, em seguida, o fragmento de código será apresentado no sítio Web.

metodologias2: Adicionar código personalizado a plugins WordPress específicos do sítio

Criar plug-ins específicos do site

Outra opção flexível é utilizar um plugin WordPress específico para o seu sítio. Este é um plugin personalizado que lhe permite criá-lo para o seu próprio sítio e utilizá-lo para guardar todo o seu código personalizado.

A vantagem desta abordagem é que o código não depende do tema e permanece ativo mesmo que o tema seja alterado. Também não é afetado por nenhum dosActualizações do WordPressO impacto do

Atenção:Este método só funciona se precisar de adicionar aofunctions.phptrecho de código do ficheiro.

Se utilizar um plug-in específico do sítio, pode adicionar código personalizado utilizando o editor de plug-ins WordPress incorporado.

mudar paraPlugins "Editor de pluginse, em seguida, a partir do ficheiro com o nome "Selecione o plug-in a editar:" para selecionar o plug-in.

O editor carregará o plugin específico do sítio. Depois, basta adicionar o código à página.

Adicionar código a plug-ins específicos do site

Quando terminar, clique em "Documentos actualizados" para guardar as alterações.

Se estiver a faltar alguma coisa no código ou se o site puder ser danificado, o editor de plug-ins anulará automaticamente as alterações.

Outra forma de adicionar código personalizado a um plugin específico de um sítio é utilizar o FTP.

Abra o sítio com um cliente FTP e, em seguida, clique com o botão direito do rato no ficheiro do plugin e selecione "Ver/Editar"Opções.

Editar plug-ins do WordPress específicos do site usando FTP

Isto abrirá o ficheiro e facilitará a adição de fragmentos de código. Quando guardar e carregar novamente o ficheiro, as alterações serão apresentadas automaticamente.

metodologias3: Adicionar código personalizado ao Functions.php ou a outros modelos de temas

Adicione o código a functions.php Exemplo

Por fim, pode adicionar trechos de código diretamente ao temafunctions.phppapéisem. No entanto, recomendamos a utilização de outros métodos, uma vez que este tem algumas desvantagens.

Em primeiro lugar, se atualizar o seuTemas para WordPressDepois, todas as alterações desaparecerão.

Em seguida, adicione código que só funcionará se esse tema específico for utilizado.

Analisamos como copiar e colar trechos de código corretamente e evitar a quebra do site.

Se adicionar o fragmento de código diretamente a um ficheiro de tema ou a qualquer outro modelo de página, navegue até ao painel de administração do WordPress na pastaEditor de temas "Aparênciafunctions.phppara adicionar código.

Em seguida, selecione o ficheiro na coluna da direita e este será aberto no editor.

Adicionar código ao functions.php e a outros modelos

Dependendo do tutorial que escolher, este dir-lhe-á onde pode adicionar o fragmento de código; caso contrário, o código tem de ser adicionado na parte inferior do ficheiro, por baixo de todo o código existente.

Outra opção é adicionar código personalizado aos ficheiros do tema utilizando o FTP do gestor de ficheiros alojado no WordPress.

Ligue o cliente FTP ao sítio e vá para a secçãowp-content " temas " a sua pasta de temase clique com o botão direito do rato no ficheiro a editar.

Editar ficheiros de temas através de FTP

Em seguida, clique em "Ver/Editar" abre o ficheiro num editor de texto e adiciona o fragmento de código.

Resolver erros de PHP ao adicionar código personalizado

Os novatos cometem alguns erros quando adicionam trechos de código personalizados ao seu site WordPresserro comum. A boa notícia é que a maioria dos erros pode ser evitada e corrigida.

Vamos dar uma vista de olhos a estes erros e à forma de os corrigir.

1. utilização incorrecta das etiquetas de início e fim do PHP

O WordPress é escrito principalmente na linguagem de programação PHP, que tem uma sintaxe específica que diz ao servidor que o código seguinte precisa de ser processado pelo PHP. Um trecho de código PHP típico é mostrado abaixo:

Como colar um snippet de código de uma página da Web no WordPress para iniciantes

Todo o código PHP precisa de ser colocado no ficheiro<?phpresponder com cânticos? >Tagged within.

As etiquetas finais PHP são importantes em ficheiros que alternam entre PHP e HTML. Isso inclui a maioria dos arquivos de tema do WordPress que usam marcação PHP e HTML.

Certifique-se de que, se colar código numa localização onde a etiqueta de início do PHP não está desactivada, tem de adicionar código sem a etiqueta de início do PHP.

Como colar um snippet de código de uma página da Web no WordPress para iniciantes

Se o código personalizado for colado fora ou depois da etiqueta de fim do PHP, então a etiqueta de início do PHP também terá de ser adicionada.

Como colar um snippet de código de uma página da Web no WordPress para iniciantes

Os erros 90% são todos causados por tags de início ou fim de PHP posicionadas incorretamente. Observar o código ajudá-lo-á a ver se precisa de adicionar uma etiqueta de início ou fim de PHP ao seu fragmento de código personalizado.

No entanto, muitos ficheiros de temas do WordPressfunctions.phpPode não haver nenhuma etiqueta de fim do PHP. Isto significa que o código pode ser adicionado no final do ficheiro sem a necessidade de uma etiqueta de início ou fim.

Eis um exemplo.

Como colar um snippet de código de uma página da Web no WordPress para iniciantes

Porque alguns tutoriais assumem que você já sabe como usar as etiquetas de início e fim do PHP. Portanto, o tutorial pode mostrar apenas um trecho de código sem essas tags.

Como colar um snippet de código de uma página da Web no WordPress para iniciantes

Por vezes, quando são fornecidos trechos de código, estes podem ser adicionados a mais do que uma localização, de modo a que as etiquetas de fim e início do PHP não sejam incluídas.

Quando adicionar um fragmento de código como este ao ficheiro do seu tema, certifique-se de que está localizado dentro de uma etiqueta PHP.

Compreender os erros de PHP no WordPress

Os erros gerados ao adicionar código personalizado ao WordPress geralmente exibem mensagens de erro detalhadas, a maioria das quais sãoerro gramaticalou devido a caracteres inesperadoserro fatal.

A boa notícia é que estes erros indicam-lhe qual a linha do seu código que está a causar o erro.

Exemplos de códigos de erro PHP

Depois, pode ir à linha de código exacta para examinar o código e descobrir o que está em falta.

Aqui, recomendamos que utilize oEditor de texto para edição de códigoSe não tiver uma linha de código, pode utilizar a função de realce de sintaxe para ajudar a resolver problemas.

Se utilizar o plugin WPCode, este também inclui um relatório de erros preciso que mostra a linha exacta onde ocorreu o erro.

Relatório de erros WPCode

Quando o WPCode descobre que está a bloquear o acesso dos administradores ao siteÁrea de gestãoDesactiva automaticamente o fragmento de código em caso de erro, facilitando a correção do problema em segurança.

O que fazer quando um sítio Web WordPress não está acessível?

Não entre em pânico. Todos os ficheiros do site ainda lá estão e pode aceder-lhes.

Utilize simplesmente o cliente FTP oupainel de controloA aplicação File Manager liga-se ao sítio Web.

Em seguida, localize o ficheiro onde adicionou o código que causou o erro e abra-o para edição.

Depois, pode tentar corrigir os problemas no fragmento de código. Se os problemas não puderem ser corrigidos, oRemova o trecho de código adicionadoSe pretender guardar as alterações, pode fazê-lo.

O sítio deve agora voltar ao normal. Se o erro persistir, descarregue um novo ficheiro zip do tema WordPress e extraia-o para o seu ambiente de trabalho.

Em seguida, localize o ficheiro anteriormente alterado e carregue-o para o servidor, substituindo o ficheiro antigo.

Para mais informações sobre as formas de abordar estas questões, consulte o nosso artigo sobre aErros comuns do WordPress e como corrigi-los.


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/20553/

Como (1)
Anterior 24 de setembro de 2024 am11:23
Seguinte 24 de setembro de 2024 2:55 pm

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat