【优选源码】Riprov2小工具教学-合作伙伴小工具

2021-12-25 0 2,264
【本站是赞助会员制度,赞助会员请加客服】请勿商业运营,违法使用和传播!资源仅供研究学习使用!解压密码为:www.youxuanma.cn和www.yxymk.net和www.yxymk.com
注:发现搬砖[未登记],代下,共享账号封禁【每个都会记录ip,多ip封禁账号】,【在使用本系统时,使用方必须在国家相关法律法规范围内并经过国家相关部门的授权许可,禁止用于一切非法行为。使用用途仅限于测试、实验、研究为目的,禁止用于一切商业运营,本团队不承担使用者在使用过程中的任何违法行为负责 所有源码请自测!不保证你源码完整性有效性所有源码都是全网搜集 免责声明:本资源并未取得原始权利人的授权,不可商用,仅可用于学习分析底层代码,CSS等,禁止用于商业行为。如因擅自商用引起的相关纠纷及法律责任,由使用人全部承担。支持正版,人人有责,请于下载后24小时内删除,谢谢支持!
如果蓝奏云下载失效把wws.lanzous.com/xxxx改成wws.lanzoux.com/xxxx【s改成x或i】或【wws改成wwt】注意事项: 本资源来源于网络购买或收集整理,仅供个人学习研究交流,请勿商用;

优选源码】Riprov2小工具教学-合作伙伴小工具

 

效果展示

【优选源码】Riprov2小工具教学-合作伙伴小工具

教程开始

1.将以下css码复制到ripro-v2主题文件css中

 .tkm-cooper {}
    .tkm-cooper h3 {
        font-size: 24px;
        margin-bottom: 40px;
        text-align: center;
    }
    .tkm-cooper h3 b {
        display: inline-block;
        position: relative;
    }
    .tkm-cooper h3 b:after {
        content: "";
        width: 60px;
        height: 2px;
        position: absolute;
        background: linear-gradient(270deg,#61b1ff,#04f);
        bottom: -10px;
        left: 50%;
        margin-left: -30px;
    }
    .tkm-cooper .item {
        text-align: center;
        margin-bottom: 35px;
        height: 100px;
        background: #fff;
    }
    .tkm-cooper .item .item-logo {}
    .tkm-cooper .item .item-logo img {
        max-height: 100%;
    }
    .tkm-cooper .item:hover {
        box-shadow: 0 5px 15px 0 rgba(62,130,255,.13);
    }
@media (max-width: 767px){
    .tkm-cooper h3  {
        font-size: 18px;
    }
    .tkm-cooper .item {
        height: 60px;
        margin-bottom: 10px;
    }
}


2.将以下代码添加到ripro-v2/inc/options/widget-options.php底部

<?php
/**
 * 合作伙伴
 */
CSF::createWidget('ripro_v2_module_partners', array(
    'title' => esc_html__('RI-首页模块 : 合作伙伴', 'ripro-v2'),
    'classname' => 'ripro_v2-widget-partners',
    'description' => esc_html__('VAN主题 a 合作伙伴', 'ripro-v2'),
    'fields' => array(
        array(
            'id' => 'home_mode_partners',
            'type' => 'fieldset',
            'title' => '',
            'fields' => array(
                array(
                    'id' => '_title',
                    'type' => 'text',
                    'title' => '标题',
                    'default' => '合作伙伴',
                ),
                array(
                    'id' => 'partnerscms',
                    'type' => 'group',
                    'title' => '新建案例展示(至多8个)',
                    'max' => 8,
                    'fields' => array(
                        array(
                            'id' => 'partners_title',
                            'type' => 'text',
                            'title' => '网站标题',
                            'default' => '源分享',
                        ),
                        array(
                            'id' => 'partners_href',
                            'type' => 'text',
                            'title' => '网站地址',
                            'default' => 'https://www.yfxw.cn/',
                            'desc' => '记得填写完整地址哟!!!示例:https://www.yfxw.cn/',
                        ),
                        array(
                            'id'    => 'partners_logo',
                            'type'  => 'upload',
                            'button_title' => '上传',
                            'remove_title' => '删除',
                            'default' => trailingslashit(get_stylesheet_directory_uri()).'assets/images/partners_logo.png',
                            'title' => '网站LOGO',
                        ),
                    ),
                ),
            ),
        ),

    ),
));


if (!function_exists('ripro_v2_module_partners')) {
    function ripro_v2_module_partners($args, $instance)
    {
        if (!is_page_template_modular()) {
            return false;
        } //非模块页面不显示
        
        echo $args['before_widget'];
        //案例CSS
        wp_enqueue_style('partners_style', trailingslashit(get_stylesheet_directory_uri()) . 'assets/css/partners.css?van_ver=' . VAN_VER);?>
    <section class="tkm-cooper">
        <h3>
            <b><?php echo $instance['home_mode_partners']['_title'] ?></b>
        </h3>
        <div class="row">
            <?php if (!empty($instance['home_mode_partners']['partnerscms'])) 
                foreach ($instance['home_mode_partners']['partnerscms'] as $k => $item) {
            ?>
               <div class="col-6 col-lg-3">
                <div class="item">
                    <div class="item-logo">
                        <a href="<?php echo $item['partners_href'] ?>" ><img src="<?php echo $item['partners_logo'] ?>" alt="<?php echo $item['partners_title'] ?>" /></a>
                    </div>
                </div>
            </div>
            <?php      
            }
            ?>
           
        </div>
    </section>
    <?php

        echo @$args['after_widget'];

    }
}

3.外观-小工具,拖动到显示的位置,添加相应数据即可

 

 

免责申明 1、本站提供的源码不拥有任何权利,其版权归原著者拥有。 2、保证站内提供的所有可下载资源(软件等等)都是按“原样”提供,本站未做过任何大规则的修改;但本网站不保证本站提供的下载资源的准确性、安全性和完整性;同时本网站也不承担用户因使用这些下载资源对自己和他人造成任何形式的损失或伤害。 3、优选源码库平台服务中的任何信息或材料的删除、存储失败、错误提供或未及时提供不承担任何责任。 4、优选源码库平台其许可方不对通过优选源码库网主题服务得到的或在其上刊登广告所推介的产品或服务、通过由优选源码库平台服务提供的任何链接而得到的产品或服务,以及通过在优选源码库网平台服务中所提供的任何链接而得到的任何信息或建议做任何担保,对因通过服务下载或访问网上的任何信息或材料而导致的任何伤害不承担任何责任。 5、优选源码库平台服务包含的下载资源信息内的所有内容并不反映亦不代表任何优选源码库平台之意见。 6、优选源码库平台服务包含的下载资源信息内的所有内容并不反映亦不代表任何优选源码库平台之意见。优选源码库平台作为模板共享网络服务提供者,对非法转载,盗版行为的发生不具备充分的监控能力,但是当版权拥有者提出侵权指控并出示充分的版权证明材料时,优选源码库网平台负有移除盗版和非法转载作品以及停止继续传播的义务。 7、优选源码库平台对他人在网站上实施的此类侵权行为不承担法律责任,侵权的法律责任概由会员本人承担,向囤主题发布作品的作者视为同意囤主题就前款情况采取的相应措施。 8、优选源码库平台在满足前款条件下采取移除等相应措施后不为此向原发布人承担违约责任或其他法律责任,包括不承担因侵权指控不成立而给原发布人带来损害的赔偿责任。 9、本网站所有源码、模板、视频、软件和资料均为软件作者提供和站长从互联网收集整理而来,仅供学习和研究使用,请勿用于其他用途。如果版权拥有者发现自己作品被侵权,请及时向囤主题提出权利通知,将身份证明、权属证明、具体链接(URL)及详细侵权情况证明发往(邮箱:3500710050@qq.com)指出,优选源码库平台在收到上述法律文件后,在7个工作日内移除相关涉嫌侵权的内容。 使用说明 1、优选源码库平台提供的资源仅供您学习和研究使用,不用于商业性目的。 2、您不得使用优选源码库平台提供的资源来销售产品或资源。 3、您不得将优选源码库的资源索引,将其重新排版后挪作他用,或在您的网站上设立素材虎产品主页或其他页面的镜像网页。 4、如果您想将优选源码库平台服务用于商业目的,必须事先与优选源码库平台签定协议,有关详细信息,请与我们联系。 5、保证不会以任何违反任何适用于您作为优选源码库平台产品服务的使用者的任何管辖地的法律或法规的方式使用优选源码库平台产品服务。 隐私条款 优选源码库平台尊重并保护所有使用囤主题服务的用户的个人隐私权,优选源码库平台资源网不会主动地泄露给第三方,本服务条款的解释权与修改权属于优选源码库平台. 声明:本站发布的文章及附件仅限用于学习和研究目的.请勿用于商业或非法用途,否则后果请用户自负。 本站所有资源不带技术支持,下载资源请24小时内删除,如用于违法用途,或者商业用途,一律使用者承担。 1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请不要用于商业用途! 3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 本站所有内容均来源于网络,本站转载处于传递更多信息和学习之目的,并不意味着赞同其观点或证实其内容的真实性、合法性、安全性! 8. 因为部分软件被修改者加入了加群链接等宣传信息,所以请不要胡乱添加,如涉及交易请谨慎对待!! 9. 如转载涉及版权等问题,请立即联系管理员,我们会予以更改或删除相关文章链接,保证您的权利! 10. 请遵循相关法律法规,对使用本站信息和服务所造成的一切后果,本站不做任何承诺! 11. 因资源特殊性,已发布违规资源处理公告,但用户未删除文件的,一切后果皆有使用者承担! 12. 本站所下载的所有资源,请于下载后的24小时内删除!

优选源码库 WordPress 【优选源码】Riprov2小工具教学-合作伙伴小工具 https://yxymk.net/2021/12/25/%e3%80%90%e4%bc%98%e9%80%89%e6%ba%90%e7%a0%81%e3%80%91riprov2%e5%b0%8f%e5%b7%a5%e5%85%b7%e6%95%99%e5%ad%a6-%e5%90%88%e4%bd%9c%e4%bc%99%e4%bc%b4%e5%b0%8f%e5%b7%a5%e5%85%b7/

本资源网每日更新精品源码

常见问题
  • www.yxymk.net yxymk.net www.yxymk.net yxymk.net 如果以上解压密码都不正确请联系客服QQ3500710050
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务