php - 如何根据 php 标题的长度调整 margin-top 属性？

Question

我正在 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>

如果我说得不够清楚，请提出问题。

Answer 1

为什么使用 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>';
?>