分享一些最近的随手拍

晨岩

2年前更新

23475432

低下头颅方能发现这世间一草一木的美好，刚想说是春天的美好可是转念一想这都夏天了啊，春天已经悄悄的溜走了。

因为每天加班到九点已经很多天没跑步了，前天起的早了一些便去周围散了散步，路上看到一些老头老太太坐在星巴克门口便随手拍了一张感觉效果还不错。

下面的照片第一张是下雨时拍的，后边的几张是今天早上下去4楼看见别人种的绿植，看起来不错就拍了几张照片，绿油油的很养眼！

还有一些照片单独拿来看效果也不错不过放在这里感觉效果不是很好，微信朋友圈懒得发，再好的图在朋友圈里看起来也不好看了，QQ还好等会整理整理可以发一组。个人感觉要论发图片还是Instagram好一些，只要不是效果太差发上去都要比其它软件好看一些。

前段时间安装了一个神器UTools，能够安装很多的插件，我经常用图片压缩和本地搜索功能，今天用了用斗图的功能感觉非常不错，写文章的时候可以加一些搜出来的图片，让内容更加的生动，其他还有很多强大的功能，还需要慢慢发掘。

uTools – 让你效率倍增的快速启动软件 / 小工具合集 (插件功能扩展) – 异次元软件下载 (iplaysoft.com)

作者：晨岩

本站所有文章除特别声明外，均采用 BY-NC-SA 4.0 许可协议。转载请注明出处！

THE END

生活点滴
# 生活点滴

喜欢就支持一下吧

点赞32 赞赏

评论共23条

提交

- 紫慕 Android Chrome 92.0.4515.105
  图一星巴克丶图二马齿苋丶图三竹节椰、图四酢浆草丶图五香菇草丶图六酢浆草丶不靠谱鉴定
  来自南昌2年前回复
- - 晨岩 Windows Edge 95.0.1020.40
    已经很靠谱了
    来自苏州2年前@紫慕回复
- 王光卫博客 Macintosh Firefox 88.0
  这些优质图片可以传到免费网站共享
  来自成都2年前回复
- - 晨岩 Windows Edge 91.0.864.37
    欢迎自取
    来自苏州2年前@王光卫博客回复
- Fong Macintosh Firefox 90.0
  
  来自广东2年前回复
- - 晨岩 Windows Edge 91.0.864.37
    位置调好了，不过不知道怎么把表情放在一行、尺寸再调小一点
    来自苏州2年前@Fong回复
  - - Fong Macintosh Firefox 90.0
      你不是写了个 img:not(.smilie-icon) 这个了吗，在注册解析时输出的表情加上 smilie-icon 这个 class 就可以了。 include/code.php 里 registryStickerCodeTrans 方法下的 $element 加上这个 class 就 OK 了
      来自广东2年前@晨岩回复
    - - 晨岩 Windows Edge 91.0.864.37
        我按照你说的改好了，不过我没找到 smilie-icon 这个类在哪？这是面向对象的类吗？PHP看的晕晕呼呼的
        来自苏州2年前@Fong回复
      - Fong Macintosh Firefox 90.0
        smilie-icon 是 css 的 class 属性，这个不是你自己写的吗，我都是看你 css 文件找到的。
        来自广东2年前@晨岩回复
        
         晨岩 Windows Edge 91.0.864.37
        找到了，是主题自带的，应该是为了兼容原来的表情
        .dropdown-smilie .smilie-icon { display: inline-block; padding: 3px; width: 38px }
        在main.min.css里边
        来自苏州2年前@Fong回复
        
        Fong Macintosh Firefox 90.0
        你这倒提醒我了，有些主题破坏了了 img 标签的自身特性，我还是加个 class 属性预留下操作，不然很难找这些表情图片标签进行 css 样式操作。
        来自广东2年前@晨岩回复
- 林羽凡 Windows Chrome 90.0.4430.85
  有一张gif挂了，还是我网卡了。你这换这套表情了，哈哈
  来自甘肃2年前回复
- - 晨岩 Windows Edge 91.0.864.37
    回复了代码之后好像被吞了，本来是能显示的，我这会儿在删表情，等会还要把这个表情的显示改一改，现在一个表情独占一行
    来自苏州2年前@林羽凡回复
  - - 林羽凡 Windows Chrome 90.0.4430.85
      回复评论里的表情貌似也没出来我看了下，把表情图片的 block改成 inline 就可以在一行了。
      来自甘肃2年前@晨岩回复
- 牧之 Windows Chrome 90.0.4430.212
  测试一波（图片符切题，确实是随手拍的，hahahaa
  来自石家庄2年前回复
- - 晨岩 Windows Edge 91.0.864.37
    你也来测试表情呀
    来自苏州2年前@牧之回复

Fong Macintosh Firefox 90.0
我试试看
来自广东2年前回复

晨岩 Windows Edge 91.0.864.37
搞定了，如果能隐藏 Sticker Heo 这行字，自动展开表情，再自主增删一些表情就好了
来自苏州2年前@Fong回复

Fong Macintosh Firefox 90.0
用的是 HTML 5 原生的展开收起，可以默认展开， display: none 或内容为空格都可以隐藏。增删表情控制是在 include/sticker.php 这个文件，随便注释某个表情名即可删除，添加也是，加个表情文件名在数组里和添加图片资源文件到bundle/images 下的对应目录即可。
来自广东2年前@晨岩回复

晨岩 Windows Edge 91.0.864.37

应该是找到地方了，不过不太会改


function componentTemplate(string $stickerItemsHtml, array $stickerDataCollection): string
{
    $output = <<<EOF
    
        .wp-sticker-heo summary span{
            opacity: 0;
        }

        .wp-sticker-heo details[open] summary span{
            opacity: 1;
        }

        .wp-sticker-heo details > div {
            font-size: 33px;
            line-height: 1;
            margin: .5em 0;
        }

        .wp-sticker-heo details > div a {
            display: inline-block
        }

        .wp-sticker-heo details img{
            width: 1em;
            padding: .1em
        }
    

    
        Sticker Heo in wordpress, Get !!!!
        $stickerItemsHtml
    
EOF;

    return $output;
}

来自苏州2年前@Fong回复

- Fong Macintosh Firefox 90.0
  $html 前面的样式需要包裹下，留言这给屏蔽了。
  来自广东2年前@晨岩回复
- - 晨岩 Windows Edge 91.0.864.37
    搞定了，加一对包裹并把大小调到了3.5em，等会再精简一下表情就完美了
    来自苏州2年前@Fong回复

Fong Macintosh Firefox 90.0

最直接哪都不用动，直接通过 sticker_heo_component_template filter 重写渲染结构，只需在 include\hook.php 修改即可。


<?php
// include\hook.php
namespace FongSoul\Sticker\Heo;

// 移除默认过滤器 sticker_heo_component_template 的处理方法
\remove_filter('sticker_heo_component_template', __NAMESPACE__ . '\componentTemplate', 0);

// 添加一个新的过滤器处理方法
\add_filter('sticker_heo_component_template', function (string $html, array $stickerDataCollection): string {
    return <<<EOF
//加上 style 标签包裹
    .wp-sticker-heo{
        font-size: 33px;
    }
    .wp-sticker-heo img{
        width: 3.5em;
        padding: .1em
    }
//加上 /style 包裹

$html
EOF;
}, 10, 2);

来自广东2年前@晨岩回复