Network

Style Guide & Blue Print

Pada dasarnya wpjakarta.com adalah website dokumentasi dimana kami melakukan test terkait pengembangan jaringan website usaha (portofolio) yang kami jalankan. Toko online WordPress WooCommerce. wpJakarta menggunakan platform blog / CMS WordPress yang kami hosting sendiri. Website wpJakarta.Com berjalan smooth lancar pada hosting unlimited Niagahoster.

 

Halaman ini adalah panduan dan penjelasan terkait style website portofolio yang kami kelola. Grafis dan desain sederhana yang di buat dengan penuh perhatian, ini adalah aset grafik, serta pedoman internal untuk kami sendiri terkait sumber daya yang kami gunakan.

Kami menginginkan desain website yang “native” dan minimal tapi dengan kemampuan yang powerful. Maka kami menggunakan tema website Storefront (penggunaan tema website storefront akan selalu memastikan bahwa desain yang kami buat akan selalu kompatibel dengan versi WordPress), dengan dukungan minimal dari hanya beberapa plugin yang menjadi pilihan kami. Diantaranya :

Our NetWork

Kunjungi juga halaman WordPress Free kami di https://plus62network.wordpress.com/. Dimana kami menuliskan artikel tentang informasi, berita dan blog yang terkait dengan portofolio kami.

Freshplus62.com adalah salah satu jaringan website bisnis/usaha utama kami (portofolio).  Website toko online WordPress WooCommerce dengan fokus penjualan bahan makanan. Fresh (+62) menjalankan fungsi sebagai toko online produk fresh (daging, sapi, sayur, buah, bumbu, rempah dan bahan masakan lainnya). Dengan kemampuan menjual produk, baik di jual secara eceran maupun b2b (kerjasama antar usaha).

Freshplus62.Com

Toko Online WordPress WooCommerce

Freshplus62.Com. Toko Online WordPress WooCommerce. e-Commerce B2B produk fresh, sayur, buah, bumbu dan rempah. Beli daging sapi forequarter/hindquarter, custom cut (sirloin, tenderloin, iga dll), sayuran, buah , bumbu dan rempah.

Punya usaha restoran dan makanan ? Freshplus62.com menyediakan pasokan produk fresh, sayur, buah dan bumbu rempah. “Express order, Free delivery, custom TOP pembayaran”.

Logo

Representasi logo website freshplus62.com. 

wp jakarta tips-trik wordpress Toko Online WordPress WooCommerce

Freshplus62.Com Fonts:

  • Huruf : Bauhaus 93.
    •  Warna huruf #71b02f dengan dasar warna #ffffff.
      • Warna huruf #ffffff dengan dasar warna #71b02f.

 

Ambience & warna

Situs Freshplus62.Com. Terasosiasi dengan warna hijau #71b02f, putih #ffffff dan hitam #000000. Warna hijau merepresentasikan kesegaran sesuai dengan bisnis kami sayuran, buah dan rempah-rempah segar.

Tombol hijau Tombol putih

Typograhy

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec susci orci ligula, sed laoreet elit finibus et. Maecenas rhoncus, est vitae varius, mauris enim laoreet nulla, non imperdiet justo nibh eu justo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Toko online WordPress WooCommerce Fresh +62.Com Style guide

Script php & css

Freshplus62.com di kustom dengan tambahan beberapa skrip php dan css yan .kami tambahkan kedalam file function.php, misalnya :

// elementor optmz
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );
add_action( 'elementor/frontend/after_register_styles',function() {
	foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
		wp_deregister_style( 'elementor-icons-fa-' . $style );
	}
}, 20 );
add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 20 ); 
function remove_default_stylesheet() { 
	wp_deregister_style( 'elementor-icons' );
//WC optmz
add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11);
function dequeue_woocommerce_cart_fragments() { 
    if ( is_page( array( page-id, page-id, page-id ) ) ) {
        wp_dequeue_script('wc-cart-fragments'); 
    }
}
add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
add_action( 'wp_enqueue_scripts', 'child_manage_woocommerce_styles', 99 );
function child_manage_woocommerce_styles() {
    remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
    if ( function_exists( 'is_woocommerce' ) ) {
        if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
            wp_dequeue_style( 'woocommerce_frontend_styles' );
            wp_dequeue_style( 'woocommerce_fancybox_styles' );
            wp_dequeue_style( 'woocommerce_chosen_styles' );
            wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
            wp_dequeue_script( 'wc_price_slider' );
            wp_dequeue_script( 'wc-single-product' );
            wp_dequeue_script( 'wc-add-to-cart' );
            wp_dequeue_script( 'wc-cart-fragments' );
            wp_dequeue_script( 'wc-checkout' );
            wp_dequeue_script( 'wc-add-to-cart-variation' );
            wp_dequeue_script( 'wc-single-product' );
            wp_dequeue_script( 'wc-cart' );
            wp_dequeue_script( 'wc-chosen' );
            wp_dequeue_script( 'woocommerce' );
            wp_dequeue_script( 'prettyPhoto' );
            wp_dequeue_script( 'prettyPhoto-init' );
            wp_dequeue_script( 'jquery-blockui' );
            wp_dequeue_script( 'jquery-placeholder' );
            wp_dequeue_script( 'fancybox' );
            wp_dequeue_script( 'jqueryui' );
            }
        }
    }
}
/* Home, WC */ 
img[data-lazyloaded] {
opacity:0;
}
img.litespeed-loaded {
-webkit-transition:opacity .5s linear 0.2s;
-moz-transition:opacity .5s linear 0.2s;
transition:opacity .5s linear 0.2s;opacity:1;
}
.home.page:not(.page-template-template-homepage) .site-header {
margin-bottom:0;
}
.site-branding .site-title a, .herotext {
color:#fff;
text-shadow:2px 2px 4px #000;
}
a.more-link, .widget_product_search form input[type=search], .widget_search form input[type=search] {
border-radius:25px;
}
@media (max-width:767px) {
.networkspace {
display:none;
}
}
#colophon {
border-top:1px solid #ccc;
}
.woocommerce-page .footer-widgets, h1.page-title, .hentry .entry-taxonomy, .hentry .entry-header .posted-on {
display:none;
}
ul.products li.product {
width:46.411765%;
float:left;
margin-right:5.8823529412%;
}
ul.products li.product:nth-of-type( 2n ) {
margin-right:0;
}
@media (min-width:768px) {
ul.products li.product:nth-of-type( 2n ) {
margin-right:5.8823529412%;
}
}
/* blogPost */
.storefront-breadcrumb {margin:0 0 0.618em;}
h2.alpha.entry-title, .hentry .entry-header {
margin-bottom:0.3em;
}
.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers, a.more-link {
border:1px solid #3740ff;
padding:0.4em 1em 0.5em 1em;
box-shadow:2px 2px 4px #3740ff;
margin:0 0.3em 0 0em;
}
p+h2, p+header h2, p+h3, p+h4, ul+h2, ul+header h2, ul+h3, ul+h4, ol+h2, ol+header h2, ol+h3, ol+h4, table+h2, table+header h2, table+h3, table+h4, blockquote+h2, blockquote+header h2, blockquote+h3, blockquote+h4, form+h2, form+header h2, form+h3, form+h4 {
margin-top:1.2906835em;
}