Flashcards
WordPress Template Hierarchy
Cards in this deck (22)
- 1Como o WordPress procura pelos arquivos em sua hierarquia?Wordpress procura inicialmente pelos arquivos com maior especificidade, não achando um template especifico, ele passa a usar arquivos como back up no lugar... podemos observar a ordem em sites como:
codex.com/template-hierarchy/
ou https://wphierarchy.com/ - 2Como funciona o codigo comum usado nos temas WordPress conhecido como "The Loop"?"The loop", é o algorítimo que roda por pelo seu conteúdo em dadas paginas, para gerar a "make-up " e o "content" de uma dada pagina, o loop normalmente começa com um if/else statement ( para verificar se há conteúdo a ser gerado ) e um while, para percorrer caso haja conteúdo, preenchendo até que todos sejam preenchidos.
- 3Como funciona o codigo comum usado nos temas WordPress conhecido como "WP_QUERY"?WP_QUERY é uma customização que nos adicionamos ao "the loop" para permitir que ele procure por coisas mais especificas, de acordo com os parametros que podemos introduzir no WP_QUERY(), podemos buscar mais informações na documentação.
- 4Como funciona o codigo comum usado nos temas WordPress conhecido como "get_template_part()"?Essa é uma função utilizada para incluir arquivos, como "include.php", get_template_part aceita 2 paramentros, 1 é o "slug" que nos estamos querendo e o segundo parametro é opção ou é o adicional do arquivo.
Exemplo:
Se temos
get_template_part('loop', 'index');
//esta buscando um arquivo generico - 5Como é utilizado o arquivo "style.css" em um WordPress Template?O arquivo 'style.css' em WordPress é fundamental pois é nele que ficam armazenados as meta informações que vamos precisar para identificar um thema ou criar um "child theme".
- 6Como é utilizado o arquivo "index.php" em um WordPress Template?Vamos lembrar que index.php é o arquivo na ultima instancias na hierarquia, então ele vira um template base caso algum arquivo não esteja configurado.
Devemos faze-lo na maneira mais genérica possível. - 7Qual a importância da função "wp_head()" no arquivos "header.php"?Devemos adicionar
logo após o ainda dentro da <head> tag,
O que esse método faz é permitir que qualquer CSS, JS ou qualquer HTML necessário preencha no local correto, é aqui que um plugin de SEO poderia printar todas as meta-informações unicas de cada pagina.
Lembrar que "wp_head()" também carrega todos os arquivos CSS e JS selecionados, que devem estar carregados no arquivos "functions.php"; - 8Porque devemos utilizar a função "body_class()" dentro da tag ?O que essa função faz é returnar um codigo especial dentro da tag body dependendo de qual pagina você está do site.
Com as classes especiais, podemos manipular nossa body tag em diferentes paginas, modificando apenas o CSS. (como no exemplo dos arquivos, onde mudavamos a cor da header, baseado na pagina que estavamos visitando) - 9Qual função é mais comumente utilizada quando estamos trabalhando com "Menus" em WordPress?$args = array(
'menu' => 'header-menu',
'menu_class' => 'nav navbar_nav',
'container' => false
);
wp_nav_menu( $args );
dessa forma configuramos o menu que podemos modificar dentro do nosso wp-admin dashboard. - 10Qual a importância da função "wp_footer()" no arquivos "footer.php"?Essa função permite que o WordPress retorne codigo neste ponto do nosso codigo. Comumente local para carregar o JavaScript, que já estão previamente carregados em nosso arquivo "functions.php"
- 11Como funciona e para que usamos o arquivo 'sidebar.php'?Esse arquivo é chamado com a função,
get_sidebar();
É muito comum nos sidebards mostrar as informações dos widgets, quando nos mostramos widgets em um tema - 12Como selecionamos e qual a hierarquia dos arquivos utilizados como pagina inicial?Por padrão se o arquivo existir ele assumira a posição estatica de pagina inicial do nosso site, caso não exista um arquivo 'front-page.php' por padrão o home.php será a pagina inicial do nosso site e mostrara todos os posts criados, caso não possuemos 'front-page.php' e selecionarmos no admin area uma pagina estatica como home page, o arquivo 'page.php' passa a ser a pagina inicial de nosso site.
- 13Por padrão as paginas estáticas, como about, Servces page... são controladas por qual arquivo do back-end?São controladas pelo arquivo 'page.php', podendo ser variadas com um sub nome, de acordo com a especificidade, por exemplo se queremos um template exclusivo para um about page, podemos localizar o id da pagina ou adicionar um arquivo 'page-about.php' que vai cuidar especificamente da pagina estatica about, caso não tenhamos nenhuma pagina com especificidade maior, a pagina será controlada por 'page.php'.
Como podemos ver no 'wp-hierarchy.com', a especificidade sai de :
page-$slug.php, back para
page-$id.php back para
page.php - 14Como fazemos para criar um template opcional para nossos posts?criamos um arquivo com:
page-name-template.php
e então selecionamos esse arquivo no wp-admin-area, na hora de publicar o post, para utilizar o template selecionado. - 15Qual arquivo controla os posts individuais?'Single.php' é o arquivo que controla por exemplo posts realizados no blog de forma singular.
'single-$posttype.php' é o arquivo que controla os posts realizados por posts criados de forma customizada. - 16Qual arquivo controla os comentarios de um post ?o arquivo também controla quais campos são necessários e a aparencia dessa form, é o 'comment.php'
- 17Como adicionamos suporte ao 'posts' que queremos fazer na nossa WordPress DashBoard?Temos que adicionar em nosso arquivo 'function.php', o que queremos adicionar suporte em nosso arquivo:
add_theme_support( 'post-formats', array('image', 'quote') );
add_theme_support( 'html5' ); - 18Como o arquivo 'archive.php' funciona?ele funciona como um 'fallback', para caso não encontre nenhum arquivo especifico, como podemos ver no wphierarchy.com, ele utiliza o arquivo archive.php
- 19Quando estamos nos 'posts' como manipulamos nossas categorias?Na WordPress, dashboard, temos a aba categorias onde podemos, adicionar ou remover categorias que PODEM existir em nossos posts. Temos que observar o slugs da categoria que criamos, ela ira utilizar o arquivo 'archive.php' caso não exista nenhum mais especifico, como $id ou $slug, então o que temos que fazer é criar um arquivo ou 'category-$id.php' ou 'category-$slut' - o slut que é encontrado na dashboard.
- 20O que devemos fazer para criar "posts" customizaveis no WordPress?1º Baixar o Plug-in - "Custom Posts Type UI 0.8.3"
2º Vamos dentro do plug in- e em 'add new', adicionar um nome do novo "post type name" com label(como o proprio nome) e singular label(e como se chamariam os posts singulares)
3º clickamos em opções avançadas - (precisamos prestar atenção aqui em algumas configurações. )
Se colocarmos que existe posts especificos como TRUE, então temos que olhar para a teamplate hierarchy, para observar que archive-$posttype.php existe para dar o set-up correto, caso contrario ele vai utilizar o archive.php basico.
Outra importante regra que podemos alterar é a "rewrite", é isso que vai permitir que o WordPress reescreva e manipule as URLS para post types especificos criando arquivos e permalinks. - 21Como permitimos o uso de determinados arquivos em nosso site? como videos, images... (Attachment Post)Quando fazemos um post, utilizando videos ou imagens, ao usuario clickar ele será redirecionado para algum lugar, o template utilizado é o 'attachment.php'
- 22Quando trabalhamos com 'pesquisas' em nosso template, qual arquivo controla como os resultados irão aparecer?'search.php'
para obtermos a form do search em wordpress, temos 2 métodos possíveis.
Podemos ativar no Widgets o "search".
OU
podemos utilizar o codigo:
get_search_form();
o que esse codigo irá fazer é mostrar o arquivo, 'searchform.php';
Information
- Description
- asa Technical Skills (WordPress ) Flashcards on WordPress Template Hierarchy, created by Victor Bini on 10/10/2016.
- Created by
- Victor Bini
- Views
- 4
- Rating