如何使用PHP设置HTML元素的样式

Question

I hope you can help me with this code below. So I don't know how to style element .img-box with php code.

this is original code from file:

<?php hc_echo($img,'<div class="col-md-4">
<div class="img-box">
<img src="','" alt="" /></div></div>' ); 
?>

and I have added this:

style="esc_attr($Y_NOW["custom_imgbox_style"]);"

so it looks like this:

<?php hc_echo($img,'<div class="col-md-4">
<div class="img-box" style="esc_attr($Y_NOW["custom_imgbox_style"]);">
<img src="','" alt="" /></div></div>' ); 
?>

but it is not working.

I am still a beginner and I no longer know what to do next.

I need to have ability to add style for .img-box element.

Just i dont know how to embed style for .img-box.

Also there is other solution like this:

<?php
echo '<style type="text/css">
        .img-box {

        }
        </style>'; ?>

but again how to add php variable inside ?

Thank you

Answer 1

You can do:

<?php
echo '<style type="text/css">
        .img-box {
           width: '. $var . ';
        }
        </style>'; ?>

Answer 2

Basically, whenever you need to write anything which is php related in html code just put it in the php tags, like this:

<?php 

$user = 'Jeff';

?>

<h1><?php echo 'Hey ' . $user . ', how are you?'; ?></h1>

So this will output following text:

Hey Jeff, how are you?

It's hard to tell why your code is not working, without seeing the code of "hc_echo" function and knowledege of what this function expects as parameters.

Seeing that you are trying to use "esc_attr", which is wordpress related function, I assume you have installed a plugin which uses "hc" prefix for it's functions (because it is a good practice when you are creating wordpress plugins - use your own prefix for that plugin functions) and now you are trying to modify it's code.

What you can try (though I do not recommend doing that - explanation below) is adding style this way:

style="<?php esc_attr($Y_NOW["custom_imgbox_style"]); ?>"

This is basically what I mentioned before. Since "esc_attr" is a wordpress php function, and you want to put it into html attribute, you have to use php tags. Otherwise it will just be a plain text, not an execution of the function.

I DO NOT recommend doing that though, because this is basically adding something to the parameter of the function which is unknown, we don't know what the function does and what the function expects as the parameter. Doesn't sound very safe, does it?