Crie códigos de acesso para o nosso tema WordPress

Desde que começamos com este projeto, sempre quisemos que tivesse nosso próprio rótulo, e é por isso que o segundo modelo que usamos em DesdeLinux, foi criado por nós 100%.

Em seguida, outras versões se seguiram, e embora possamos comprar ou contratar certos serviços da web para criar nossos designs, como StudioDWeb.comou compre modelos já criados em ThemeForest.net, sempre quisemos ter o nosso próprio, adaptado às nossas necessidades e passar por WebDevelopment.com pode ser útil 😀

De qualquer forma, sou apaixonado por Web Design e Desenvolvimento e já estou trabalhando no novo tópico para DesdeLinux e vou mostrar algumas capturas de tela de sua aparência.

A ideia não é sair daquilo a que já estamos adaptados, tantos elementos permanecem iguais ou de forma semelhante. Eu começo com a página inicial

E é assim que os artigos seriam:

Como você pode ver, é adequado à nossa medida e incluímos novos Códigos de acesso para a elaboração dos artigos.

É por isso que me ocorreu compartilhar com vocês como criar um deles (o informativo) caso você queira incluí-los em seus tópicos de WordPress. Quer dizer, algo assim:

Não sou um especialista em programação com este CMS, então não vou tentar explicar por que e como funciona dessa forma, apenas mostrarei como fazê-lo, ponto final.

Para isso, utilizamos «o canivete suíço» de WordPress, Quero dizer o arquivo function.php que normalmente encontramos em quase todos os tópicos.

Exemplo de Function.php com ShortCodes DesdeLinux

O que faremos neste arquivo é adicionar a estrutura do nosso ShortCode e, claro, o rótulo que o mostra. Então vamos fazer isso.

Dentro de Function.php

Dentro de nosso arquivo function.php o que colocaremos será a estrutura HTML do ShortCode, mas não é simplesmente colocar as tags HTML dessa forma. Teríamos algo assim:

// Info function infobox ($ atts, $ content = null, $ code = "") {$ return = ' '; $ return. = $ content; $ return. = ' '; return $ return; } // O ShortCode add_shortcode ('info', 'infobox');

A partir daqui, esclarecemos algumas coisas. Primeiro, quando usamos duas barras, comentamos a linha, portanto // Informações é apenas um comentário.

O nome da função, neste caso caixa de informação Ele pode ser alterado para o que quisermos, mas deve corresponder ao nome que usamos na última linha.

Exemplo:

$ return. = $ content;

A variável $ content que é para onde o conteúdo que colocamos no ShortCode vai por padrão, ele retornará um valor nulo se não colocarmos nada.

Agora, o nome do ShortCode é o que definimos com:

add_shortcode( 'info', 'infobox' );

Onde você pode mudar info para o que queremos. Agora, para que fique parecido com o exemplo, devemos colocar:

[ info ]Este será el ShortCode de ejemplo[ /info ]

Embora, claro, sem os espaços, que coloquei porque obviamente o ShortCode seria ativado.

Estilo ShortCode

Se você olhar para a linha acima, sem o código PHP e as variáveis, o ShortCode em HTML puro seria algo assim:

<div class="alert-info"></div>

Portanto, só temos que aplicar o estilo CSS.

.alert.alert-info {background: # d9edf7 url (info.png) sem repetição 7px 50%; raio da borda: 4px; borda: 1px sólido # bce8f1; cor: # 3a87ad; tamanho da fonte: 14px; margem: 15px 15px; preenchimento: 15px 15px 15px 50px text-align: left}

E é isso .. Repito, não sou programador nem nada parecido, e a explicação que dei é como entendo que o ShortCode funciona