右侧栏中的博客图片和标题

时间:2018-07-11 作者:Webman

我正在对博客当前显示在wordpress页面右侧边栏中的方式进行一些更改。

现在有一个大图像、标题、摘录和“阅读更多”按钮

image design mockup

我不是PHP的高手,但我可以根据需要进行一些更新。以下是我目前掌握的代码:

                <div class="blogwrapper">

                <?php the_post_thumbnail( \'full\' ); ?>

                <h4><?php the_title(); ?></h4>

                </div>
以下是HTML结构:

<div class="sidebarblog customsidebar customsidewds">
<div class="blogwrapper"> 
<img width="5184" height="3456" src="https://website.com/wp- 
content/uploads/2016/01/img1000.jpg" class="attachment-full size-full wp- 
post-image" alt="" srcset="https://website.com/wp- 
content/uploads/2016/01/img1000.jpg 5184w, https://website.com/wp- 
content/uploads/2016/01/img1000_300x200.jpg 300w, https://website.com/wp- 
content/uploads/2016/01/img1000.jpg-768x512.jpg 768w, 
https://website.com/wp-content/uploads/2016/01/img1000.jpg-1024x683.jpg 
1024w" sizes="(max-width: 5184px) 100vw, 5184px">
<h4>This is a sample blog title with text and more text</h4>   
</div>
<div class="blogwrapper"> 
<img width="1170" height="750" src="https://website.com/wp- 
content/uploads/2016/01/image1001.jpg" class="attachment-full size-full wp- 
post-image" alt="" srcset="https://website.com/wp- 
content/uploads/2016/01/image1001.jpg 1170w, https://website.com/wp- 
content/uploads/2016/01/image1001.jpg-300x192.jpg 300w, 
https://website.com/wp-content/uploads/2016/01/image1001.jpg-768x492.jpg 
768w, https://website.com/wp-content/uploads/2016/01/image1001.jpg- 
1024x656.jpg 1024w" sizes="(max-width: 1170px) 100vw, 1170px">
<h4>This is another sample blog title title with more and more text</h4>
</div>
</div>

1 个回复
SO网友:Rafael Figueiredo

我认为通过自定义主题将css代码放在主题中更容易。

wp管理>外观>自定义

要创建一个影响侧栏帖子的css,您需要发布html结构。

结束

相关推荐

需要有关wordpress和php的帮助

我的一个朋友让我对他的网站做一些小的修改(更改每页的标题,为电话号码添加一个可点击的移动链接,在页脚中添加营业时间,在导航栏中添加滚动菜单…)我对HTML和CSS很熟悉,但对Php不太熟悉。我似乎找不到每个页面的HTML文件。我读到应该是像index这样的php文件。但是,如何对这些内容进行html更正?我可以通过Bitbucket访问主题和文件,但我有点被困在这里了。谁能帮帮我吗?谢天谢地