Jump to content
mruoppolo

php e sass

Recommended Posts

Olá, tudo bem?

 

Eu estou criando alguns temas premium wordpress e criei um painel onde o usuário seleciona todas as cores e estilos do CSS, porém para que estas cores e estilos tenham efeito no site, elas precisam ser inseridas pelo php no sass ou no css diretamente, ai que esta o problema.

 

Eu fiz o seguinte, criei um arquivo chamado custom.php mais ou menos assim:

 

<style>
#loader p {
	color: <?php echo $preloader_typography_color; ?>;
	font-style: <?php echo $preloader_typography_style; ?>;
	font-family: <?php echo $preloader_typography_font; ?>;
	font-size: <?php echo $preloader_typography_size; ?>;
	line-height: <?php echo $preloader_typography_line; ?>;
	text-align: <?php echo $preloader_typography_align; ?>;
}
</style>

E dou um include nele bem no header, funciona, porém eu não sei se é a solução mais indicada, como os temas premium são para venda, eu fiquei na dúvida se esta é a maneira correta de fazer.

 

Eu uso muito sass para desenvolver e como tem as variáveis do sass eu pensei se o correto não seria o sass ser compilado diretamente no navegador e estes dados serem inseridos diretamente nas variáveis do sass, mas não sei se isto é possível.

 

Então qual a sua opinião, a forma que estou fazendo é a mais indicada?? Você conhece alguma outra solução mais profissional?

 

Muito obrigado :D

Share this post


Link to post
Share on other sites
1 hora atrás, ESerra disse:

Em primeiro lugar, o que é sass?

 

O Sass é uma linguagem baseada em CSS , tipo assim, ele permite utilizarmos estruturas de programação dentro do CSS, como por exemplo, laços de repetição 'foreach' e talz variáveis, é bem legal, eu vou escrevendo um arquivo style.scss como se fosse uma programação, coloco variáveis, laços de repetição, posso usar o comando extend para puxar os atributos de uma classe para dentro da outra e ele vai automaticamente compilando tudo em um arquivo css.

 

O problema é que pra funcionar eu preciso deixar o meu CMD (terminal do windows) aberto e "ouvindo" tudo o que eu digito no arquivo scss ai toda vez que eu salvo, ele compila em css e não sei como fazer isso no servidor.

Share this post


Link to post
Share on other sites

No php você pode passar o header do arquivo como css e chamar de forma externa

custom.php

<?php
header("Content-type: text/css; charset: UTF-8");
?>

#loader p {
	color: <?php echo $preloader_typography_color; ?>;
	font-style: <?php echo $preloader_typography_style; ?>;
	font-family: <?php echo $preloader_typography_font; ?>;
	font-size: <?php echo $preloader_typography_size; ?>;
	line-height: <?php echo $preloader_typography_line; ?>;
	text-align: <?php echo $preloader_typography_align; ?>;
}

para chamar, ao invés de usar .css, use .php

<link rel='stylesheet' type='text/css' href='css/custom.php?id=1' />

Está é uma forma, a outra é usar arquivos JS, exemplo seria o próprio jquery para trabalhar nos elementos.

 

A vantagem é que você pode criar os caches, tanto em CSS quanto JS e compressão do arquivo.

 

  • +1 1

Share this post


Link to post
Share on other sites

Até onde eu sei só da pra compilar o Sass localmente, pelo menos nunca consegui fazer de outra forma kk...

Quanto ao jeito de fazer, à minha mente veem 3 formas:

• A que você já citou, de incluir diretamente no HTML...

• Como o Williams falou, setando o header como text/css

• E por último, dando um file_get_contents() e posteriormente um file_put, com as novas cores

  • +1 1

Share this post


Link to post
Share on other sites

 

13 horas atrás, Mateus Silva disse:

• E por último, dando um file_get_contents() e posteriormente um file_put, com as novas cores

 

Existe formas mais elegantes e uma delas é via htaccess


Forçar o arquivo .css ou .js interpretar tags php 

 

Exemplo

 

index.html

css/
      /.htaccess

      /custom.css
 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Fundo Cinza</title>
        <link rel='stylesheet' type='text/css' href='css/custom.css?cor=blue' />
    </head>
    <body>

        <h1>Cor Branca</h1>
        <span class="cor">Cor Azul</span>

    </body>
</html>

 

.
/css/.htaccess

 

<FilesMatch "\.(css)$">
    SetHandler application/x-httpd-php
</FilesMatch>


/css/custom.css

 

<?php
header("Content-type: text/css; charset: UTF-8");

$cor = isset($_GET['cor']) ? $_GET['cor'] : null;
$body = "#ccc";
$h1 = "#fff";
?>

body {
    background: <?= $body ?>;
}

h1 {
    color: <?= $h1 ?>;
}

.cor {
    color: <?= $cor ?>;
}





 

  • +1 2

Share this post


Link to post
Share on other sites
1 hora atrás, Williams Duarte disse:

 

 

Existe formas mais elegantes e uma delas é via htaccess


Forçar o arquivo .css ou .js interpretar tags php 

 

Exemplo

 

index.html

css/
      /.htaccess

      /custom.css
 


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Fundo Cinza</title>
        <link rel='stylesheet' type='text/css' href='css/custom.css?cor=blue' />
    </head>
    <body>

        <h1>Cor Branca</h1>
        <span class="cor">Cor Azul</span>

    </body>
</html>

 

.
/css/.htaccess

 


<FilesMatch "\.(css)$">
    SetHandler application/x-httpd-php
</FilesMatch>


/css/custom.css

 


<?php
header("Content-type: text/css; charset: UTF-8");

$cor = isset($_GET['cor']) ? $_GET['cor'] : null;
$body = "#ccc";
$h1 = "#fff";
?>

body {
    background: <?= $body ?>;
}

h1 {
    color: <?= $h1 ?>;
}

.cor {
    color: <?= $cor ?>;
}





 

 

Muito obrigado pessoal, eu vou utilizar esta solução via htaccess, mas agradeço a todos :)

Share this post


Link to post
Share on other sites

Lembrando que, o exemplo com .htaccess é para Apache, para outros como nginx teria que converter.


http://nginx.org/en/docs/http/ngx_http_core_module.html

A primeira opção lá em cima, fica independente, se é apache ou nginx vai rodar, já que boa parte dos usuários wordpress, vem migrando para nginx.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By asacap1000
      Galera me foi solicitado a criação de um servidor web, para disponibilizar serviços para os clientes. O que vocês recomendam?
      Tenho um servidor da DELL com windows 2016. Todo o desenvolvimento será em PHP, Javascript e companhia Ltda com conexão aos bancos de dados Mysql, SQL e ORACLE.
      Já temos um servidor que será desativado porém está utilizando uma versão muito antiga de PHP 5.4 e como base de instalação foi utilizado o WampServer. 
    • By asacap1000
      Galera me foi solicitado a criação de um servidor web, para disponibilizar serviços para os clientes. O que vocês recomendam?
      Tenho um servidor da DELL com windows 2016. Todo o desenvolvimento será em PHP, Javascript e companhia Ltda com conexão aos bancos de dados Mysql, SQL e ORACLE.
      Já temos um servidor que será desativado porém está utilizando uma versão muito antiga de PHP 5.4 e como base de instalação foi utilizado o WampServer. 
    • By dutopfave
      Boa Noite Galera, estou com dúvida em como cria um cadastra de VARIAÇÕES DE PRODUTOS.

      Ex.: Tenho um produto que é um TENIS, ai nele vou criar as VARIAÇÕES, então vou usa COR e TAMANHO.
      COR: preto, verde, azul
      TAMANHO: 39, 40, 41

      até ai blz, porém a duvida é como fazer o cadastrado de combinações de cor e tênis, tipo no banco de dados teria q fica exatamente assim....

      ID | COR | TAMANHO
      ... | preto | 39
      ... | preto | 40
      ... | preto | 41
      ... | verde | 39
      ... | verde | 40
      ... | verde | 41
      ... | azul | 39
      ... | azul | 40
      ... | azul | 41

      alguém tem alguma solução
    • By lucianfpaula
      Olá amigos, tenho uma duvida talvez simples mas não para mim hehehe. estou desenvolvendo um sistema onde a pessoa faz um cadastro simples mas preciso de uma função que não permita que a pessoa faça mais de um cadastro pelo dispositivo dela, tipo ela faz pelo celular dela com nome, email etc... mas preciso limitar o cadastro não apenas pelo email mas também pelo dispositivo, ou seja preciso de uma forma de identificar o aparelho para que não haja mais cadastro pelo mesmo dispositivo. Não sei se ficou claro minha duvida, alguém pode me ajudar? Muito grato
    • By RodrigoWD3
      Pessoal boa tarde, estou criando uma galeria com categorias no php e mysql, gostaria de saber como faço para colocar um botão -  Exibir Mais Fotos - fazendo exibir o restante dos registros na mesma pagina, teria alguma forma de limitar as fotos sem usar o LIMIT do sql? pode ser usando jQuery algo assim , obrigado
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.