Hidden photo user editor berdasarkan username

Hidden photo user editor berdasarkan username

Hallo.... apa kabar? Ketemu lagi sama artikel saya. Dan kali ini saya akan tuliskan sebuah tutorial tentang Hidden Photo User Editor berdasarkan username. Mengapa berdasarkan username, karena supaya tetap(tidak berubah) pastinya teman-teman tahu bahwa username tidak dapat dirubah kecuali melalui phpMyadmin. Sebenarnya bisa saja kita tentukan berdasarkan nama lengkap, hanya saja kendalanya ketika user melakukan edit nama, maka photo user akan kembali muncul. Lalu mengapa saya tulis tutorial ini? Tujuan saya adalah untuk mengantisipasi para developer termasuk teman-teman, jika dalam sebuah website yang sedang dibuat memiliki lebih dari satu user sebagai penulis. Sedangkan satu user tidak ingin photonya tampil, tapi yang lain ingin photonya tampil. Kebetulan hal ini belum lama saya alami, dimana salah satu user tidak ingin photonya tampil. Tapi user yang lain bilang sama saya, "Photo saya biar tampil saja om, karena saya belum laku....hehehe", canda dikit ya....... Yang kebetulan masih jomblo saya minta maaf, bukan bermaksud nyindir, tapi menyindir hahahaha........

Baik saya akan lanjutkan topik artikel ini, yaitu bagaimana Hidden Photo User Editor atau menyembunyikan photo user editor(penulis) berdasarkan username.
Mengapa sih artikel ini saya buat...? Eh.... udah diatas tadi ya? Ok kalo gitu kita langsung saja. Jika teman-teman ingin menyembunyikan photo profile user editor tertentu berdasarkan username, silahkan teman-teman buka file detailpost.php. Tahu kan letak filenya dimana? Buka di root_dir/po-content/themes/themeactive/detailpost.php, silahkan gulir ke bawah dan perhatikan pada snippet bagian untuk menampilkan user editor. Dan berikut adalah default snippet tersebut:

<div class="panel panel-default">
	<?php
		$editor = $this->post()->getAuthor($post['editor']);
		if ($editor['picture'] != '') {
			$editor_avatar = BASE_URL.'/'.DIR_CON.'/uploads/'.$editor['picture'];
		} else {
			$editor_avatar = BASE_URL.'/'.DIR_CON.'/uploads/user-editor.jpg';
		}
	?>
	<div class="panel-heading">
		<h3 class="panel-title"><?=$this->e($front_post_by);?> <span><a href="javscript:void(0)"><?=$editor['nama_lengkap'];?></a></span></h3>
	</div>
	<div class="panel-body">
		<div class="author-image">
			<img src="<?=$editor_avatar;?>" alt="" class="img-circle" width="300">
		</div>
		<?=htmlspecialchars_decode(html_entity_decode($editor['bio']));?>
	</div>
</div>

Sekarang tambahkan fungsi if pada snippet tersebut untuk menyembunyikan photo profile user sesuai usernamenya, silahkan amati snippet berikut:

<div class="panel panel-default">
	<?php
		$editor = $this->post()->getAuthor($post['editor']);
		if ($editor['picture'] != '') {
			$editor_avatar = BASE_URL.'/'.DIR_CON.'/uploads/'.$editor['picture'];
		} else {
			$editor_avatar = BASE_URL.'/'.DIR_CON.'/uploads/user-editor.jpg';
		}
		if ($this->e($editor['username']) == 'subhanallah') {
	?>
	<div class="panel-heading">
		<h3 class="panel-title"><?=$this->e($front_post_by);?> <span><a href="javscript:void(0)"><?=$editor['nama_lengkap'];?></a></span></h3>
	</div>
	<div class="panel-body">
		<div class="author-image">
			<a href="<?=BASE_URL;?>/member/profile/<?=$this->post()->getAuthor($post['editor'])['username'];?>" rel="follow">
				<img src="<?=BASE_URL;?>/<?=DIR_CON;?>/uploads/avatar.jpg" alt="<?=$editor['nama_lengkap'];?>" class="img-circle" width="300">
			</a>
			<?php } else { ?>
			<a href="<?=BASE_URL;?>/member/profile/<?=$this->post()->getAuthor($post['editor'])['username'];?>" rel="follow">
				<img src="<?=$editor_avatar;?>" alt="<?=$editor['nama_lengkap'];?>" class="img-circle" width="300">
			</a>
			<?php } ?>
		</div>
		<?=htmlspecialchars_decode(html_entity_decode($editor['bio']));?>
	</div>
</div>

 

Silahkan coba buka sebuah artikel hasil tulisan atau artikel yang ditulis oleh user terkait. Jika benar maka yang akan tampil disana adalah avatar.jpg, dan jika kalian buka artikel yang ditulis user lain, maka akan tetap tampil photo user terkait. Jika sampai pada langkah ini kalian sudah berhasil, kita lanjutkan langkah berikutnya.

Silahkan buka file profile.php pada root_dir/po-content/themes/member/profile.php, perhatikan pada snippet untuk menampilkan photo profile user. Berikut adalah snippet default untuk menampilkan photo user profile:

 

<div class="panel-body">
	<div class="profile-thumb">
		<?php
			$avatar = DIR_CON."/uploads/user-".$this->e($user['id_user']).".jpg";
			$avatarimg = (file_exists($avatar) ? $this->e($user['id_user']) : 'editor');
		?>
		<img src="<?=BASE_URL;?>/<?=DIR_CON;?>/uploads/user-<?=$avatarimg;?>.jpg" alt="" />
	</div>
	<p class="fb-user-mail">
		<span class="label label-success"><i class="fa fa-envelope"></i> <?=$this->e($user['email']);?></span>
		<span class="label label-warning"><i class="fa fa-phone"></i> <?=$this->e($user['no_telp']);?></span>
	</p>
	<p class="fb-user-bio"><?=html_entity_decode($user['bio']);?></p>
</div>

 

Tambahkan juga fungsi if pada snippet tersebut untuk menyembunyikan photo profile user sesuai usernamenya, silahkan amati snippet berikut:

 

<div class="panel-body">
	<div class="profile-thumb">
		<?php
			$avatar = DIR_CON."/uploads/user-".$this->e($user['id_user']).".jpg";
			$avatarimg = (file_exists($avatar) ? $this->e($user['id_user']) : 'editor');
			if ($this->e($user['username']) == 'subhanallah') {
		?>
		<img src="<?=BASE_URL;?>/<?=DIR_CON;?>/uploads/avatar.jpg" alt="<?=$this->e($user['nama_lengkap']);?>" />
		<?php } else { ?>
		<img src="<?=BASE_URL;?>/<?=DIR_CON;?>/uploads/user-<?=$avatarimg;?>.jpg" alt="<?=$this->e($user['nama_lengkap']);?>" />
		<?php } ?>
	</div>
	<p class="fb-user-mail">
		<span class="label label-success"><i class="fa fa-envelope"></i> <?=$this->e($user['email']);?></span>
		<span class="label label-warning"><i class="fa fa-phone"></i> <?=$this->e($user['no_telp']);?></span>
	</p>
	<p class="fb-user-bio"><?=html_entity_decode($user['bio']);?></p>
</div>

Dan sekarang kunjungi https://namadomain/member/profile/username

Selamat mencoba lan mugo-mugo iso, yen ra iso kapokmu kapan kowe...... Hahahaha