在Wordpress页面中直接使用Html和CSS

当我尝试向Word新闻网站添加新页面时，我完成了一个html页面，但是完成了。我粘贴了少量的CSS样式代码进行3D旋转。 Wordpress页面创建器工具删除代码。我刚刚粘贴。在Wordpress页面中直接使用Html和CSS

这里是有问题的代码，以防万一有一个特定的问题与我的CSS有关。

<style> 
}#f1_container { 
    position: relative; 
    margin: 10px auto; 
    width: 450px; 
    height: 281px; 
    z-index: 1; 
} 
#f1_container { 
    perspective: 1000; 
} 
#f1_card { 
    width: 100%; 
    height: 100%; 
    transform-style: preserve-3d; 
    transition: all 0.5s linear; 
} 
#f1_container:hover #f1_card { 
    transform: rotateY(180deg); 
    -webkit-transform-origin-Y: 180deg; 

    box-shadow: -5px 5px 5px #aaa; 
    -moz-transform-origin: 180deg; 

} 
.face { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    backface-visibility: hidden; 
} 
.face.back { 
    display: block; 
    transform: rotateY(180deg); 
    box-sizing: border-box; 
    padding: 10px; 
    color: white; 
    text-align: center; 
    background-color: #aaa; 
} 


</style>

我不知道为什么Word新闻正在删除代码。有没有一种方法可以将html文件链接到页面上并使其显示该html代码片段。

我已阅读了过去的法典，但找不到与此特定需求相关的部分。

来源

2015-07-21 Pukwugie

你或许应该把这个变成一个子主题。 https://codex.wordpress.org/Child_Themes – user1048676

你把它保存在html编辑器中吗？ – Grasper

这是一件很明显的事情，我忘记了这件事。我在预览时没有保存草稿，非常感谢。 – Pukwugie

您有}开始样式。

这可能会导致问题：

<style> 
}

请卸下支架，让我知道

来源

2015-07-21 14:44:59

我已经尝试过和同样的问题，并且WP也想要移除我在3D图片上放在容器下的格式。但是，谢谢你的建议，这对我来说是不好的做法。 – Pukwugie

在Wordpress页面中直接使用Html和CSS

回答

相关问题