"Free" akses guest-post (edukatif) : wpJakarta Write4All

Style Guide & Blue Print

Halaman ini adalah panduan dan penjelasan terkait style jaringan website 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.

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

Kami menginginkan desain website yang “native” dan minimal tapi dengan kemampuan yang powerful. Maka menggunakan tema website Storefront dengan dukungan minimal dari hanya beberapa plugin menjadi pilihan kami. Diantaranya :

Our NetWork

Kunjungi juga halaman WordPress Free kami di https://plus62network.wordpress.com/.

Freshplus62.com adalah jaringan website bisnis/usaha utama kami.  Yang juga kami buat menggunakan platform WordPress. 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. 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.

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.

Script php & css

Beberapa skrip php dan css 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;
}