Docker系列 WordPress系列 配置argon主题

发布于 2022-07-02  64 次阅读


前言

经过Docker系列 WordPress系列 选心仪的WordPress主题的学习,我们已经初步了解要怎么寻找和选择自己喜爱的WordPress主题,并且安装了一款颜值很高的主题argon

其实,argon有自己的参考文档。讲得都很清楚的!自己多翻看翻看。重复的东西我就不多说了。

argon是一个开箱即用的主题。你如果对颜值不在意,不用设置它我觉得也蛮好看的,简洁优雅。不过我还是推荐你了解一些基本设置。毕竟你还是对自己用的主题有一定的了解才好!

另外,Argon主题是可以按下Ctrl + F查找设置的。自己要好好利用这个方便的功能喔!

image-20220428110945836

下面我们进行基本的设置吧!

我们从左侧栏中点击Argon主题选项进行该主题的设置:

image-20220428104757752

导入导出设置

我觉得首先要了解的东西是主题的导入导出设置。根据我的经验,一个成熟的主题都有类似的功能。

你拉到最下面:

image-20220428105233687

你做好所有的设置后,点击导出设置,就会弹出一个窗口。你复制保存到一个json文件即可。以后可以用此文件来恢复你的配置:

image-20220428105331555

我有导出过,但没有导入过。因为我的wordpress是用duplicati每天备份一次的,对这个所谓的样式备份功能不怎么在意。毕竟,我已经备份了整个WordPress网站!

你知道这个功能就行了。有需要就使用。

这里我也贴出我自己的设置,也很简短。

{"argon_theme_color":"#009688","argon_theme_color_hex_preview":"#009688","argon_show_customize_theme_color_picker":true,"argon_enable_immersion_color":"false","argon_darkmode_autoswitch":"time","argon_enable_amoled_dark":"false","argon_card_radius":"4","argon_card_shadow":"default","argon_page_layout":"double","argon_article_list_waterflow":"1","argon_article_list_layout":"1","argon_font":"sans-serif","argon_assets_path":"default","argon_custom_assets_path":"","argon_wp_path":"/","argon_dateformat":"YMD","argon_enable_headroom":"false","argon_toolbar_title":"--hidden--","argon_toolbar_icon":"https://blognas.hwb0307.com/logo.jpg","argon_toolbar_icon_link":"https://blognas.hwb0307.com","argon_toolbar_blur":"false","argon_banner_title":"浮云翩迁之间","argon_banner_subtitle":"百代繁华一朝都,谁非过客;千秋明月吹角寒,花是主人。","argon_banner_size":"fullscreen","argon_page_background_banner_style":"transparent","argon_show_toolbar_mask":true,"argon_banner_background_url":"","argon_banner_background_color_type":"shape-primary","argon_banner_background_hide_shapes":false,"argon_enable_banner_title_typing_effect":"false","argon_banner_typing_effect_interval":"100","argon_page_background_url":"https://blognas.hwb0307.com/imgapi/index.php","argon_page_background_dark_url":"https://blognas.hwb0307.com/imgapi/index.php","argon_page_background_opacity":"1","argon_sidebar_banner_title":"","argon_sidebar_banner_subtitle":"--hitokoto--","argon_sidebar_auther_name":"","argon_sidebar_auther_image":"https://blognas.hwb0307.com/wp-content/uploads/2022/04/25b2916b5c49db617f5283.jpg","argon_sidebar_author_description":"浮名本是身外物,不著方寸也风流。","argon_sidebar_announcement":"Linux/Docker/R语言爱好者。左下角看板娘可切换多模型,不喜欢也可以×掉。","argon_fab_show_settings_button":"false","argon_fab_show_darkmode_button":"true","argon_fab_show_gotocomment_button":"false","argon_seo_description":"","argon_seo_keywords":"docker, Linux, nextcloud, bitwarden, wordpress","argon_article_meta":"author|time|views|categories","argon_show_readingtime":"true","argon_reading_speed":"300","argon_reading_speed_en":"160","argon_reading_speed_code":"20","argon_show_thumbnail_in_banner_in_content_page":"false","argon_first_image_as_thumbnail_by_default":"false","argon_reference_list_title":"参考","argon_show_sharebtn":"domestic","argon_show_headindex_number":"true","argon_donate_qrcode_url":"https://blognas.hwb0307.com/wp-content/uploads/2022/04/pay.jpg","argon_additional_content_after_post":"版权声明:本文为%author%原创,依据<a href=\"https://creativecommons.org/licenses/by-sa/4.0/\">CC BY-SA 4.0</a>许可证进行授权,转载请附上出处链接及本声明。 \n原文链接:%url%\n您可在<a href=\"https://blognas.hwb0307.com/other/447\">学习地图</a>中系统学习本博客的教程\n订阅博客:<a href=\"https://blognas.hwb0307.com/feed\">RSS</a>\n","argon_related_post":"tag","argon_related_post_sort_orderby":"rand","argon_related_post_sort_order":"DESC","argon_related_post_limit":"5","argon_article_header_style":"article-header-style-1","argon_outdated_info_time_type":"modifiedtime","argon_outdated_info_days":"2","argon_outdated_info_tip_type":"inpost","argon_outdated_info_tip_content":"本文最后更新于 %modify_date_delta% 天前,如有失效请评论区留言。","argon_archives_timeline_show_month":"true","argon_archives_timeline_url":"https://blognas.hwb0307.com/history","argon_footer_html":"<div class=\"\">Copyright ©2022 版权所有 苯神仔</div>","argon_enable_code_highlight":"true","argon_code_theme":"agate","argon_code_highlight_hide_linenumber":"false","argon_code_highlight_break_line":"true","argon_code_highlight_transparent_linenumber":"false","argon_math_render":"none","argon_mathjax_cdn_url":"//cdn.jsdelivr.net/npm/[email protected]/es5/tex-chtml-full.js","argon_mathjax_v2_cdn_url":"//cdn.jsdelivr.net/npm/[email protected]/MathJax.js?config=TeX-AMS_HTML","argon_katex_cdn_url":"//cdn.jsdelivr.net/npm/[email protected]/dist/","argon_enable_lazyload":"true","argon_lazyload_threshold":"800","argon_lazyload_effect":"fadeIn","argon_lazyload_loading_style":"1","argon_enable_fancybox":"true","argon_enable_zoomify":"false","argon_zoomify_duration":"200","argon_zoomify_easing":"cubic-bezier(0.4,0,0,1)","argon_zoomify_scale":"0.9","argon_enable_pangu":"false","argon_custom_html_head":"","argon_custom_html_foot":"","argon_enable_smoothscroll_type":"2","argon_enable_into_article_animation":"false","argon_disable_pjax_animation":"false","argon_comment_pagination_type":"feed","argon_comment_emotion_keyboard":"true","argon_hide_name_email_site_input":"false","argon_comment_need_captcha":"true","argon_get_captcha_by_ajax":"true","argon_comment_allow_markdown":"true","argon_comment_allow_editing":"true","argon_comment_allow_privatemode":"false","argon_comment_allow_mailnotice":"true","argon_comment_mailnotice_checkbox_checked":true,"argon_comment_enable_qq_avatar":"true","argon_comment_avatar_vcenter":"false","argon_who_can_visit_comment_edit_history":"admin","argon_enable_comment_pinning":"true","argon_enable_comment_upvote":"true","argon_comment_ua":"platform,browser,version","argon_show_comment_parent_info":"true","argon_fold_long_comments":"false","argon_gravatar_cdn":"","argon_text_gravatar":"false","argon_enable_search_filters":"true","argon_search_filters_type":"*post,*page,*shuoshuo","argon_pjax_disabled":"false","argon_hide_categories":"","argon_enable_login_css":"true","argon_home_show_shuoshuo":"false","argon_fold_long_shuoshuo":"false","argon_enable_timezone_fix":"false","argon_hide_shortcode_in_preview":"false","argon_trim_words_count":"175","argon_enable_mobile_scale":"true","argon_disable_googlefont":"true","argon_disable_codeblock_style":"false","argon_update_source":"stop","argon_hide_footer_author":"true"}

你通过导入设置贴进去看,马上就会有一个和我很像的效果:

image-20220428110123525

你可以在我的基础上进行微调,比如用户图标、背景图片等。马上就变成自己可以用的主题了!

将Argon渲染至后台

你会发现,后台用的还是默认主题。我们可以改为Argon渲染。

在最下面的杂项里,有美化后台界面

image-20220428110643236

前往个人资料页面将 "管理界面配色方案" 设为 "Argon" 即可开启。

image-20220428110738565

最后,在页面的左下角点更新个人资料即可。

这样,后台也变成了Argon风格。看起来要舒服一些!

image-20220428110836037

更改图片链接

如果你用了我的模板,那么还要改一些图片的链接。毕竟那是我的不是你的图片嘛!

Ctrl+F搜索可以快速定位到对应的功能。

顶栏图标

image-20220428111133396

顶部 Banner (封面)

image-20220428111240966

页面背景

image-20220428111257490

左侧栏

image-20220428111317915

赞赏

image-20220428111354338

归档页面

image-20220428111430504

动画

动画的选择对页面表现影响很大。你可以像我一样,试试平滑滚动方案2(较稳)。页面流畅程度瞬间发生变化!

这里多说一句。如果你使用我的看板娘方案《Docker系列 WordPress系列 国服最强博客看板娘没有之一》,使用Argon主题默认的平滑滚动方案1且开启Pjax的情况下会有冲突,导致看板娘会有某些报错,这也会成为拖慢页面响应的潜在因素;但似乎在实际使用时并不会对看板娘的功能造成影响。

chrome_SuMb5eihcD

小结

借用我的json进行快速设置只是一种投机取巧,不是长久之计。更多的设置和功能,你要自己摸索一下。

多看看文档,慢慢就懂了。不懂评论区留言。

下一章我会进行一些比较重要的设置,即博客的外观。这是非常重要的!

image-20220428111826537

敬请期待!

日志

2022-05-21

在网站访问量比较小的情况下,大家尽量不要使用主题CDN吧,会对访问速度造成较大影响。

image-20220521113404169