[備份周期]調整Cloudways主機的備份周期
2023-02-22
尚無留言
Cloudways主機的備份周期，它預設本就會每日自動備份了，只是預設值是只保留7日的備份檔，我們可以在下列的④中改成4Week，也就是一個月的意思。
而③的話，是「每日」備份，有需要的話可以調整更短，例加每3小時備份一次，不過我覺得每日一次就夠了。
▼注意一下，須在「Server」中調整，參考下圖 :
![[備份周期]調整Cloudways主機的備份周期-1](https://smallway.com.tw/wp-content/uploads/2023/02/image-52-1024x713.png)
Elementor幻燈片標置置底
2023-02-20
尚無留言
/*幻燈片標置置底*/
.swiper-slide-inner {
padding : 0!important;
}
.swiper-slide-contents,.elementor-slide-button{
width:100%!important;
max-width: unset!important;
}文字填在按鈕中。
如何做出滾動滑鼠時，整個段向上滑出消失？(2)
2023-02-18
尚無留言
簡介
有些網頁，只要一進滾動滑鼠，就會有一種「翻頁」滑出滑入的效果，每滑一下就是下一頁的效果。
運用範圍
上篇教的是用在是「首頁」的第一個大段落，此篇的作法比較進階，是「整頁每個段落」都可以有這樣的效果，就像是在「翻頁」一樣。
範例
原理與思路
主要用jQuery的滾動事件來判斷是否已滾動而且是滾動了第幾下，以對應「每個段」，並配合slideUp()與slideDown()來產生視覺上的滑出滑入效果。
實作
這段程式碼，我研究了一日，終於成功，免外掛，純在Elementor中貼上一段代碼即可運作 。
付費內容，需支付 : 1200 個學習幣
您須先登入會員以使用學習幣與發問功能。總結
在手機上，無法發揮效果，因手機沒有滑鼠滾動事件，所以此法使用時要慎重思考手機時我能接受無此效果嗎？或是手機瀏覽時使用其它效果，建議在手機時就保持一般無特效的狀態就好。
如何做出滾動滑鼠時，整個段向上滑出消失？(1)
2023-02-18
尚無留言
簡介
很多網頁或首頁的第一個段落常常是個大圖+標語，然後滑鼠一滾動，這個段落就會往上滑走然後出現下一個段落的內容。
特效僅在第一個段落，下一個段落開始就是正常無特效的區域。
運用範圍
一般是「首頁」的第一個大段落。
範例
原理與思路
主要用jQuery的滾動事件來判斷是否已滾動，並配合slideUp()與slideDown()來產生視覺上的滑出滑入效果。
實作
1、加上CSS ID
把首頁第一個段加上CSS ID，如下圖。
2、拉一個html工具
並貼上下列語法即可。
<script>
( function($) {
$(window).load(function() {
//============================
$(window).scroll(function(){
if( $(this).scrollTop() > 0){
$("#sec01").slideUp(1000);
}
else{
$("#sec01").slideDown(1000);
}
});
//======================================
}); //end load
})(jQuery);
</script>
總結
特效僅在第一個段落，下一個段落開始就是正常無特效的區域，若要整頁的每一個段落都可以有此特效(一頁式網頁之翻頁)，須參考下一篇的作法。
如何讓每篇文章出現「Breadcrumb(麵包屑)」→當下所在位置，以增加SEO分數？
2023-02-17
尚無留言
Breadcrumb(麵包屑)，又稱「導航路徑」，可以看出當頁是位在什麼分類區的什麼位置，
這一般最常用的方式就是利用佈景主題的內建功能來設定就可以達成，但也有少數佈景主題並沒有提供這樣的小功能，就須另找外掛來擴充與置入。
我們所教的「Blocksy」免費主題就有內建此功能，可以在外觀/自訂中來開啟，如下圖打開即可:
單頁加入jQuery語法(也可含CSS)
2023-02-14
尚無留言
前言
有些時候有些語法只須在某頁執行就可以了，我們就可以僅在該頁中加入jQuery語法，同時也是節省主機效能，CSS的置入也適用以下的方法。
方法
我列出我常用的方法，如下 :
1、用Elementor編輯的單頁
請直接參考此篇 : https://smallway.com.tw/wp/8373/
2、用區塊編輯器的單頁
若是用區塊編輯器來寫文章或編輯頁面，只要拉一個html工具，再配合此篇的語法，貼上即可。
3、用片段程式碼外掛來置入
外掛「Code Snippets」最主要用途是用來自訂function PHP，當然也可以用來置入jQuery與CSS。
以下列各例程式碼中，藍色數字指的是該篇的「id」。
■單篇頁面
function facy_hook_javascript() {
if (is_page ('10')) {
?>
<script>
// your javscript code goes here
</script>
<style>
/*CSS寫這裡*/
</style>
<?php
}
}
add_action('wp_head', 'facy_hook_javascript');
■多篇頁面
//-----------------------------
指定多頁面
add_action( 'wp_head', function () {
if ( is_page( array('3898','11723') ) ) {
?>
<script>
alert();
// your javscript code goes here
</script>
<style>
/*CSS寫這裡*/
</style>
<?php
}
});■單篇文章(或CPT)
function facy_hook_js() {
if (is_single ('16')) {
?>
<script type="text/javascript">
// your javscript code goes here
</script>
<style>
/*CSS寫這裡*/
</style>
<?php
}
}
add_action('wp_head', 'facy_hook_js');總結
會用何種方式我會視情況，不過我比較偏向1與2的方式。
[外掛]一鍵全站備份搬家與還原-Backup Migration
2023-02-14
尚無留言
『Code Snippets』代碼有問題造成無法進入後台
2023-02-11
尚無留言
當使用『Code Snippets』來插入片段程式時，若不小心代碼有問題造成網站出現 「500 error」或是以下這種錯誤訊息 :
這個網站發生嚴重錯誤。請檢查網站管理員電子郵件收件匣以取得相關說明。
而且連後台也進不了，該怎麼辦？
『Code Snippets』有提供了一個「安全模式」的解決方式，就是請你在後台網址的後面加上以下這樣文字，
?page=snippets&snippets-safe-mode=1
然後再按下Enter重整網頁，就可以進入後台了，此時趕快再把剛剛有問題的片段程式碼先用掉即可。
參考來源 : https://help.codesnippets.pro/article/12-safe-mode
01_頁面規劃思考
2023-02-08
尚無留言
要思考什麼？
1、每一頁
每一頁的內容量多寡，『主選單』中若每一選項代表每一頁，而這每一頁中我所準備要用到的文案、圖片、素材的「量」，夠我單獨製成一頁而不空洞嗎？
2、首頁
首頁該放什麼？可以考慮放以下的內容 :
(1)標語(slogan) : 一般是在首頁剛載入時會呈現形象圖+標語。
(2)主選單中每一頁的「前幾個項目」置入首頁，再放個「更多」讓訪客連過去。
例如 :
- 最新消息
- 作品集
- 服務項目
(3)把主選單中，文案、素材、內容量太少的頁面內容，都放到首頁去，並把該項目做成「選單錨點」置入主選單中即可。(選單錨點就是「空連結+id」的運用，也是一頁式網頁常用的方式)
文案、素材不多的頁面不一定要單獨設計一頁，都可以放在首頁來呈現就好，常見的有 :
- 關於我們(品牌故事)
- 服務項目
- 心得見證、成功案例
- 常見問題、QA
(4)首頁版型要切幾塊？
首頁要放啥，大概心裡有數後，就可以規劃要切出幾個大區，每個大區塊再按實際素材文案量再細切小區塊。
PS : 都學到此了，就別再想找套版主題來做了，想要放什麼資料就切什麼區塊，這樣才有效率。
總結
以上是初步可幫助思考的方向，也可以多觀察不同網站，參考他們選單架構的每一頁都是怎樣規劃、怎樣呈現的。
