网站设置与代码修改
作者:公子老白   来源:laobaiphoto.com

WordPress 建站系统

一、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 + "&nbsp;"; 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>

修改结果如下:


公子老白
Piwigo 图库系统

一、后台

设置 =》选项 =》总体 =》页首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 插件来设置

Perso Footer 插件来设置如下:

<div style="color:#999999;">
<script type="text/javascript">
                        var d=new Date(); 
                        var year=d.getFullYear();
                        var copyright="© 2015-" + year + "&nbsp;";
                        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&nbsp;”光圈符号

文件目录:/plugins/exif_view/main.inc.php

/*146行增加“f/”或“F&nbsp;”光圈符号
......
  return 'F&nbsp;'.$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;">&nbsp;&nbsp;公子老白</p> <p>&nbsp;&nbsp;&nbsp;&nbsp;风光摄影爱好者,欢迎交流!</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>&nbsp;&nbsp;&nbsp;&nbsp;<img src="https://gallery.laobaiphoto.com/upload/banner/myweichat.jpg" width="200" height="200" alt=""/></p> <br> <!-- 新增内容结束 -->
</div> </div>