如何通过cPanel修改WordPress插件及Elementor元素的代码文件

一、修改Elementor元素的HTML（添加标题/条目） #

先明确：别直接改Elementor核心文件 #

Elementor的元素HTML是动态生成的，直接修改插件目录下的文件会在插件更新时被完全覆盖，所有修改都会丢失——所以优先用合规方法，找核心文件仅作了解。

合规修改方式 #

• 用Elementor自带功能搞定
  1. 很多Elementor组件本身就有「标题」设置项，在元素的「内容」标签页里找，直接填写就能加标题，完全不用碰代码。
  2. 如果需要自定义HTML结构，直接用Elementor的「自定义HTML」模块，编写你要的代码，替换或嵌套原有元素就行。
• 通过WordPress钩子自定义
  Elementor提供了大量过滤钩子，比如要修改某个组件的输出，在子主题的functions.php里加代码：

  add_filter( 'elementor/widget/render_content', function( $content, $widget ) {
      // 示例：给按钮组件加自定义标题
      if ( 'button' === $widget->get_name() ) {
          $content = '<h3 class="custom-btn-title">我的自定义标题</h3>' . $content;
      }
      return $content;
  }, 10, 2 );
  

• 非要找Elementor核心文件的话
  通过cPanel文件管理器进入wp-content/plugins/elementor：
  • 组件的核心代码在includes/widgets文件夹下，每个组件对应一个PHP文件（比如按钮是button.php）。
  • 打开文件后找render()方法，里面就是输出HTML的代码——但再次提醒：改这里的内容会在插件更新后丢失，谨慎操作。

二、修改WordPress插件生成的PHP/HTML/CSS代码 #

1. 修改PHP/HTML输出 #

• 用WordPress钩子（最推荐）
  正规插件都会提供action或filter钩子来修改输出。找到插件代码里的apply_filters调用（或看插件文档），在子主题functions.php里加自定义代码。
  示例：给某插件的文章列表加自定义条目

  add_filter( 'plugin_post_list_output', function( $output ) {
      $custom_item = '<li class="custom-list-item">我的自定义条目</li>';
      return $output . $custom_item;
  } );
  

• 子主题覆盖插件模板
  如果插件支持模板覆盖（比如WooCommerce这类），找到插件的templates目录，把要修改的模板文件复制到子主题的对应目录（比如子主题下建plugin-name/templates），修改复制后的文件即可——插件更新不会影响你的修改。
• 直接改插件文件（仅临时测试用）
  找到插件目录（wp-content/plugins/[插件名]）下的对应PHP文件修改HTML输出，但更新插件后修改会丢失，不建议长期用。

2. 修改CSS样式 #

• WordPress自定义器：进入后台「外观」→「自定义」→「额外CSS」，直接写自定义CSS，优先级高于插件默认样式。
• 子主题style.css：在子主题的style.css里加样式，不会被主题或插件更新覆盖。
• 插件自带自定义CSS：很多插件（比如Elementor、WooCommerce）都有自己的自定义CSS设置，在插件面板里找到对应项添加即可。

内容的提问来源于stack exchange，提问作者Sharkum