如何使用SP頁面生成器插件從一個Joomla模板到另一個

您是否曾經非常喜歡模板中的 SP Page Builder 插件,將 SP Page Builder 插件從一個 Joomla 模板遷移到另一個模板是一個您可能不知道的有趣技巧。

 

選擇您最喜歡的 SP 頁面生成器插件

如果您是 JoomShaper 的模板用戶,您應該想要遷移插件。我們的大多數模板都帶有專用的 SP Page Builder 插件,我已經選擇了我最喜歡的,那就是播客模板中的音頻輪播插件

進入Podcast的模板根目錄->  templates -> podcasta -> sppagebuilder

sppagebuilder文件夾中,您會看到我們有音頻佈局和音頻輪播佈局的文件。讓我們複製這個文件夾。

 

將插件遷移到另一個模板

我將在我最喜歡的Helix Ultimate 中使用音頻輪播繼續選擇您最喜歡的或使用您當前使用的 Joomla 模板中的插件。

要遷移插件,請轉到Helix Ultimate ->模板-> shaper_helixultimate的根目錄

現在,將第一步中複製的sppagebuilder文件夾粘貼到shaper_helixultimate文件夾中。

 

複製語言字符串

我們需要爲網站前端部分的遷移插件複製插件語言文件。

爲此,再次轉到 Podcast 的根目錄。你會在裏面看到一個 en-GB.tpl_podcasta.ini 語言文件。使用文本編輯器打開文件。

搜索“audio”並複製Addon Audio LayoutsAddon Audio Carousal Layouts語言字符串。

現在,轉到Helixultimate ->語言-> 覆蓋 -> en-GB.override.ini (en-GB 或默認語言字符串,如西班牙語 es-ES)。

並且,將複製的字符串粘貼到此處。

 

不要忘記插件的 CSS 樣式

最後,讓我們複製 CSS 樣式,使我們遷移的插件看起來與原始插件完全一樣。

再次轉到 Podcast 的根文件夾,導航到 css 文件夾,然後是 template.css 文件。使用文本編輯器打開文件。

搜索音頻輪播並複製音頻輪播的所有 CSS 樣式。

現在轉到Helix Ultimate的根文件夾->模板-> shaper_helixultimate -> css

在此處創建一個新文件並將其命名爲 custom.css。

將複製的音頻輪播 CSS 樣式粘貼到此處。

請注意,我們將複製的 CSS 樣式粘貼到 custom.css 文件中。這真的很重要!如果將此 CSS 代碼粘貼到 template.css 文件中,則模板更新時將丟失 CSS 樣式。因此,無論何時遷移插件或向插件添加自定義樣式,請始終在 custom.css 文件中編寫 CSS 代碼。

同樣,對於某些插件,您可能需要複製相關的 JavaScript 代碼。始終將複製的 JS 粘貼到 custom.js 文件中。但是對於這個插件,我們只需要 CSS 樣式。 

 

重要環節

是時候檢查我們的音頻輪播在 Helix Ultimate 網站上的外觀了。進入 Helix Ultimate 的管理面板,點擊 SP Page Builder 創建一個新頁面。

給你的頁面一個標題並設置你想要的頁面佈局。現在,單擊將新插件添加到要放置插件的位置並搜索音頻輪播佈局。選擇新遷移的插件並點擊保存。

單擊“預覽”按鈕以查看它在前端的外觀。

這就是 SP Page Builder 插件從一個 Joomla 模板遷移到另一個模板。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章