Block Editor – ecomm https://ecomm.creativeplat.com Just another WordPress site Sun, 14 Apr 2024 08:07:14 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.9.4 Click and Watch https://ecomm.creativeplat.com/click-and-watch/ https://ecomm.creativeplat.com/click-and-watch/#respond Sun, 14 Apr 2024 08:07:14 +0000 https://ecomm.creativeplat.com/?p=13248

Thanks for watching !!!

]]> https://ecomm.creativeplat.com/click-and-watch/feed/ 0 Categories https://ecomm.creativeplat.com/categories/ https://ecomm.creativeplat.com/categories/#respond Mon, 16 May 2022 11:26:29 +0000 https://ecomm.creativeplat.com/?p=6260 目錄，按次序編排，可以分類，以便檢閱之用。

]]> https://ecomm.creativeplat.com/categories/feed/ 0 Page List https://ecomm.creativeplat.com/page-list/ https://ecomm.creativeplat.com/page-list/#respond Mon, 16 May 2022 11:26:20 +0000 https://ecomm.creativeplat.com/?p=6257 附上了Page list 資料分頁功能程式碼，因為應該沒有需要解釋Page list的字面意思(?)

<!DOCTYPE html> <html> <head> <title>分頁</title> <link href=”http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css” rel=”stylesheet”> <script src=”http://libs.baidu.com/jquery/2.0.0/jquery.min.js”></script> <script src=”http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js”></script> </head> <body> <ul class=”pagination”> <!– <li><a href=”1.html”>«</a></li> <li><a href=”1.html”>1</a></li> <li><a href=”2.html”>2</a></li> <li><a href=”3.html”>3</a></li> <li><a href=”#”>4</a></li> <li><a href=”#”>5</a></li> <li><a >…</a></li> <li><a href=”#”>»</a></li> –> </ul> </body> </html> <script> var pageList = []; for(var i =1; i <= 272 ; i++){ pageList.push(i); } $(function (){ //console.log(pageList.length); LoadPage() }); // 開始寫入頁碼動作 var pageSize = Math.ceil(pageList.length / 10) ; //總頁數無條件進位 var nowItems = 5; // 每次顯示頁數 var total = pageList.length; var limt = 10; var offset = 0; var nowNumber = 2; // 當前所在頁碼 var nowKeepPageList = []; // 當前所在頁碼區間 function LoadPage(){ // console.log(total); //console.log(pageSize); if(pageSize > 1){ var html =”; $(‘.pagination’).append(‘<li><a onclick=”Previous()”>«</a></li>’); $(‘.pagination’).append(‘<li class=”firstpageitem active”><a onclick=”FirstPage(‘+ 1 +’)” value=”1″>’+ 1 +'</a></li>’); $(‘.pagination’).append(‘<li class=”firstitem hide”><a>…</a></li>’); for(var i = 2; i < pageSize ; i++){ //console.log(i); if(i < nowItems){ html = html + ‘<li><a class=”pageitem” onclick=”NowNumberPage(‘+ nowNumber +’)” value=”‘+nowNumber+'”>’+ nowNumber +'</a></li>’; nowNumber++; offset++; nowKeepPageList.push(nowNumber); } } $(‘.pagination’).append(html); $(‘.pagination’).append(‘<li class=”lastitem”><a >…</a></li>’); $(‘.pagination’).append(‘<li class=”lastpageitem”><a onclick=”LastPage(‘+ pageSize +’)” value=”‘+pageSize+'”>’+ pageSize +'</a></li>’); $(‘.pagination’).append(‘<li><a onclick=”Next()”>»</a></li>’); } } // 上一頁 var _nowfirstnumber = 0; function Previous(){ var _active = parseInt($(‘li.active a’).text()); // 當前標註頁碼 // 針對當前頁碼標註控制 1 if(_active == pageSize){ $(‘li.active’).removeClass(‘active’); // 刪除標註頁碼 $(‘li [value=”‘+(pageSize -1)+'”]’).parent(‘li’).addClass(‘active’);//標註當前頁碼 }else{ _nowfirstnumber = parseInt($(“.pageitem:first”).text()); _nowfirstnumber–; if(_nowfirstnumber > 1){ $(‘.lastitem’).removeClass(‘hide’); // 刪除至最後一頁後多頁符號 $(“.pageitem:last”).parent().remove(); $(‘.pageitem:first’).parent().before(‘<li><a class=”pageitem” onclick=”NowNumberPage(‘+ _nowfirstnumber +’)” value=”‘+_nowfirstnumber+'”>’+ _nowfirstnumber +'</a></li>’); } if(_nowfirstnumber == 2){ $(‘.firstitem’).addClass(‘hide’); // 顯示至第一頁後多頁符號 } } // 針對當前頁碼標註控制 2 if(_active > 1){ $(‘li.active’).removeClass(‘active’); // 刪除標註頁碼 $(‘li [value=”‘+(_active – 1)+'”]’).parent(‘li’).addClass(‘active’);//標註當前頁碼 } } // 下一頁 var _nowlastnumber = 0 function Next(){ var _active = parseInt($(‘li.active a’).text()); // 當前標註頁碼 // console.log(_active); // 針對當前頁碼標註控制 1 if(_active == 1){ $(‘li.active’).removeClass(‘active’); // 刪除標註頁碼 $(‘li [value=”2″]’).parent(‘li’).addClass(‘active’);//標註當前頁碼 }else{ // 增加下一頁至集合中功能 _nowlastnumber = parseInt($(“.pageitem:last”).text()); _nowlastnumber++; $(‘.firstitem’).removeClass(‘hide’); // 顯示至第一頁後多頁符號 if(_nowlastnumber <= pageSize -1){ $(‘.lastitem’).removeClass(‘hide’); // 隱藏至最後一頁後多頁符號 $(“.pageitem:first”).parent().remove(); $(‘.pageitem:last’).parent().after(‘<li><a class=”pageitem” onclick=”NowNumberPage(‘+ _nowlastnumber +’)” value=”‘+_nowlastnumber+'”>’+ _nowlastnumber +'</a></li>’); } if(_nowlastnumber == pageSize -1){ $(‘.lastitem’).addClass(‘hide’); // 隱藏至最後一頁後多頁符號 $(‘.firstitem’).removeClass(‘hide’); // 顯示至第一頁後多頁符號 } } // 針對當前頁碼標註控制 2 if(_active < pageSize){ $(‘li.active’).removeClass(‘active’); // 刪除標註頁碼 $(‘li [value=”‘+(_active + 1)+'”]’).parent(‘li’).addClass(‘active’);//標註當前頁碼 } } // 頁碼當前頁數 function NowNumberPage(page){ $(‘li.active’).removeClass(‘active’); // 刪除標註頁碼 $(‘li [value=”‘+ page +'”]’).parent(‘li’).addClass(‘active’);//標註當前頁碼 } // 轉至第一頁 function FirstPage(){ // console.log($(‘.firstpageitem a’).text()); var nownumber = parseInt($(‘.firstpageitem a’).text()); if(nownumber < pageSize){ $(“.pageitem”).parent().remove(); //刪除page集合 $(‘.lastitem’).removeClass(‘hide’); // 顯示至最後一頁後多頁符號 $(‘.firstitem’).addClass(‘hide’); // 隱藏至第一頁後多頁符號 var _min = nownumber < 4 ? (nownumber + 4) : 1 // 當前筆數往後4筆，到第 4 筆為止 // console.log(_min); $(‘li.active’).removeClass(‘active’); // 刪除標註頁碼 $(‘.firstpageitem’).addClass(‘active’);// 最後一頁加上 標註 $(‘.firstitem’).after(‘<li><a class=”pageitem” onclick=”NowNumberPage(‘+ 2 +’)” value=”2″>’+ 2 +'</a></li>’); for(var i = nownumber +2; i < _min ; i++){ //console.log(i); $(‘.pageitem:last’).parent().after(‘<li><a class=”pageitem” onclick=”NowNumberPage(‘+ i +’)” value=”‘+i+'”>’+ i +'</a></li>’); } } } // 轉至最後一頁 function LastPage(page){ // console.log($(‘.lastpageitem a’).text()); var nownumber = parseInt($(‘.lastpageitem a’).text()); if(nownumber == pageSize){ $(“.pageitem”).parent().remove(); //刪除page集合 $(‘.firstitem’).removeClass(‘hide’); // 顯示至第一頁後多頁符號 $(‘.lastitem’).addClass(‘hide’); // 隱藏至最後一頁後多頁符號 var _min = nownumber > 4 ? (nownumber – 4) : 1 // 當前筆數往前4筆，到第 1 筆為止 //console.log(_min); $(‘li.active’).removeClass(‘active’); // 刪除標註頁碼 $(‘.lastpageitem’).addClass(‘active’);// 最後一頁加上 標註 $(‘.lastitem’).before(‘<li><a class=”pageitem” onclick=”NowNumberPage(‘+ (nownumber -1) +’)” value=”‘+(nownumber -1)+'”>’+ (nownumber -1) +'</a></li>’); for(var i = nownumber -2; i > _min ; i–){ //console.log(i); $(‘.pageitem:first’).parent().before(‘<li><a class=”pageitem” onclick=”NowNumberPage(‘+ i +’)” value=”‘+i+'””>’+ i +'</a></li>’); } } } </script>

]]> https://ecomm.creativeplat.com/page-list/feed/ 0 design 03 https://ecomm.creativeplat.com/design-03/ https://ecomm.creativeplat.com/design-03/#respond Wed, 04 May 2022 20:08:03 +0000 https://ecomm.creativeplat.com/?p=2020 為群組功能，能將數個區塊進行打包，並一同移動。可以防止排版被影響。

]]> https://ecomm.creativeplat.com/design-03/feed/ 0 Post Excerpt https://ecomm.creativeplat.com/post-excerpt/ https://ecomm.creativeplat.com/post-excerpt/#respond Fri, 08 Apr 2022 04:25:58 +0000 https://ecomm.creativeplat.com/?p=2723

我被分配到主題八，它的功用是顯示文章內容摘要。

顯示文章內容摘要

]]> https://ecomm.creativeplat.com/post-excerpt/feed/ 0 TEXT 02 https://ecomm.creativeplat.com/text-02/ https://ecomm.creativeplat.com/text-02/#respond Fri, 08 Apr 2022 04:05:01 +0000 https://ecomm.creativeplat.com/?p=2042 Heading-標題

可以利用標題替內文、內容下結論或是使用關鍵字當標題，使得文章內容更容易被搜尋到，點類似社交軟體的Hashtag功能

泡麵

颱風

在使用該功能時，會跑出工具列，標題功能可以客製化、可以移動，並藉由調整<標題層級>H1~H6，來選擇一篇post內，多個標題被他人搜尋時的相關性及排序:H1>H6 (文字預設大小H1>H6，可進行調整)，而想要快速更改block性質可以在打出: / 並選擇標題

功能

測試

你也試試看

嗎
?
]]> https://ecomm.creativeplat.com/text-02/feed/ 0 onghoyu https://ecomm.creativeplat.com/onghoyu/ https://ecomm.creativeplat.com/onghoyu/#respond Fri, 08 Apr 2022 03:34:01 +0000 https://ecomm.creativeplat.com/?p=2243

Hello！

]]> https://ecomm.creativeplat.com/onghoyu/feed/ 0 onghoyuvideo https://ecomm.creativeplat.com/onghoyuvideo/ https://ecomm.creativeplat.com/onghoyuvideo/#respond Fri, 08 Apr 2022 03:33:26 +0000 https://ecomm.creativeplat.com/?p=2222

【顏社】Leo王 – 快樂的甘蔗人 (Lyrics Music Video)

]]> https://ecomm.creativeplat.com/onghoyuvideo/feed/ 0 Media 03 https://ecomm.creativeplat.com/media-03/ https://ecomm.creativeplat.com/media-03/#respond Fri, 08 Apr 2022 02:35:23 +0000 https://ecomm.creativeplat.com/?p=2035

1.請下載好你的音樂

2.在POST上新增AUDIO的BLOCK

3.UPLOAD你的音樂

]]> https://ecomm.creativeplat.com/media-03/feed/ 0 embeds01 https://ecomm.creativeplat.com/embeds01/ https://ecomm.creativeplat.com/embeds01/#respond Fri, 08 Apr 2022 02:32:56 +0000 https://ecomm.creativeplat.com/?p=2033
  • 打開YouTube
  • 找到想嵌入的影片
  • 複製影片網址
  • 打開 WordPress visual editor
  • 貼上網誌後WordPress會自動嵌入
    • ]]>     https://ecomm.creativeplat.com/embeds01/feed/ 0