迁移到 WordPress 的大动作正在进行!我们完成了 header.php 文件,并开始处理 index.php。index.php 负责我们的首页。该文件的第一行是一个 PHP 函数 get_header(),它基本上只是获取 header.php 文件并将其插入其中,这就是我们从那里开始的原因。
我们保持左右拆分屏幕布局,比较文件并从静态模型迁移到 WordPress。
我们参考了 PHP 日期参数 来正确获取我们的 <time>
元素。
到视频结束时,我们可以看到设计比之前更进一步地融合在一起。
嗨,Chris,什么是 tumblr post()?我试过这个,但它不起作用,我回到使用 the_permalink,我的内容又出现了。
查看 functions.php 文件中的代码。基本上,如果我在帖子中设置特定的自定义字段,它会使用该值(一个 URL)而不是永久链接。这就是我如何处理“热门链接”帖子的方式。标题直接链接到源(在网站和 RSS Feed 中)。
查看更多.
不幸的是,这部分视频假设观看者了解 WP PHP 代码、循环、函数等…虽然我构建过 WordPress 网站,但我对这些内容的具体细节并不熟悉。我一直想熟悉 WP PHP,所以这将是催化剂。
为什么不使用 wp_nav_menu 创建导航?我正在将一个网站转换为 wordpress(新手级别),我难以使默认菜单输出 链接
wp_nav_menu() 非常好,但我的菜单在这个设计中基本是固定的。我不需要通过管理界面来控制的菜单的程序化声明。我同样舒适或可能更舒适地通过标记来控制它。
如果您正在构建一个需要交给非编码人员控制的网站,那么使用 wp_nav_menu() 编码菜单非常适合赋予他们这种控制权。
如果您要遍历 wp_nav 菜单,这是我在 The Cool House 上使用的代码
首先,我通过 CSS 包含了图标字体
菜单 Walker 代码可以在此处找到(将其放在插件或带有后面粘贴代码的文件中):http://pastebin.com/bbUv9mqP
调用该 Walker
允许额外菜单页面选项的代码可以在此处找到
http://pastebin.com/Zk8aw8i0
所有这些做的就是首先通过 CSS 将图标字体添加到页面,然后创建 Menu Walker 函数,调用它,并在菜单页面中添加一个选项,在您单击菜单项旁边的箭头后可以看到该选项。
它将显示“自定义图标”,您需要在其中输入类似
的内容,并以 font-awesome 为例。
旁注:我渲染图标的方式不是最语义化的,因此您可以将标签交换为标签并向其中添加 aria 内容。Chris 有几篇关于此的好文章。