Azirspares 商品分類修改移除熱銷商品

Azirspares 商品分類修改移除熱銷商品

在版型 Azirspares 中,單一商品的分類中會看到上方會有個熱銷商品的欄位優先於分類商品列表

Azirspares 商品分類修改移除熱銷商品

開啟 azirsparesframeworkwoocommercetemplate-functions.php 找到第 719 ~ 733 行

<div class="categories-product-woo">
<?php echo wp_specialchars_decode( $category_html ); ?>
<div class="product-grid product-bestseller">
<div class="block-title">
<h2 class="product-grid-title">
<span><?php echo esc_html__( 'Bestseller Products', 'azirspares' ); ?></span>
</h2>
<a href="<?php echo get_permalink( get_option( 'woocommerce_shop_page_id' ) ); ?>">
<?php echo esc_html__( 'Shop more', 'azirspares' ); ?>
<span class="fa fa-angle-right"></span>
</a>
</div>
<?php echo do_shortcode( '[azirspares_products product_style="01" product_image_size="320x320" productsliststyle="owl" target="best-selling" per_page="6" owl_slide_margin="40" owl_dots="true" owl_ls_items="' . $woo_ls_items . '" owl_lg_items="' . $woo_lg_items . '" owl_md_items="' . $woo_md_items . '" owl_sm_items="' . $woo_sm_items . '" owl_xs_items="' . $woo_xs_items . '" owl_ts_items="' . $woo_ts_items . '" azirspares_custom_id=""]' ); ?>
</div>
</div>

把這串程式碼拿掉,記得備份即可。

Azirspares 修改配件列表

Azirspares 修改配件列表

在 Azirspares 這個版型之中,我們在其後臺是看不到有個選單叫做 ALL Departments 的修改之處,故要去找其設定的欄位

打開版型資料夾 azirspares\framework\includes 裡頭的 theme-functions.php 第 332 行的

<span class="text-title"><?php echo esc_html__( 'ALL Departments', 'azirspares' ); ?></span>

就可以找到 ALL Departments,改成你要的文字這樣就好了。

修改 Baker 版型文章的列表標題屬性為 H1

修改 Baker 版型文章的列表標題屬性為 H1

wp-content\themes\baker\framework\modules\title\templates\title.php 第 13 行開始

<<?php echo esc_attr($title_tag); ?> class="edgtf-page-title entry-title" <?php baker_edge_inline_style($title_styles); ?>><span><?php baker_edge_title_text(); ?></span></<?php echo esc_attr($title_tag); ?>>

其中的

<<?php echo esc_attr($title_tag); ?> class="

與後面的

<?php echo esc_attr($title_tag); ?>>

是呼叫設定的標題屬性,改為 H1。改好後會長得像下面:

<h1 class="edgtf-page-title entry-title" <?php baker_edge_inline_style($title_styles); ?>><span><?php baker_edge_title_text(); ?></span></h1>

大至上都改好了之後,需要修改原有 BLOG 單篇的下面 TITLE 預設為 <H1> 變更為 <H2> 避免 SEO 扣分影響

打開 wp-content\themes\baker\framework\modules\blog\templates\singles\standard\helper.php,第 35 行

if( !function_exists('baker_edge_blog_part_params') ) {
    function baker_edge_blog_part_params($params) {

        $part_params = array();
        $part_params['title_tag'] = 'h1';
        $part_params['link_tag'] = 'h5';
        $part_params['quote_tag'] = 'h5';

        return array_merge($params, $part_params);
    }

    add_filter( 'baker_edge_filter_blog_part_params', 'baker_edge_blog_part_params' );
}

將 $part_params[‘title_tag’] = ‘h1’; 的 h1 變更為 h2

都完成修改之後,要修改 blog 列表的每單篇點進去的 Title Area,將其修改成會呼叫文章的 title 欄位,否則會顯示 BLOG

再看到剛剛修改的:

<h1 class="edgtf-page-title entry-title" <?php baker_edge_inline_style($title_styles); ?>><span><?php baker_edge_title_text(); ?></span></h1>

注意看到 <?php baker_edge_title_text(); ?> 這串其實還滿無言的,它是直接呼叫 BLOG 四個字,又找不到地方修改

只要用:

<?php wp_title(''); ?>

取代它就可以了,會長得像下面

<h1 class="edgtf-page-title entry-title" <?php baker_edge_inline_style($title_styles); ?>><span><?php wp_title(''); ?></span></h1>

這樣就完成了絕大部份的修改,是不是很簡單?記得是 <?php wp_title(”); ?> 而非 <?php wp_title(); ?> 否則會輸出前面帶有 » 符號的 BUG

 

修正版型 Consultix 電話撥打語法

修正版型 Consultix 電話撥打語法

在版型 Consultix 之中,可發現有頂部右上的電話是可以連結呼叫撥打的,業主希望拿掉,畢竟可能從亞洲打電話是很不人性的狀況

找到版型資料夾下 inc\header\header-style-xxxxx.php (看你使用那一種標頭有一到九) 我這邊是三 three,所以是 header-style-three.php 裡頭第 23 行  ~ 27 行字

<!-- header-data-contact -->
<div class="header-data-contact hidden-xs">
<p><?php echo esc_html( consultix_global_var( 'top_bar_contact', '', false ) ); ?> <strong><a href="tel:<?php echo esc_attr( consultix_global_var( 'top_bar_phone', '', false ) ); ?>">
<?php echo esc_html( consultix_global_var( 'top_bar_phone', '', false ) ); ?></a></strong></p>
</div>
<!-- header-data-contact -->

將裡頭的 a hred=”tel: 修改為下之連結語法拿掉

<div class="header-data-contact hidden-xs">
<p><?php echo esc_html( consultix_global_var( 'top_bar_contact', '', false ) ); ?> <strong><?php echo esc_attr( consultix_global_var( 'top_bar_phone', '', false ) ); ?></strong></p>
</div>
<!-- header-data-contact -->

就這樣簡單。

 

Fortun 文章 Post H1 未定義修改

Fortun 文章 Post H1 未定義修改

算是給自己的筆記資料,修改版型 Fortun 的文章列表未正確標示 h1 的問題

修改 theme-functions.php 第 2055 行開始以下程式:

<div id="primary-blog" class="content-area">
<?php if( $archive == true ){ ?>
<header class="page-header-archive">
<?php if( is_search() ){ ?>
<h5 class="page-title"><?php printf( esc_html__( 'Search Results for: %s', 'fortun' ), '<span>' . get_search_query() . '</span>' ); ?></h5>
<?php }
else {the_archive_title( '<h5 class="page-title">', '</h5>' );
the_archive_description( '<div class="taxonomy-description">', '</div>' );
} ?>
</header>

將 <h5 class=”page-title”>…. 的 h5 修改為 h1,接著再處理下一個檔案 template-tags.php 第 25 行:

<nav class="post-navigation navigation" role="navigation">
<h1 class="screen-reader-text"><?php esc_html_e( 'Post navigation', 'fortun' ); ?></h1>
<div id="post-nav-links" class="nav-links">

將 h1 修改為 h3 或 h4、h5 避免一個頁面有過多 h1 的問題。

接著往下修改同一個檔案,搜尋 screen-reader-text 約在第 63 行可看到以下程式碼:

   	<nav class="portfolio-navigation navigation" role="navigation">
            <h1 class="screen-reader-text"><?php esc_html_e( 'Portfolio navigation', 'fortun' ); ?></h1>
            <div id="portfolio-nav-links" class="nav-links">

將這部份的 h1 也改成 h3 4 5 隨意即可。

修正 Your Dress Blog 的標題位置

修正 Your Dress Blog 的標題位置

Your Dress 這個版型看似很彈性,其實後台非常的差勁,需要一些 debug 與 code 的能力來修改

大多部份的問題沒得調整,只能透過 CSS 來修改調整為主要問題,備註一下這個 blog 標題修改地方式

1. 修改 blog 的檔案在版型資料夾下面的 content.php 第 52 行程式碼這邊

2. 將 the_title( sprintf( ‘<h3 class=”post_title entry-title”><a href=”%s” rel=”bookmark”>’, esc_url( get_permalink() ) ), ‘</a></h3>’ ); 搬移到你要的位置

3. 其上方的 counters 可以將其變數修改成 views 瀏覽次數勝過於 comments,因為我們大多會移除內建留言改 FB 留言外嵌

修正 Ronneby Open Graph 兩個問題

修正 Ronneby Open Graph 兩個問題

在使用 Ronneby themes 後,發現它在後期的版本更新中將 Open Graph 內建在版型檔案中

要關還關不掉,超森77,導致設定好的 SEO 循環標題都無法正確發揮

後來抓到問題解決了,特此在這邊記錄下修復方式

找到版型資料夾  inc / action.php 找到第 85 行開始可以看到 metatags 的程式碼,將其至 108 行的程式碼刪除即可

記得更新後要手動補上……..

修正 Ronneby Open Graph 兩個問題

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | Wordpress 架設 | SEO 優化

解決 ProPhoto 版型 blank.gif 無 alt 文字問題

這個案例是我在幫客戶優化網站時遇到的,關於 ProPhoto 版型系列中,有個 slideshow 的大圖輪播的展示程式,在 SEO 的過程中,會發現圖片沒有下所謂的 alt 文字是件小小的錯誤。然而官方內建的版型後臺並沒有此選項讓使用者修改,而我們也試著找出了方式去解決。記得,請有經驗的人士再自行修改 PHP 程式碼,否則請不要隨意亂動。

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

圖一:你會看到在程式碼中,我畫紅線的地方其實是沒有的,利用 SEO 輔導的程式去掃瞄網站也會將其回報說缺少 Alt 文字

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

圖二:請找到負責處理這部份的 slideshow.php,位於 wp-content/themes/prophoto5/views 底下可以找到,請先備份。

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

圖三:將 alt=”你要加進去的圖片文字” 給代入紅線的位置,請對照著看,通常都在 class 前面。其中要另外注意的是圖中的倒數第二行 “/> 前面也要插入一段 alt=”你要加進去的文字”

 

解決 ProPhoto 版型 blank.gif 無 alt 文字問題 - 獨角獸工坊 | 代客架站 | WordPress 架設 | SEO 優化

圖四:你不要真的打中文,它會顯示亂碼,圖三的已經經過 UTF-8 轉 ASCII 轉碼後再取代。

註:線上免費轉換工具 – Online Unicode to ASCII converter tool

 

完成後再檢查一遍,若正確顯示中文就完成啦!