DIY 2023版型(wp6202，但後來發現是有安裝模組，跟著書做"架站的12堂課"，手機版的出問題@@)
找到一些文章先做記號，改天來實做看看。感謝阿榮的厝分享用Astra。
但看到Lynn分享6款改變版型的外掛，突然想起來我好像有安裝這些，該不會是這些影響版型，先跟著帶路姬做一次再說。
下面是實作2023版型出現的問題~~
- 改背景顏色，在外觀→首頁→右上角有設定(三點)→樣式，這邊就可以更改顏色。
- 首頁中文章的區塊想要加邊框，樣式→三點(眼睛旁)→附加的CSS，那邊可以新增CSS(要先去首頁找出class再測試看看)
/* 調整首頁文章的區塊*/.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{ border:1px solid #ccc; margin:-0.5em; }
.wp-block-post-title, .wp-block-post-excerpt, .wp-block-post-date{ margin:0.5em;} - 頁面：通常是最上面的選單，放不常更新的內容
- 相簿使用NextGen Gallery(NG)：感謝鵠學苑分享如何使用。album有很多gallery，gallery有很多相片。
先新增一個gallery，再去manageAlbums去歸類到哪個相簿。
新增一個頁面，在頁面內新增NG，注意喔，可以選擇albums或是gallery。
因為相簿沒有文字，所以可以去版型→範本→單篇項目(應該就是文章)，將上面大大的圖(精選圖)移除，這樣點進去看的時候就不會一張大圖嚇到人。 - 在文章中，可以插入圖片(單張的)或是圖庫(一群照片)，但無法放大照片@@還是建議用NG。
- 要如何將新增的文章自動歸類(分類)到某個頁面呢？
先做出某個頁面，例如2021電子報，頁面中新增區塊→瀏覽全部→區塊版面配置→文章→選出一個喜歡的樣式，再點選"查詢迴圈"，才能找到篩選條件。接著在右邊的區塊→篩選條件→分類法，輸入"2021電子報" - 頁尾：佈景一般都會先配一些樣式，像這次就自己新增一個全黑的區塊。但後來發現，其他頁面沒有被修改，原因是將首頁的頁尾刪除(刪除後無法再還原@@)，再自行新增區塊，所以還是要到頁尾做處理。
- 可以將區塊變成"可重複用區塊"，修改其中一個，全部都修改喔~~這個好
- "建立範本組件"也是類似重複區塊，修改其中一個，全都修改~~
- 新增了很多選單，但好像無法調整選單的位置或是顏色嗎???
- 右邊區塊也利用重複區塊，之後想要新增右區塊就簡單許多，可是好像每一頁都要修改@@所以去外觀佈景那邊做處理，這樣每一頁都可以顯示了~~
- 兩欄位的左邊，不用寫CSS，試試看點選單一篇文章，就可以看到相關設定了@@
- 上下頁：做電子報的時候，因為有年度的問題，想說用12篇當一頁，下一頁就可以上各年度的，但是...竟然沒有上下頁@@首頁有成功了，再試試看電子報@@
- "查詢迴圈"選用"空白開始"，就可以顯示文章樣式。接著就是右邊相關的設定，例如標題要連結等...
- 麵包屑：WP官方推薦的Breadcrumb，還有酒林肉池推薦的Yoast(還沒用，且其他內容很有趣，旅遊及飲食的介紹)
breadcrumb是有兩種，可以用html的[breadcrumb]，或是php的 <? OOXX?>。
用了一個上午找不到2023版型的位置，準備放棄換Yoast時，改用HTML再試一次(因為之前有用HTML，但沒有顯示)@@
終於，放在佈景主題的templates的single.html中，<div class="wp-block-group">之前就可以顯示了~~(但上層會跑到"分類"那個區塊)
BC的builder是顯示麵包屑的東西，也是順序喔~ - 想要在文章與文章間加入<hr>。專題報導中，有很多文章。在任一篇文章的後面加入一個區塊，並使用html編輯增加<hr>，即可。
- 文章要分類。再新增好文章時，記得右邊有"文章"、"區塊"選項，點選"文章"並往下勾選要的分類即可。
- 文章內容摘要長短。很奇怪，有些摘要兩行，有些只有一行。右邊"文章"那邊有"內容摘要"可以填寫，就直接顯示填寫的內容。
- 文章要邊框。先用滑鼠將標題、內容、日期等...選取起來，就會出現"群組"的選項，將其群組化，就可以在右邊"區塊"的styles增加框線與顏色囉~
- 試試看修改手機板的選單@@可能要去修改CSS
感謝LiLing、Lynn、Celia分享。
使用WPtouch會讓原本的手機板，變得更陽春(PreviewTheme是正確的)，GotoCustomize的樣式很好看，但無法使用(是不會用嗎?還是真的要用手機@@)左邊問號，外觀自訂器看到線上說明說支援2021版，改天來試試看@@ - 還有鵠學苑的google amp教學。
- 手機版還沒修改好@@看起來要換版型了@@是我誤會她了，原來可以切換到Mobile Theme，但要如何使用電腦看手機版呢???用F12切換是RWD版，所以選單很難看@@
- 真的是要請他去舞會了@@只有首頁手機版出問題，其他頁面手機版都沒問題，打掉重練@@原因是"頁面"會出現兩光的選單，但"文章"卻是正常的手機版選單。所以...是WPtouch Mobile Plugin 的關係嗎???
6203是全新沒有安裝任何的外掛，來試試看~~
版型改成Astra出現的問題
- 一開始是全白背景的樣式，不知為何突然變成安裝圖像的樣式。改天再來測測看。
- 版型都無法修改，所以打掉重練，但保留資料庫的後果是...竟然有Astra的相關設定在資料庫中，所以要連資料庫一起刪除@@
- 先處理手機版的選單，在編輯選單時，可以選手機模式就可以更改。
沒有留言:
張貼留言
注意：只有此網誌的成員可以留言。