-
Emlog Pro会员主题使用视频教程及说明 【 #视频 】 页面的设置 统计界面 - 后台新建页面，页面模板输入 page/census 壁纸界面 - 后台新建页面，页面模板输入 page/wallpaper 直播界面 - 后台新建页面，页面模板输入 page/live 视频界面 - 后台新建页面，页面模板输入 page/video 微语界面，后台新建单页，页面模板输入 page/weiyu 分类模板的设置 视频列表 - 后台文章分类，分类模板输入 log/video 图文列表 - 后台文章分类，分类模板输入 log/tuwen 商品列表 - 后台文章分类，分类模板输入 log/pay 图片列表 - 后台文章分类，分类模板输入 log/img
-
emlog 实现分类搜索的方法 最近突发奇想，em能不能实现像DZ论坛一样的板块搜索功能？所以重新翻了一下核心文件终于功夫不负有心人，找到了办法 首先需要一个搜索框 前端代码 <form class="liqlong_wallpaper__type-search" method="get" action="<?php echo Url::sort($sortid); ?>"> <input class="input" type="text" name="keyword" placeholder="搜索本分类内容..."> <button class="button">搜 索</button> </form> 核心代码 $Log_Model->getLogsForHome("and title LIKE '%$keyword%'); 以上代码替换 foreach ($logs as $value) 里面的 $logs 即可 说明 搜索判断代码自行解决，我主题跟你们的不太一样
-
新建一个教程列表样式 会员主题我预留的列表有图片，视频，商品，图文等！那么如何增加新的列表样式呢？我打算重写一个教程列表展示样式 首先是CSS .joe_census__basic { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; margin-bottom:15px } .joe_census__basic-item.list { display:grid; grid-template-columns:repeat(2,1fr); gap:15px } .joe_census__basic-item.list .list { display:flex; align-items:center; justify-content:space-between; background:var(--background); box-shadow:var(--box-shadow); border-radius:var(--radius-inner) var(--radius-wrap) var(--radius-wrap) var(--radius-inner); padding:15px 12px } .joe_census__basic-item.list .list .count { display:flex; flex-direction:column; justify-content:space-between; height:100% } .joe_census__basic-item.list .list .count h6 { font-size:12px; color:var(--main) } .joe_census__basic-item.list .list .count p { font-size:20px; font-weight:700 } .joe_census__basic-item.list .list .icon { fill:var(--main) } .joe_census__basic-item.list .list:nth-child(1) { border-left:5px solid #1cc88a; color:#1cc88a } .joe_census__basic-item.list .list:nth-child(2) { border-left:5px solid #36b9cc; color:#36b9cc } .joe_census__basic-item.list .list:nth-child(3) { border-left:5px solid #2196f3; color:#2196f3 } .joe_census__basic-item.list .list:nth-child(4) { border-left:5px solid #9c27b0; color:#9c27b0 } .joe_census__basic-item.category { background:var(--background); box-shadow:var(--box-shadow); padding:0 15px; border-radius:var(--radius-wrap) } .joe_census__basic-item.category .title { display:flex; align-items:center; height:45px; border-bottom:1px solid var(--classC); color:var(--main); justify-content:space-between; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; margin-bottom:15px; } .joe_census__basic-item.category input{ width: 100%; border: 0; background-color: rgba(0, 0, 0, 0); outline: none; border:1px solid var(--classA); padding:10px 15px; border-radius:var(--radius-wrap); } .joe_census__basic-item.category button{ width: 100%; border: 0; background-color: rgba(0, 0, 0, 0); outline: none; border:1px solid var(--classA); padding:10px 15px; border-radius:var(--radius-wrap); margin-top:10px; margin-bottom:10px; } .joe_census__basic-item.category button:hover{ width: 100%; border: 0; background-color: var(--theme); outline: none; color:#FFF; padding:10px 15px; border-radius:var(--radius-wrap); margin-top:10px; margin-bottom:10px; } .joe_census__basic-item.category #category { height:170px } .joe_census__lately { background:var(--background); margin-bottom:15px; border-radius:var(--radius-wrap); box-shadow:var(--box-shadow) } .joe_census__lately .title { display:flex; align-items:center; height:45px; padding:0 12px; border-bottom:1px solid var(--classC); color:var(--main); justify-content:space-between; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .joe_census__lately .content { padding:15px } .joe_census__lately .content #lately { height:300px } .joe_census__server { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; margin-bottom:15px } .joe_census__server-item { background:var(--background); box-shadow:var(--box-shadow); border-radius:var(--radius-wrap) } .joe_census__server-item .title { display:flex; align-items:center; height:45px; padding:0 12px; border-bottom:1px solid var(--classC); color:var(--main); justify-content:space-between; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .joe_census__server-item .title .count { color:var(--minor); font-size:12px } .joe_census__server-item .title .count .split { margin:0 5px } .joe_census__server-item .content { padding:15px } .joe_census__server-item .content #work,.joe_census__server-item .content #flow { height:315px } .joe_census__filing { background:var(--background); box-shadow:var(--box-shadow); border-radius:var(--radius-wrap) } .joe_census__filing .title { display:flex; align-items:center; height:45px; padding:0 12px; border-bottom:1px solid var(--classC); color:var(--main); justify-content:space-between; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .joe_census__filing .content { padding:15px } .joe_census__filing .content .item { position:relative } .joe_census__filing .content .item:last-child .wrapper { padding-bottom:0 } .joe_census__filing .content .item .head { position:absolute; top:14px; width:13px; height:13px; background:var(--classC); border-radius:50% } .joe_census__filing .content .item .tail { position:absolute; left:6px; top:0; width:1px; height:100%; background:var(--classC) } .joe_census__filing .content .item .wrapper { padding-left:30px; padding-bottom:15px } .joe_census__filing .content .item .wrapper .panel { position:relative; display:flex; align-items:center; justify-content:space-between; color:var(--routine); cursor:pointer; background:var(--classD); padding:10px; height:40px; border-radius:4px } .joe_census__filing .content .item .wrapper .panel svg { width:10px; height:10px; fill:var(--minor); -webkit-transform:rotate(180deg); transform:rotate(180deg); transition:-webkit-transform 0.25s; transition:transform 0.25s; transition:transform 0.25s,-webkit-transform 0.25s } .joe_census__filing .content .item .wrapper .panel.in svg { -webkit-transform:rotate(90deg); transform:rotate(90deg) } .joe_census__filing .content .item .wrapper .panel::before { content:''; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:-8px; width:0; height:0; border-right:8px solid var(--classD); border-top:8px solid transparent; border-bottom:8px solid transparent } .joe_census__filing .content .item .wrapper .panel-body { display:none; padding:15px 15px 0 15px } .joe_census__filing .content .item .wrapper .panel-body li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px } .joe_census__filing .content .item .wrapper .panel-body li:last-child { margin-bottom:0 } .joe_census__filing .content .item .wrapper .panel-body li a { color:var(--routine) } .joe_census__filing .content .item .wrapper .panel-body li a:hover { color:var(--theme) } .joe_census__filing .content .item.load { padding-top:15px } .joe_census__filing .content .item.load .head { top:25px; background:#2db7f5 } .joe_census__filing .content .item.load .button { position:relative; margin-left:30px; border:none; background:#2db7f5; color:#fff; border-radius:4px; padding:0 12px; height:34px; font-size:13px } .joe_census__filing .content .item.load .button::before { content:''; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:-8px; width:0; height:0; border-right:8px solid #2db7f5; border-top:8px solid transparent; border-bottom:8px solid transparent } .aui-app-box { padding: 0.5rem; } .aui-app-flex-box { background:var(--classD); border-radius: 4px; padding: 0.8rem; margin-bottom: 10px; /* overflow: hidden; */ } .aui-app-flex { /* padding: 15px; */ position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding-bottom: 10px; } .aui-app-flex-hd { margin-right: .8em; width: 80px; height: 50px; line-height: 50px; text-align: center; } .aui-app-flex-hd img { width: 100%; height: 100%; border-radius: 4px; vertical-align: top; } .aui-app-flex-bd { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; } .aui-app-flex-bd h2 { color: var(--main); font-size: 1rem; padding-bottom: 10px; } .aui-app-flex-bd h2 em { color: #ff9000; font-size: 0.7rem; border-radius: 3px; background:var(--classA); font-style: normal; padding: 0 0.2rem; } .aui-app-flex-fr { color: #fff; font-size: 0.8rem; border-radius: 3px; background: #ff9000; cursor:pointer; padding: 0.5rem 1.5rem; } .box-line { position: relative; } .box-line:before { content: " "; position: absolute; top: 0; left: 0; width: 200%; height: 100%; border: 1px solid var(--classD); -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; color: rgba(207, 207, 207, 0.95); transform-origin: 0 0; border-radius: 5px; } .aui-app-flex:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #d8d8d8; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .aui-app-flex-bd span { font-size: 0.6rem; background:var(--classA); padding:3px 5px; border-radius: 5px; cursor:pointer; } .aui-app-flex-bd a { font-size: 0.6rem; background:var(--classA); padding:3px 5px; border-radius: 5px; cursor:pointer; } .aui-app-flex-text { font-size: 0.8rem; color: #999; padding-top: 10px; } 具体的样式可以自己改动CSS，我是放在了主题的 assets/css 目录，尼恩放在哪里随意，只要能引入就行 PHP代码 <?php /** * 站点首页模板 */ if (!defined('EMLOG_ROOT')) {exit('error!');}?> <link rel="stylesheet" href="<?php echo TEMPLATE_URL; ?>assets/css/shouquan.css"> <div class="joe_container"> <div class="joe_main"> <div class="joe_census__lately"> <div class="title">教程</div> <div class="content"> <?php doAction('index_loglist_top');if($logs != NULL){}if (!empty($logs)):foreach($logs as $value):$leixing = $value['content'];$value['content'] = qinyin_sx($value['content']);?> <?php if(!empty($value['cover'])) { $imgurl = $value['cover']; } elseif(img_ns($value['content'])) { if(strpos(img_ns($value['content']),$wzpeizhi['config_uy']) !== false){ $imgurl = img_ns($value['content']).$wzpeizhi['config_suocaijian']; }else{ $imgurl = img_ns($value['content']); } } else { $imgurl = $wzpeizhi['config_suolt1']; } ?> <div class="aui-app-flex-box box-line"> <div class="aui-app-flex "> <div class="aui-app-flex-hd"> <img src="<?php echo $imgurl;?>" alt="<?php echo $value['log_title']; ?>"> </div> <div class="aui-app-flex-bd"> <h2> <?php echo $value['log_title']; ?> </h2> <?php echo $value['bendi'];?> <a><?php blog_sort($value['logid']); ?></a> </div> <a class="aui-app-flex-fr" href="<?php echo $value['log_url']; ?>">查看</a> </div> <div class="aui-app-flex-text"> <p><?php echo geshihua($value['log_description']); ?></p> </div> </div> <?php endforeach;else:?> <div class="joe_archive"> <div class="joe_archive__empty"> <svg class="joe_archive__empty-icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="120" height="120"><path d="M483.322 136.98l-2.08-116.502A19.278 19.278 0 0 1 499.266 0h2.512c12.439.104 22.574 10.063 22.574 22.43l4.048 114.446a22.702 22.702 0 0 1-22.606 22.43c-10.136-1.952-22.479-10.079-22.479-22.326h.016zm165.034 16.943c-8.751 8.695-23.27 5.847-32.045 0a22.638 22.638 0 0 1 0-31.702L700.8 44.156a23.006 23.006 0 0 1 31.933 0c8.76 8.703 8.76 23.118 0 28.958l-84.377 80.793zm-287.215 0l-84.369-80.921c-8.767-5.824-8.767-20.135 0-28.95a23.006 23.006 0 0 1 31.917 0l84.497 78.058a22.606 22.606 0 0 1 0 31.7c-8.775 5.944-23.278 8.8-32.045.113zm488.686 679.445v9.84l-8.871 3.663-306.238 125.43-5.76 2.64V645l9.904 17.15 60.283 105.063a15.206 15.206 0 0 0 13.03 7.327 14.879 14.879 0 0 0 7.952-2.055L850.17 658.047V833.36h-.328l-.016.008zm-671.486 13.503l-9.44-3.655V654.824l.448.456 236.396 117.086a23.86 23.86 0 0 0 7.96 2.047 17.15 17.15 0 0 0 14.158-7.759l59.715-104.615 9.92-17.158V977.46l-13.152-5.28-306.005-125.317zm-21.998-415.308l4.72-8.8 323.411 162.85 4.84 2.616-2.76 4.696-77.57 138.932-2.655 4.24-4.72-2.056L77.15 572.663l5.888-10.4 73.298-130.708h.008zM484.93 304.646l12.56-4.12V552.41h-6.336l-1.608-1.024-295.063-147.868 9.92-3.663 280.527-95.208zm328.716 95.784l14.175 4.695-291.487 146.708-7.375 3.663V303.054l5.303 1.6 279.392 95.792v-.016zM935.82 562.256l7.367 13.503-320.293 159.306-4.847 2.056-2.52-4.12-77.113-139.508-2.528-4.688 4.704-2.64L858.722 426.98l2.192 3.664 74.922 131.62h-.016zm49.1 12.463L884.863 397.334v-1.016a16.047 16.047 0 0 0-6.775-7.327l-359.05-133.797-1.04-.56-1.031-.464a14.967 14.967 0 0 0-7.968-2.176 13.71 13.71 0 0 0-7.84 2.176l-1.023.464-1.144.56-357.881 134.253a25.649 25.649 0 0 0-9.455 8.815l-100.04 178.52a19.414 19.414 0 0 0 8.88 24.958l81.249 40.053 8.43 4.231v207.15a18.91 18.91 0 0 0 10.48 17.151l358.45 151.42c2.99 1.487 6.223 2.159 9.438 2.159 3.248 0 6.48-.672 9.455-2.16l356.498-151.987h1.04a18.022 18.022 0 0 0 11.99-17.158V644.417l7.84-4.128 78.593-40.157 3.232-1.503 3.008-2.048a15.807 15.807 0 0 0 4.72-21.87v.008z"></path></svg> <span>没有找到相关结果...</span> </div> </div> <?php endif; ?> </div> </div> <ul class="joe_pagination"> <?php echo sheli_fy($lognum,$index_lognum,$page,$pageurl);?> </ul> </div> <?php include View::getView('side'); ?> <?php include View::getView('footer'); ?> 我是放在了主题的 log 目录,保存名 jiaocheng ，后台分类模板输入的是 log/jiaocheng
-
会员主题专用QQ登陆插件 插件在最下方 本插件可以实现QQ登录一键登录，如果没有没有绑定过QQ就跳转到【创建并登录】 输入用户名密码即可完成创建，如果用户名密码存在则绑定，不存在则创建 个人中心首页展示QQ绑定状态 首页登录按钮 需要改动文件 文件位置：博客根目录/content/templates/qinyin_longyue/assets/js/joe.global.js 大概在第737行找到 function blog_denglu() { xtip.open({ type: 'html', content: '<div class="ajaxdlk"><div class="form"><h2 class="headline">登录帐号</h2><div class="input-field"><label class="input-box"for="email"><i class="fa fa-user-o"></i><input type="text"name="user_yonghuming"id="user_yonghuming"class="rgreytrhrthj"placeholder="输入账号"autocomplete="off"></label><label class="input-box"for="username"><i class="fa fa-eye-slash"></i><input type="password"name="user_mima"id="user_mima"placeholder="输入密码"autocomplete="off"></label></div><button class="button"type="button"onClick="dengluzhanghao()">登陆账号</button></div></br><div class="login1"><a href="#"onclick="zhaoHuiMiMa()">找回密码</a><a style="float:right"href="#"onclick="qiehuan_zhuce()">注册账号</a></div></div>', width: '320px', height: '330px', min: true, lock: true, shade: true, shade: true, over: false, closeBtn: false, }); } 替换为 function blog_denglu() { xtip.open({ type: 'html', content: '<div class="ajaxdlk"><div class="form"><h2 class="headline">登录帐号</h2><div class="input-field"><label class="input-box"for="email"><i class="fa fa-user-o"></i><input type="text"name="user_yonghuming"id="user_yonghuming"class="rgreytrhrthj"placeholder="输入账号"autocomplete="off"></label><label class="input-box"for="username"><i class="fa fa-eye-slash"></i><input type="password"name="user_mima"id="user_mima"placeholder="输入密码"autocomplete="off"></label></div><button class="button"type="button"onClick="dengluzhanghao()">登陆账号</button></div></br><a href="你的网址/content/plugins/QinYinQQ/qqlogin.php"style="background:red;color:#fff;padding:7px 95px;border-radius:5px;"><li class="fa fa-qq"> </li> QQ登录</a></br></br><div class="login1"><a href="#"onclick="zhaoHuiMiMa()">找回密码</a><a style="float:right"href="#"onclick="qiehuan_zhuce()">注册账号</a></div></div>', width: '320px', height: '360px', min: true, lock: true, shade: true, shade: true, over: false, closeBtn: false, }); } 注意：替换的内容里面你的网址改为你自己的网址！ 【 #付费内容 】
-
Emlog Pro插件添加设置菜单 emlogpro版最近更新到了1.1.0版，功能越来越完善了，此次更新后，已经支持插件扩展菜单接口，如您制作的插件需要在后台扩展里添加个设置菜单，就可以使用以下代码增加插件设置菜单到后台扩展下方。 //下方代码放到插件主文件里 function 您的插件ID_menuext(){ echo '<a class="collapse-item" id="您的插件ID_plug" href="plugin.php?plugin=您的插件ID">菜单名称</a>'; } addAction('adm_menu_ext', '您的插件ID_menuext'); //下方代码放到插件设置文件中 <script type="text/javascript"> $(function(){ $('#menu_category_ext a:first').attr('aria-expanded',false).parent().addClass('active'); $('#menu_ext').addClass('show'); $('#您的插件ID_plug').addClass('active'); }) </script>
-
emlog生成缓存方式调用文章 emlog程序生成读取缓存方式调用文章列表，使用读取缓存方式调用可以大大提高页面加载速度，这样就不用每次打开页面都读取数据库，从而提高emlog程度页面加载速度；使用生成读取缓存方式调用文章列表代码，会自动在content/cache/目录下生成设置的缓存php文件，如果需要更新缓存，只需要删除对应的缓存php文件即可；在需要的模版文件里写上调用代码，调用分类、数量、缓存文件名均可自定义设置，例如下方调用代码中，123为多个分类ID号，20为列表数量，listcache为缓存文件名，如果分类留空，则调用最新文章，列表留空默认为10个，缓存文件名留空默认为listcache。 下方代码复制到模版文件夹module.php文件里 <?php //读取文章列表写入缓存 function lanye_Listcache($sortid = 0, $lognum = '10', $cachename = 'listcache'){ global $CACHE; $db = Database::getInstance(); if($sortid){$query = "and sortid in ($sortid)";}else{$query = '';} $sql = "select * from ".DB_PREFIX."blog WHERE type='blog' and hide='n' and checked='y' $query ORDER BY `date` DESC LIMIT 0,$lognum"; $listcache = @$CACHE->readCache($cachename); if(empty($listcache)){$list = $db->query($sql);$listcache = array();while($row = $db->fetch_array($list)):$listcache[] = $row;?> <li><a href="<?php echo Url::log($row['gid']);?>" title="<?php echo $row['title'];?>" target="_blank"><?php echo $row['title'];?></a></li> <?php endwhile;$cacheData = serialize($listcache);$CACHE->cacheWrite($cacheData, $cachename);}else{?> <?php foreach($listcache as $row):?> <li><a href="<?php echo Url::log($row['gid']);?>" title="<?php echo $row['title'];?>" target="_blank"><?php echo $row['title'];?></a></li> <?php endforeach;}}?> 调用代码 <?php lanye_Listcache('1,2,3','20','listcache');?>
