Posted on

Tips-trik Merubah Text Copyright Tema Storefront

wpJakarta.Com – Tips-trik Merubah Text Copyright Tema Storefront. Sudah umum jika pada bagian paling bawah sebuah website akan tertera text copyright. Biasanya text tersebut juga di sematkan dengan link ke homepage. Dan setiap tema website yang premium punya settingan pada halaman customizernya untuk merubah atau me”whitelist” teks tersebut. Apa maksudnya mewhitelist ? Ketika kita membuat website menggunakan tema premium, maka akan ada opsi untuk melakukan yang namanya “One click demo import. Secara ajaib maka website sudah jadi hanya dalam hitungan menit.

Lalu pada bagian bawah akan terdapat kalimat. “© Copyright 2020 . Domain.com – Designed by : Theme-Developer.Com”. Namun pada kalimat tersebut masih terdapat embel-embel yang masih membawa nama atau pihak pembuat tema (Designed by : Theme-Developer.Com). Lalu anda akan ada pilihan untuk menghilangkan embel-embel atau nama pihak pengembang tema tersebut. Dan mengganti sepenuhnya dengan nama domain anda sendiri.

Text copyright tema website Storefront

Tips-trik merubah text copyright tema storefront

Lain halnya dengan tema website storefront. Tema website bikinan Automattic yang dibuat wabil khusus dikawinkan dengan plugin WooCommerce untuk membuat website toko online. Pada bagian bawah akan terdapat teks atau link copyright seperti pada gambar disamping.

Pada artikel ini kami tuliskan bagaimana tips-trik merubah text copyright tema storefront. Yang teksnya terserah anda mau di tulis teks apa. Ada tiga cara yang kami bagikan pada artikel ini. Yaitu dengan menginstal sebuah ekstensi tema storefront, lalu dengan menambahkan kode CSS dan yang ketiga merubahnya langsung pada file tema.

Tips-trik merubah text copyright tema storefront dengan ekstensi “Powerpack”

Pihak pengembang sepertinya memang sengaja tidak memberikan pilihan untuk mengganti teks copyright tersebut. Dengan tujuan pengguna yang ingin meremove atau merubah teks dapat dilakukan dengan ekstensi powerpack. Yang mana ekstensi tersebut bisa dibeli seharga $59. Jika ekstensi powerpack sudah terpasang maka anda akan memiliki opsi untuk merubah teks copyright tersebut.

Ekstensi “powerpack” tentu bukan hanya berfungsi me”whitelist teks copyright. Lebih dari itu, powerpack dapat mengcustom tema website storefront dari atas sampe bawah. seperti Header layout configurator, Add style and customize the appearance of your store, Toggle between checkout options, Edit your homepage on the fly, Edit product page configurations globally, Style anything. Tapi hal ini bukanlah pilihan kami. Maka ada dua cara lainnya atau bagaimana tips-trik nya merubah text copyright tema storefront

Tips-trik merubah text copyright tema storefront dengan kode css

Yang pertama dengan menambahkan kode CSS pada “CSS tambahan” melalui halaman customizer. Cara ini terbilang efektif karena hanya cukup menambahkan sedikit kode CSS langsung pada halaman customizer. Tidak perlu membuat fungsi atau merubah file php di folder tema website.

 .site-info {
    display: none;
 }

 .site-info::after {
    content: "Text Pengganti";
 }

Tips-trik merubah text copyright tema storefront dengan dengan merubah file tema

Ini cara yang paling ultimate yaitu merubah salah satu file php tema website tersebut. Namun tidak ribet-ribet amat karena hanya sedikit memodifikasi kode php yang sudah ada. Melalui file manager, temukan file “storefront-template-functions.php”. File tersebut terletak pada /wp-content/themes/storefront/inc/storefront-template-functions.php. Lalu Temukan baris kode seperti terlihat berikut :

if ( ! function_exists( 'storefront_credit' ) ) {
	/**
	 * Display the theme credit
	 *
	 * @since  1.0.0
	 * @return void
	 */
	function storefront_credit() {
		$links_output = '';

		if ( apply_filters( 'storefront_credit_link', true ) ) {
			if ( storefront_is_woocommerce_activated() ) {
				$links_output .= '<a href="https://woocommerce.com" target="_blank" title="' . esc_attr__( 'WooCommerce - The Best eCommerce Platform for WordPress', 'storefront' ) . '" rel="noreferrer">' . esc_html__( 'Built with Storefront &amp; WooCommerce', 'storefront' ) . '</a>.';
			} else {
				$links_output .= '<a href="https://woocommerce.com/storefront/" target="_blank" title="' . esc_attr__( 'Storefront -  The perfect platform for your next WooCommerce project.', 'storefront' ) . '" rel="noreferrer">' . esc_html__( 'Built with Storefront', 'storefront' ) . '</a>.';
			}
		}

		if ( apply_filters( 'storefront_privacy_policy_link', true ) && function_exists( 'the_privacy_policy_link' ) ) {
			$separator = '<span role="separator" aria-hidden="true"></span>';
			$links_output = get_the_privacy_policy_link( '', ( ! empty( $links_output ) ? $separator : '' ) ) . $links_output;
		}
		
		if ( apply_filters( 'storefront_privacy_policy_link', true ) && function_exists( 'the_privacy_policy_link' ) ) {
			$separator = '<span role="separator" aria-hidden="true"></span>';
			$links_output = get_the_privacy_policy_link( '', ( ! empty( $links_output ) ? $separator : '' ) ) . $links_output;
		}
		
		$links_output = apply_filters( 'storefront_credit_links_output', $links_output );
		?>
		<div class="site-info">
			<?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '&copy; ' . get_bloginfo( 'name' ) . ' ' . date( 'Y' ) ) ); ?>

			<?php if ( ! empty( $links_output ) ) { ?>
				<br />
				<?php echo wp_kses_post( $links_output ); ?>
			<?php } ?>
		</div><!-- .site-info -->
		<?php
	}
}

Diatas adalah kode skrip asli, -pada versi storefront saat ini- terdapat pada baris ke 129 s.d 164. Dan anda bisa memodifikasinya dengan merubah link dan teks yang anda inginkan. Memang dibutuhkan sedikit pengetahuan mengenai kode php. Pada salah satu website rekanan kami, freshplus62.com kami merubahnya sebagai berikut.

if ( ! function_exists( 'storefront_credit' ) ) {
     /**
      * Display the theme credit
      *
      * @since  1.0.0
      * @return void
      */
     function storefront_credit() {
         $links_output = '';
    if ( apply_filters( 'storefront_credit_link', true ) ) {
        if ( storefront_is_woocommerce_activated() ) {
            $links_output .= '<a href="https://webplus62.com/privacy/#Syarat-Dan-Ketentuan" >' . esc_html__( 'Syarat & Ketentuan', 'storefront' ) . '</a>';
        } else {
            $links_output .= '<a href="https://webplus62.com/privacy/#Syarat-Dan-Ketentuan" >' . esc_html__( 'Syarat & Ketentuan', 'storefront' ) . '</a>';
        }
    }

    if ( apply_filters( 'storefront_privacy_policy_link', true ) && function_exists( 'the_privacy_policy_link' ) ) {
        $separator = '<span role="separator" aria-hidden="true"></span>';
        $links_output = get_the_privacy_policy_link( '', ( ! empty( $links_output ) ? $separator : '' ) ) . $links_output;
    }

    $links_output = apply_filters( 'storefront_credit_links_output', $links_output );
    ?>
    <div class="site-info">
        <?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '&copy; ' . get_bloginfo( 'name' ) . ' ' . date( 'Y' ) . ' . Toko online paling laris sejagad raya. ' ) ); ?>

        <?php if ( ! empty( $links_output ) ) { ?>
            <br />
            <?php echo wp_kses_post( $links_output ); ?>
        <?php } ?>
    </div><!-- .site-info -->
    <?php
}
}

Storefront memang tema website “pilihan” untuk membuat toko online. Powerfull, namun tema website tersebut terbilang masih “plain” alias anda perlu melakukan banyak kustomisasi untuk membuatnya menjadi lebih enak di pandang.


100% website WordPress transparan dan “ecofriendly”, tidak ada data pengunjung yang kami kumpulkan dan tidak ada tracking data apapun terhadap data-data pengunjung”.​ Selengkapnya kunjungi halaman tentang kami.

wpJakarta

Blog “native” yang fokus pada usaha online berbasis WordPress & WooCommerce. Lihat penawaran terbaik untuk merchandise WordPress (Kaos, Hoodie, Topi, Tas dll).

Selengkapnya, klik : https://wpjakarta.com/shop/

Fresh (+62)

e-Commerce produk fresh online. Order secara online sayur, daging, buah dan bumbu rempah atau kirim list pesanan untuk pemenuhan usaha makanan dan restoran.

Selengkapnya, klik : https://freshplus62.com/about/