[英]How do I adjust margin-top attribute depending on length of php title?
我在Wordpress中构建自定义模板。
如果页面标题大于45个字符,则需要页面标题自动进行自我调整。
标题是通过PHP从Wordpress数据库中提取的。
我正在尝试构建javascript来做到这一点:
如果标题长度(通过php)小于45个字符:将css属性“ margin-top”更改为111px。
否则,将css属性“ margin-top”更改为150px。
这是我到目前为止的内容:
我的HTML:
<div class="title-of-page" id="title" style="margin-top:53px">
<?php echo get_the_title($post->post_parent); ?>
</div>
我的Javascript:
<script>
if ( <? php strlen(get_the_title($post - > post_parent)) ?> < 45) {
document.getElementById("title").style.marginTop = "111px";
} else {
document.getElementById("title").style.marginTop = "150px";
}
</script>
问我是否不够清楚。
为什么要使用JavaScript?
<?php
$title = get_the_title($post->post_parent);
if (strlen($title)<45) { $mtop ='111px'; } else { $mtop='150px'; }
echo '<div class="title-of-page" id="title" style="margin-top:'.$mtop.';">'.$title.'</div>';
?>
您只能按照@Thomas Martin的建议在PHP中完成此操作。
但是,如果您太热衷于在Javascript方面执行此操作。可以通过。
<script>
var title = document.getElementById('title').textContent;
if(title.length < 45){
document.getElementById("title").style.marginTop = "111px";
}else{
document.getElementById("title").style.marginTop = "150px";
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.