como adicionar corretamente um arquivo CSS a um tema WordPress usando cPanel
para um desenvolvedor de tema WordPress, a primeira coisa é entender sua estrutura; e depois disso, trata-se de aprender sobre como adicionar scripts e folhas de estilo.
a maioria dos web designers cometer um erro ao criar um tema WordPress apenas como um modelo HTML simples.
você deve entender WordPress é uma plataforma baseada em PHP, e seus temas são dinâmicos. Adicionar um arquivo CSS não é como você faz ao criar um site estático.
WordPress tem seu padrão de codificação que você precisa seguir. Enfileirar um arquivo CSS corretamente pode ser um pouco complicado para muitos desenvolvedores/designers da web.
neste tutorial, vou orientá-lo através de um processo passo a passo, que explica o Codex WordPress de adicionar um arquivo CSS a um tema WordPress.
supondo que você tenha uma boa hospedagem WordPress com o WordPress configurado, vamos começar!
entenda a função wp_enqueue_style ()
ao desenvolver um site HTML estático, você pode vincular o arquivo CSS à cabeça, mas não é o mesmo caso em um tema WordPress.
com uma compreensão clara do Codex PHP e WordPress, você deve aprender a usar funções de tema.Vamos começar com a função wp_enqueue_style (), que é usada para vincular um arquivo CSS ao seu tema WordPress. Os parâmetros padrão são os seguintes.
wp_enqueue_style( $handle, $src, $deps, $ver, $media );
deixe-me explicar todos esses parâmetros.
- $punho:- É um campo obrigatório, que inclui o nome da folha de estilo
- $src: – também é necessário preencher. É o caminho da folha de estilo em relação ao diretório raiz
- $deps:- é opcional criar uma matriz para controlar a folha de estilo
- $ver:- se você deseja controlar a versão da folha de estilo, você pode.
- $media: – Se você quiser usar a folha de estilo para qualquer tipo de mídia, você pode. Caso contrário, não há necessidade.
você pode ter tido alguma idéia agora. Apenas as duas primeiras opções são necessárias para preencher, o resto você pode deixar vazio para pegar os valores padrão.
Nota: agora, se o nome da folha de estilo For “estilo” e estiver na pasta nome do tema principal, o código será o seguinte.
wp_enqueue_style( 'style', get_stylesheet_uri() );
mas como você pode ver, você faz funcionar; você precisa criar uma função WordPress, que pode vincular o arquivo à cabeça de uma maneira adequada.
deixe-me mostrar o código.
functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );
você pode estar se perguntando como se o melhor lugar para adicionar a função. Bem, se você sabe um pouco sobre o desenvolvimento do tema WordPress, você pode saber que as funções.o arquivo php controla todas as funções.
então, você tem que abrir o arquivo e adicionar esta função.
se você notou, há um gancho “add_action” com um parâmetro “wp_enqueue_scripts”, que é usado para enfileirar estilos e scripts.
tudo que você precisa entender é a principal função wp_enqueue_style ().
para desenvolvedores novatos do WordPress, pode ser difícil pegar essas coisas técnicas, mas uma vez que eles aprendem o WordPress Codex, tudo vai bem.
espero que não seja tão difícil adicionar um arquivo CSS a um tema WordPress
lembro-me de quando comecei a desenvolver temas WordPress há alguns anos, foi um desastre. Quando você continua praticando sites estáticos e de repente conhece a natureza dinâmica da web 2.0, você pode se preocupar um pouco.
depois de se envolver com os códigos do WordPress, você pode começar a se sentir interessante. Adicionar um arquivo CSS é um dos conceitos básicos para desenvolver um tema WordPress do zero.
conclusão
o desenvolvimento da Web pode ser complicado e pode assustar os usuários novatos do WordPress. O guia é para as pessoas que desejam começar a desenvolver seu tema WordPress personalizado.
Obrigado por seguir este tutorial.
confira esses 3 principais serviços de hospedagem WordPress:
273 comentários
-
Usuário Amigável5.0
-
Suporte5.0
-
Características5.0
-
Confiabilidade5.0
-
Preços4.9
1161 comentários
-
Usuário Amigável4.8
-
Suporte4.9
-
Características4.8
-
Confiabilidade4.8
-
Preços4.7
390 comentários
-
Usuário Amigável4.4
-
Suporte4.4
-
Características4.4
-
Confiabilidade4.4
-
Preços4.6