一、WordPress 需安装的插件
1. FileBird – WordPress 媒体库文件夹和文件管理器
2. WP Fastest Cache 站点缓存加速
3. WPFront Scroll Top 一键回到顶部图标
4. 选装:Colibri Page Builder 网页构建器(与 Colibri WP 主题同时使用)
5. 选装:Elementor 网站生成器
二、企业网站
制作企业网站推荐安装:
1. 主题:Colibri WP 主题
2. 插件:Colibri Page Builder 网页构建器
3. 或任意主题 + Elementor 网站生成器插件
三、适配 Nginx 服务器
采用 LNMP 环境时,WordPress 的“伪静态”功能会出错,需要通过宝塔面板做适配
宝塔面板 =》网站 =》点开某域名 =》伪静态 =》选择 wordpress =》复制代码
location /
{
try_files $uri $uri/ /index.php?$args;
}
rewrite /wp-admin$ $scheme://$host$uri/ permanent;
再选择到“0.当前”粘贴代码,保存,就完成了适配
在 WordPress 后台进入:设置 =》固定连接,修改需要的伪静态形式,就可以正常连接了
四、修改源码
修改底部版权说明(主题文件夹内的 footer.php 文件)
文件具体位置:/wp-content/themes/启用的主题/footer.php
<?php
/*
* The template for displaying the footer.
*
* Contains the closing of #main and all content
* after. Calls sidebar-footer.php for bottom widgets.
*
* @package Anima
*/
?>
<?php cryout_absolute_bottom_hook(); ?>
<aside id="colophon" role="complementary" <?php cryout_schema_microdata( 'sidebar' );?>>
<div id="colophon-inside" <?php anima_footer_colophon_class();?>>
<?php get_sidebar( 'footer' );?>
</div>
</aside><!-- #colophon -->
</div><!-- #main -->
<footer id="footer" class="cryout" role="contentinfo" <?php cryout_schema_microdata( 'footer' );?>>
<!--去掉原版权说明-->
<!--?php cryout_master_footer_hook(); ?--><!--增加新的版权说明-->
<table width="100%" height="50px" border="0" cellspacing="0" cellpadding="20" bgcolor="#1D2527">
<tbody>
<tr>
<td>
<div style="text-align:center; font-size:16px; color:#CCCCCC;">
<br>
<script type="text/javascript">
var d=new Date();
var year=d.getFullYear();
var copyright="© 2015-" + year + " ";
document.write(copyright);
</script>
<a href="https://www.laobaiphoto.com" target="_blank" style="text-decoration:none; color:#CCCCCC;">公子老白</a>
</div>
</td>
</tr>
</tbody>
</table> </footer>
</div><!-- site-wrapper -->
<?php wp_footer(); ?>
</body>
</html>
使用不同主题的代码不同,要找到源代码显示版权的语句,替换成需要的版权信息, 这几句代码一定要保留
......
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>
修改结果如下:
一、后台
设置 =》选项 =》总体 =》页首banner
<br><br><br><br><br><br>
<div style="text-align:center; font-size:32px; color:#C0C0C0;">%gallery_title%</div>
二、主题
主题只有 Bootstrap Darkroom 大气美观,需要在主题设置里去修改设置,可以设置主页横幅(Banner),网站 Logo,Custom CSS等,我的设置如下:
外观:
颜色主题:Bootstrap Darkroom
网站 Logo:启用 – 指定连接图片
页面顶栏:Banner 样式 – 主页横幅图片;Background image 指定连接图片,启用 – 背景图片涵盖下方导航栏
目录页面:将目录显示为 Bootstrap Media Wells – 从不;启用 – 显示相册和子相册中图片的数量
缩略图页面:启用 – 显示图片名称;将缩略图链接至 – PhotoSwipe 幻灯;描述文字显示样式 – 简单
图片详情页面:信息显示位置 – 页面右侧边栏(Boostrap 默认)
Custom CSS:记不清作用在哪里了,好像是全站的文字式样
body {
margin: 0;
font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #dbdbdb;
text-align: left;
background-color: #060606;
}
组件:
Slick Carousel 设置:启用 – 图片页面上主图片下方的 Slick Carousel;启用 – 中心模式
PhotoSwipe 设置:启用 – PhotoSwipe 全屏幻灯;自动播放时间间隔 3500 毫秒
评论:Piwigo
Tag cloud:基础
社交媒体:
不启用
三、插件
1. About 1 menu:可以在菜单中添加额外的连接
2. Additional Pages:可以增加额外的页面,我用于增加多个跳转首页
3. Exif View:用于显示照片的 EXIF 信息
4. GThumb+:用拼图效果显示缩略图
5. Perso Footer:用于设置页面底部的版权信息,同时要修改 footer.php 文件代码,屏蔽原有的版权显示
6. Personal Favicon:用自己的 favicon.ico 图标替换掉官方的
四、修改源码
1. 修改版权说明(主题文件夹内的 footer.tpl 文件)
文件目录:/themes/bootstrap_darkroom/template/footer.tpl
把第 12-16 行注释掉不再显示,而使用 Perso Footer 插件来设置
<!-- 注释掉12-16行,版权由后台设置 -->
......
<!-- {'Powered by'|@translate} <a href="{$PHPWG_URL}" class="Piwigo">Piwigo</a>
{$VERSION}
{if isset($CONTACT_MAIL)}
| <a href="mailto:{$CONTACT_MAIL}?subject={'A comment on your site'|@translate|@escape:url}">{'Contact webmaster'|@translate}</a>
{/if}-->
......
Perso Footer 插件来设置如下:
<div style="color:#999999;">
<script type="text/javascript">
var d=new Date();
var year=d.getFullYear();
var copyright="© 2015-" + year + " ";
document.write(copyright);
</script>
<a href="https://gallery.laobaiphoto.com" target="_blank" style="text-decoration:none; color:#999999;">公子老白</a>
</script>
<div>
2. 修改 EXIF 显示参数(config_default.inc.php 文件)
文件目录:/include/config_default.inc.php
注释掉原 393-396 行,增加 397-405 行,修改 973 行 false 可以改为 true(上传文件类型不受限制)
//修改EXIF显示参数:注释掉原393-396行,增加397-405行
......
$conf['show_exif_fields'] = array(
// 'Make',注释掉
// 'Model',注释掉
// 'DateTimeOriginal',注释掉
// 'COMPUTED;ApertureFNumber',注释掉
'Make',
'Model',
'UndefinedTag:0xA434',
'FocalLength',
'FNumber',
'ExposureTime',
'ISOSpeedRatings',
'ExposureBiasValue',
'DateTimeOriginal', );
......
//修改973行,false可以改为true(上传文件类型不受限制)
......
$conf['upload_form_all_types'] = true;
......
3. 修改显示光圈符号(main.inc.php 文件)
只修改以上代码,显示的光圈参数缺少符号“F”或“f/”,因此还要修改 main.inc.php 文件
第 146 行,增加“f/”或“F ”光圈符号
文件目录:/plugins/exif_view/main.inc.php
/*146行增加“f/”或“F ”光圈符号
......
return 'F '.$tokens[0]/$tokens[1];
......
4. 修改 EXIT 中文翻译(lang.exif.php 文件)
文件目录:/plugins/exif_view/language/zh_CN/lang.exif.php
//修改文字:9/16/19行,添加91行
......
$lang['exif_field_DateTimeOriginal'] = '原始时间';//修改
......
$lang['exif_field_FNumber'] = '光圈';//修改
......
$lang['exif_field_FocalLengthIn35mmFilm'] = '等效35mm焦距';//修改
......
$lang['exif_field_ApertureFNumber'] = '光圈';//增加
......
5. 修改中文语言文件错误(common.lang.php 文件)
文件目录:/language/zh_CN/common.lang.php
//修改87,105行
......
$lang['Related tags'] = '标签';
......
$lang['About Piwigo'] = '关于作者';
......
//添加461-463,添加464-468行(无效)
......
$lang['Information'] = '照片信息';
$lang['Show EXIF data'] = '查看 EXIF 数据';
$lang['Hide EXIF data'] = '隐藏 EXIF 数据';
$lang['AutoPlay'] = '自动播放';
$lang['Picture details'] = '详细资料';
$lang['Zoom in/out'] = '缩放';
$lang['Toggle fullscreen'] = '满屏';
$lang['Close (Esc)'] = '关闭(Esc)';......
6. 增加“关于作者”的页面(修改 about.tpl 文件)
文件目录:/themes/bootstrap_darkroom/template/about.tpl
然后使用 About 1 menu 插件增加到菜单上,并连列 about.tpl 页面(具体怎么实现忘了😳)
<nav class="navbar navbar-expand-lg navbar-contextual {$theme_config->navbar_contextual_style} {$theme_config->navbar_contextual_bg} sticky-top mb-5"><!-- 14行修改,注释掉16-28行,添加29-53行 -->
<div class="container{if $theme_config->fluid_width}-fluid{/if}">
<div class="navbar-brand mr-auto"><a href="{$U_HOME}">{'Home'|@translate}</a>{$LEVEL_SEPARATOR}<a href>{'About'|@translate}</a></div>
<ul class="navbar-nav justify-content-end">
{if !empty($PLUGIN_INDEX_ACTIONS)}{$PLUGIN_INDEX_ACTIONS}{/if}
</ul>
</div>
</nav>
{include file='infos_errors.tpl'}
<div class="container{if $theme_config->fluid_width}-fluid{/if}">
<div class="card">
<!-- 修改如下 -->
<br><br><h4 style="text-align: center;" class="card-header">{'关于作者'|@translate}</h4> <div class="card-body">
<!-- 这一段注释掉 -->
<!-- {$ABOUT_MESSAGE}
{if isset($THEME_ABOUT) }
{$THEME_ABOUT}
{/if}
{if not empty($about_msgs)}
{foreach from=$about_msgs item=elt}
{$elt}
{/foreach}
{/if}
<div><a href="https://github.com/tkuther/piwigo-bootstrap-darkroom">Bootstrap Darkroom Theme</a> by Thomas Kuther.</div>
<div><a href="https://thenounproject.com/DmitryBaranovskiy/collection/photo/">Photography Icons</a> by <a href="https://thenounproject.com/DmitryBaranovskiy/">Dmitry Baranovskiy</a>, licensed under <a href="https://creativecommons.org/licenses/by/3.0/us/">Creative Commons 3.0</a>.
</div>--><!-- 到这里结束 -->
<!-- 新增介绍内容 -->
<br>
<div><img src="https://gallery.laobaiphoto.com/upload/banner/myphoto.jpg" width="100%" height="" alt=""/></div>
<br><br>
<p style="font-size: 28px; font-weight:bold;"> 公子老白</p>
<p> 风光摄影爱好者,欢迎交流!</p>
<br>
<table width="100%" height="" border="0" cellspacing="0" cellpadding="5" bgcolor="">
<tr>
<td width="60px" height="40px" align="center" valign="middle"><img src="https://gallery.laobaiphoto.com/upload/banner/icon-add.png" alt="" width="40" height="40"/></td>
<td width="" height="" align="left" valign="middle"><div>Shanghai, China</div></td>
</tr>
<tr>
<td width="" height="" align="center" valign="middle"><img src="https://gallery.laobaiphoto.com/upload/banner/icon-wechat.png" alt="" width="40" height="40"/></td>
<td width="" height="" align="left" valign="middle"><div>gongzi-laobai</div></td>
</tr>
<tr>
<td width="" height="" align="center" valign="middle"><img src="https://gallery.laobaiphoto.com/upload/banner/icon-mail.png" alt="" width="40" height="40"/></td>
<td width="" height="" align="left" valign="middle"><div><div>gongzi-laobai@qq.com</div></td>
</tr>
</table>
<br><br>
<p> <img src="https://gallery.laobaiphoto.com/upload/banner/myweichat.jpg" width="200" height="200" alt=""/></p>
<br>
<!-- 新增内容结束 -->
</div>
</div>