Cara menghapus thumbnail pada semua postingan di WordPress

Terkadang ada kejadian seperti ini, kita import backupan post website lama ke website baru. Namun kita hanya berhasil mengimpor teksnya saja, sedang gambar-gambar thumbnailnya tidak terimport.

Nah daripada ribet dan jengkel ngelihat postingan yang gambar thumbnailnya rusak, dihapus saja thumbnail-thumbnail yang rusak itu.

Caranya kita masuk ke tabel wp_webkita_postmeta di database WordPress kita, lalu jalankan sql ini:

DELETE FROM wp_webkita_postmeta WHERE meta_key = '_thumbnail_id';

Ingat webkita itu perlu diganti dengan prefix kamu sendiri ya.

Source code program HTML5 untuk menggambar

Halo, kamu perlu source code program menggambar pada di halaman web dengan mengunakan HTML5 dan JavaScript?

Dua program yang saya bagikan ini mungkin bisa membantu, kamu bisa menggambar doodle dan bahkan bisa mengganti ukuran brush serta warnanya.

Program HTML5 untuk menggambar ini dibuat dengan menggunakan library JavaScript PhaserJS. Berikut link-link yang kamu lihat di video di atas:

https://github.com/habibieamrullah/OmPuter/tree/main/menggambar

https://github.com/habibieamrullah/Simple-Phaser-Drawing-Program

Cara melakukan redirect dari http menuju https dengan JavaScript

Domain kamu ada fitur https nya, tapi sering kali website kamu waktu dibuka orang suka yang kebuka yang http, tidak pakai s. Nah caranya supaya situs kamu terus menerus dibuka dengan https ada berbagai cara, misal dengan cara membuat file htaccess secara langsung di server side nya, atau melakukan pengaturan redirect di cpanel / panel hostingnya, dan lain sebagainya.

Di postingan ini saya tunjukkan cara sederhana redirect dengan JavaScript.

Dengan script di bawah ini, JavaScript akan mendeteksi url yang dibuka oleh user, jika ada http:// di dalam url itu, maka akan otomatis direplace menjadi https dan redirect ke https.

if(location.href.indexOf("localhost") < 0){
			if(location.href.indexOf("http://") > -1){
				location.href = location.href.replace("http://", "https://");
			}
		}

Script untuk menampilkan fitur pemilih gambar WordPress dalam pengembangan plugin dan theme

Saat mengembangkan theme ataupun plugin WordPress, bisa jadi kamu perlu menggunakan fitur pemilih gambar atau galeri midea WordPress.

Media picker atau pemilih gambar ini sangat bermanfaat, karena sangat memudahkan kita untuk memilih gambar yang sudah ada di website kita begitu juga mengupload gambar baru.

Di bawah ini adalah script contoh cara penggunaannya:

<?php
	if( isset( $_POST['submit_image_selector'] ) && isset( $_POST['image_attachment_id'] ) ) :
        update_option( 'media_selector_attachment_id', absint( $_POST['image_attachment_id'] ) );
    endif;
    wp_enqueue_media();
	?>
	
	<form method='post'>
        <div class='image-preview-wrapper'>
            <img id='image-preview' src='<?php echo wp_get_attachment_url( get_option( 'media_selector_attachment_id' ) ); ?>' style="width: 256px;">
        </div>
        <input id="upload_image_button" type="button" class="button" value="<?php _e( 'Upload image' ); ?>">
        <input type="hidden" name='image_attachment_id' id='image_attachment_id' value='<?php echo get_option( 'media_selector_attachment_id' ); ?>'>
        <input type="submit" name="submit_image_selector" value="Save" class="button-primary">
    </form>
	
	<?php
	$my_saved_attachment_post_id = get_option( 'media_selector_attachment_id', 0 );
	?>
	<script>
		jQuery( document ).ready( function( $ ) {
			
			var file_frame;
			var wp_media_post_id = wp.media.model.settings.post.id; 
			var set_to_post_id = <?php echo $my_saved_attachment_post_id; ?>;
			jQuery('#upload_image_button').on('click', function( event ){
				event.preventDefault();
				
				if ( file_frame ) {
					
					file_frame.uploader.uploader.param( 'post_id', set_to_post_id );
					
					file_frame.open();
					return;
				} else {
					
					wp.media.model.settings.post.id = set_to_post_id;
				}
				
				file_frame = wp.media.frames.file_frame = wp.media({
					title: 'Select a image to upload',
					button: {
						text: 'Use this image',
					},
					multiple: false
				});
				
				file_frame.on( 'select', function() {
					
					attachment = file_frame.state().get('selection').first().toJSON();
					
					$( '#image-preview' ).attr( 'src', attachment.url ).css( 'width', '128' );
					$( '#image_attachment_id' ).val( attachment.id );
					
					wp.media.model.settings.post.id = wp_media_post_id;
				});
					
					file_frame.open();
			});
			
			jQuery( 'a.add_media' ).on( 'click', function() {
				wp.media.model.settings.post.id = wp_media_post_id;
			});
		});
	</script>