Style CSS Default WordPress Theme

Don’t reinvent the wheel! Itulah salah satu kalimat yang sering terdengar saat mata kuliah Object Oriented  Programming (OOP) dan ataupun Software Engineering.

Don’t reinvent the wheel itu maksudnya, jangan sampai kita melakukan lagi apa yang orang lain telah lakukan. Contoh konkretnya saat bikin program, kita ngoding lagi suatu fungsi dimana fungsi tersebut sebenernya sudah ada library-nya. Suatu kerjaan yang sia-sia kan?

Style CSS Default WordPress Theme

Hal ini juga berlaku kalau kita develop theme WordPress – kerjaan saya saat ini hehe. Di WordPress, ada style CSS default (bawaan) untuk komponen seperti caption, image, paragraph, dan lain sebagainya. Jadi bisa dibilang, kalau kita styling lagi komponen tersebut, bakal makan waktu lebih lama untuk develop theme nya. Ya, kecuali kalau ada kebutuhan khusus tentunya.

Okay, sekalian sebagai catatan buat saya, berikut ini adalah style default dari WordPress:

/* -------------------------------------------------------------- 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

Sekian postingan tentang Style CSS Default WordPress Theme.

Semoga bermanfaat.

Leave a Comment