Docker系列 WordPress系列 配置argon主题
本文最后更新于 28 天前,如有失效请评论区留言。

前言

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

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

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

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

image-20220428110945836

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

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

image-20220428104757752

导入导出设置

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

你拉到最下面:

image-20220428105233687

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

image-20220428105331555

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

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

这里我也贴出我自己的设置,也很简短(代码于2022-08-29更新,可能与示意图不相符)。

{"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":"15","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":"https://bensz.hwb0307.top/argon","argon_wp_path":"/","argon_dateformat":"YMD","argon_enable_headroom":"true","argon_toolbar_title":"Bensz","argon_toolbar_icon":"","argon_toolbar_icon_link":"","argon_toolbar_blur":"true","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":"true","argon_banner_typing_effect_interval":"25","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/logo.jpg","argon_sidebar_author_description":"浮名本是身外物,不著方寸也风流。","argon_sidebar_announcement":"Linux/Docker/R语言爱好者。看板娘休假ing,不要想她。Enjoy Bensz' blog!","argon_fab_show_settings_button":"false","argon_fab_show_darkmode_button":"true","argon_fab_show_gotocomment_button":"true","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请至<a href=\"https://blognas.hwb0307.com/other/447\">学习地图</a>系统学习本博客的教程。加<a href=\"https://t.me/benszhub\">Telegram群</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=\"\"><span class=\"my-face\">Copyright ©2022 版权所有 苯神仔୧(๑•̀⌄•́๑)૭</span></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":"<script async defer data-website-id=\"c30ed5c7-8569-4118-b83a-97693266acba\" src=\"https://umamirn2.hwb0307.com/umami.js\"></script>","argon_custom_html_foot":"","argon_enable_smoothscroll_type":"1","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":"true","argon_fold_long_shuoshuo":"true","argon_enable_timezone_fix":"false","argon_hide_shortcode_in_preview":"false","argon_trim_words_count":"250","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

动画

2022-08以后由于我不上线看板娘,所以用回了默认的动画方案,即平滑滚动方案1(平滑),效果较满意。因此,下面建议仅供后人参考,你可以多试几个方案,然后选择自己喜欢的。

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

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

chrome_SuMb5eihcD

小结

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

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

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

image-20220428111826537

敬请期待!

日志

2022-05-21

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

image-20220521113404169

版权声明:除特殊说明,博客文章均为Bensz原创,依据CC BY-SA 4.0许可证进行授权,转载请附上出处链接及本声明。 如有需要,请至学习地图系统学习本博客的教程。加Telegram群可获得更多帮助喔! | 博客订阅:RSS | 广告招租:留言板 | 博客VPS |

评论

  1. Mao
    Windows Firefox 104.0
    4周前
    2022-9-04 11:49:17

    求每次刷新改变背景图的源码,蟹蟹

    • 博主
      Mao
      Windows Chrome 104.0.0.0
      4周前
      2022-9-04 11:54:03

      这个是随机图API,详见:Docker系列 WordPress系列 自建随机图API 。更多教程可以看《学习地图》。希望对您有帮助喔!

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇