Arşiv 7 Mayıs 2020

Sql site ismi değiştirme

SQL sorgu sayfasında aşağıda belirtitğimiz kodları yazdıktan sonra sağ altta bulunan GİT butonuna tıklayarak değişiklik işlemlerini gerçekleştirebilirsiniz.

SQL sorgusunda eski alan adı ve yeni alan adı kısımları kırmızı renk ile belirtilmiştir. Bu kısımda dikkat etmeniz gereken kısım tablo ön ekleridir.  UPDATE satırından sonra yazan “wpp6_options” ismi tablo ismi ile aynıdır. WordPress kurulumu gerçekleştirirken her hangi bir ön ek belirlemediyseniz eğer, wp_options olarak tablo adı belirlenecektir. Unutmayınız bu SQL sorgusunu kendi tablolarınıza göre düzenlemeniz gerekmektedir.

Dikkat
Bu işlemi gerçekleştirmeden önce yedeklerinizi almayı unutmayınız!

SQL sorgusu aşağıda belirtilmiştir. Değiştirmeniz gereken alanlar belirginleştirilmiştir.

UPDATE wp_options SET option_value = replace(option_value, 'http://eskialanadi', 'http://yenialanadi') WHERE option_name = 'home' OR option_name = 'siteurl';

UPDATE wp_posts SET guid = replace(guid, 'http://eskialanadi','http://yenialanadi');

UPDATE wp_posts SET post_content = replace(post_content, 'http://eskialanadi', 'http://yenialanadi');

UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://eskialanadi','http://yenialanadi');

Codepen Nedir?

CodePen, front end web geliştiricileri arasında en yaygın kullanılan kod editörlerinden biridir. CodePen ile kodlar yazabilir, yazılan kodların sonucunu “real-time preview” özelliği sayesinde anlık olarak görebilir ve paylaşabiliriz.

Kısaca geliştiriciler için önemli ilham kaynaklarından ve sosyal ağlardan biri olan CodePen, kod bilgisini geliştirmek isteyenler için bulunmaz bir nimet.

CodePen Nedir? - Kerem Can KATIRCI

Buraya tıklayarak CodePen’e ücretsiz olarak üye olabilirsiniz.

CodePen profiliniz portföyünüz gibidir. CodePen’in geliştiriciler için sunduğu yararlı, ekip çalışmasına uygun ve eğitim amaçlı modları vardır.

CodePen Nedir? - Kerem Can KATIRCI

CodePen ücretsiz versiyonu üç tip içerik (Pen, Project ve Post) yayınlamanıza izin verir.

Pen”, HTML, CSS ve JavaScript kullanarak yapabilceğimiz tek sayfadan oluşan içerikleri kapsar. CodePen’de en çok kullanılan tiptir.

Project” ise adından da anlaşılacağı gibi fazla sayfadan oluşan projeler oluşturmamızı ve projede kullanılacak ögeleri CodePen üzerinde barındırmamızı sağlar. Pen’lerden en büyük farkı kullanıcıya depolama alanı sunmasıdır. Fakat ücretsiz versiyon tek bir proje oluşturmaya izin vermektedir.

Post” sayfaları ile bilgi paylaşımı için yazılar, makaleler vb. gibi içerikler paylaşabilirsiniz. 

Yeni Bir “Pen” Oluşturmak 
1. Sitenin sağ üst kısmında bulunan “Create” sekmesine tıklıyoruz ve oluşturacağımız içeriğin tipini seçiyoruz ve editörümüzü açıyoruz.

CodePen Nedir? - Kerem Can KATIRCI

2. Editörümüz açıldıktan sonra sağ üstte bulunan “Settings” sekmesinden oluşturacağımız sayfanın ayarlarının yapılması gerekmektedir. Bu aşamada CSS ve JavaScript dosyalarının linkleri eklenir, varsa diğer ayarlar yapılır ve kaydedilir.

CodePen Nedir? - Kerem Can KATIRCI

3. “Change View” sekmesinde görünüm ayarları mevcuttur. “Editor View” kodların yazıldığı, “Details View” çalışmamız ile ilgili bilgilerin bulunduğu, gelen yorumların bulunduğu, “Full Page” çalışmamızın CodePen içerisindeki tam ekran halinin bulunduğu, “Debug Mode” ise çalışmamızı tarayıcı içinde tam ekran görerek konsol ekranından hataları takip etmemize olanak sağlayan kısımdır. 

CodePen Nedir? - Kerem Can KATIRCI

4. “Fork” herhangi bir kullanıcı tarafından oluşturulan bir çalışmanın olduğu gibi kopyalanmasıdır. Bu kopyalama işlemi sayesinde diğer kullanıcıların çalışmalarını geliştirebilir, hatalarını giderebilirsiniz.
5. Sağ altta yer alan “Share” sekmesi yardımı ile çalışmanızı paylaşabilirsiniz, “Export” sekmesindeki seçenekler ile isterseniz GitHub Gist profilinize ekleyebilirsiniz, bilgisayarınıza indirebilirsiniz ya da sitenize yaptığınız çalışmanızı ekleyebilirsiniz. https://codepen.io/keremcan/embed/MoBaBM?height=329&theme-id=dark&default-tab=html%2Cresult&user=keremcan&slug-hash=MoBaBM&pen-title=Aziz%20SANCAR%20%7C%20Tribute%20Page&name=cp_embed_1


CodePen ile ilgili dökümantasyon sayfasına buradan ulaşabilirsiniz…


BootStrap Kullanarak Sayfa Oluşturma ve BootStrap Sayfa Örnekleri

BootStrap 4 versiyonu, daha hızlı çalışma ve daha fazla esneklik sunma iddiası ile yayınlandı. En çok kullanılan tarayıcıların son versiyonlarında sorunsuz olarak çalışmakla birlikte Internet Explorer 9 ve daha önceki sürümlerde desteklenmemektedir.

Eğer sayfalarınızın bu tarayıcı versiyonlarında da düzgün görünmesi şart ise BootStrap 3 versiyonunu kullanmanız daha uygun olacaktır. 3 versiyonu da hala geliştirilmekte ve destek sunulmakta olup, en kararlı çalışan versiyondur. Sadece yeni özellikler bu versiyona eklenmemektedir.

BootStrap Kullanmak için Yapılması Gerekenler

Yapmanız gereken tek şey hazır şablon ve kütüphaneleri içeren üç belgeyi web sayfalarınıza bağlamaktır.

  1. Dilerseniz bu dosyaların en son sürümlerini getbootstrap.com adresinden indirerek kendi sitenize yerleştirebilirsiniz.
  2. Ya da CDN üzerinden bağlantı sağlayabilirsiniz. Bu yöntemi kullanmanın şöyle bir avantajı olacaktır: Kullanıcıların büyük bölümü daha önce BootStrap kullanan farklı web sitelerini gezmiş olacaklar, bu yüzden de gerekli dosyalar kullanıcıların tarayıcı önbelleğinde hazırda bulunacaktır. Yani bizim sitemiz için bu dosyaları tekrardan indirmeye gerek duymayacak ve sitemizin yüklenmesi de daha hızlı olacaktır.

https://www.bootstrapcdn.com/ linki bootsrap için tüm bilgiler yer alıyor.

BootStrap CDN Bağlantısı

BootStrap son versiyon için aşağıdaki bağlantı kodlarını sayfanızın head kısmına yapıştırabilirsiniz.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous"></script>
<!-- iconlar için awesome bağlantısı -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

Fonawesome resmi sitesi : https://fontawesome.com/

Bağlantıları sağlayan meta etiketleri eklendikten sonra BootStrap 3 kullanan örnek bir sayfanın en temel kodları şu şekildedir.


<!DOCTYPE html>

<html>

<head>

  <title>Bootstrap Örneği</title>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>

İçeriğiniz.

</body>

</html>

Bundan sonra ister kendi oluşturduğunuz nesneleri, ister hazır BootStrap nesnelerini kullanarak sayfalarınızı oluşturabilirsiniz. Hangi bootstrap class’ının ne işe yaradığını öğrenmeniz hiç de zor olmayacaktır. Bootstrap sınıflarını ve kullanım örneklerini sitemizden takip edebilirsiniz.

BootStrap 3 Grid Sistemi Kullanımı

BootStrap 12’li bir ızgara sistemi kullanarak sayfa hazırlamayı temel almaktadır.

“row” class’ı uygulanan div elemanları içine genişliği 1 birim olan 12 tane sütun yerleştirilebilir.

Her sütunun kaç birim genişlikte olacağı ayrı ayrı belirlenebilir. Önemli olan toplamlarının 12 birim olmasıdır.

Örneğin;

4+4+4

2+6+4

3+3+3+3

2+3+4+3

gibi örnekler çoğaltılabilir.

Sayfamızın istenen yerinde row class’ı uygulanmış bir div etiketi açıp, içerisine bu sistemi uygulayabiliriz.

Responsive (esnek-duyarlı) sayfa tasarımı sağlamak için sütunların farklı tip ekranlarda, farklı genişlikte görünmeleri sağlanabilir. İşte bu BootStrap’ın en büyük avantajıdır.

Bunun için BootStrap’ta 4 farklı Grid sınıfı tanımlanmıştır:

  • xs (768 px’ten küçük ekranlar)
  • sm (768px – 991px arası ekranlar)
  • md (992px – 1200px arası ekranlar)
  • lg (1200px ve daha geniş ekranlar)

Bir sütunun genişliğini belirlemek için “col-*-*” şeklinde ifadeler kullanılır. Bunu bir örnekle açıklayalım.

<div class=”row”>

  <div class=”col-sm-4″>Kutu1</div>

  <div class=”col-sm-4″>Kutu2</div>

  <div class=”col-sm-4″>Kutu3 </div>

</div>

Yukarıdaki örnekteki div elemanına “col-sm-4” sınıfı uygulandığında o elemanın 768px’den büyük ekranlarda 4 birim yer kaplayacağını belirtmiş oluyoruz. Burada md ve lg için farklı bir genişlik belirtilmediği için o tip ekranlarda da 4 birim yer kaplayacaktır.

Ancak daha küçük olan xs ekranlarda bu geçerli olmayacak, xs ekranlarda bu divlerin genişliği 100% yani 12 birim olacaktır.

Bu durumda xs ekranlarda bu 3 div elemanı alt alta yerleşecek, sm ve daha büyük ekranlarda ise yan yana yerleşip 4’er birim yer kaplayacaklardır.

Bunu denemenizin yolu tarayıcı penceresini daraltarak farklı ebatlarda sayfanızın nasıl göründüğünü incelemektir. Tarayıcı penceresini yeterince daralttığınızda divler alt alta geçecek, 768px’ten büyük pencerede ise yan yana yerleşeceklerdir.

Bir div elemanına, birden fazla grid sınıfı uygulayarak, farklı ekran boyutlarında farklı genişlikte görünmesini sağlayabiliriz.

Alttaki örneği inceleyelim:

<div class=”row”>

  <div class=”col-sm-6  col-md-4″>Kutu1</div>

  <div class=”col-sm-6″ col-md-4>Kutu2</div>

  <div class=”col-sm-12 col-md-4″>Kutu3 </div>

</div>

Buradaki div elemanları 4 farklı ekranda şu şekilde yerleşirler:

  • lg yani geniş ekranlarda yan yana 4’er birim genişlikte yerleşirler. “col-lg-*” şeklinde bir uygulama yapılmadığından md için belirtilen genişlik, lg için de geçerlidir.
  • md ekranlarda yan yana 4’er birim genişlikte yerleşirler.
  • sm ekranlarda kutu1 ve kutu2 6’şar birim genişlikte yan yana yerleşirken, kutu3 alta geçip 12 birim yani 100% genişlik kaplar.
  • xs ekranlarda genişlik belirtilmediği için 3 kutu da alt alta ve 100% genişlikte yerleşirler.

İstenirse 4 ekran tipi için de ayrı ayrı genişlik belirtebiliriz. Önemli olan her ekran tipi için yazılan genişliklerin toplamı aynı satırda 12 olmalıdır. Md’ler kendi aralarında 12, sm’ler kendi aralarında 12 vb..

Konu örnekleri kısmındaki farklı sayfa tasarımlarını inceleyiniz.

BootStrap ile sayfa tasarımında kullanılan bazı temel Css Class’larından bahsedelim:

Container class:

Ana katman olarak kullanılır. Tüm sayfa ya da bir bölüm bu etiketler arasına alınarak sınırları belirlenir. Container ve container-fluid şeklinde iki farklı türü vardır. Container sınıfı uygulandığında yanlarda bir miktar dış boşluk bırakılırken, container-fluid sınıfı ekranı tam kaplar.

<div class=”container”>

<div class=”row”>

  <div class=”col-sm-6  col-md-4″>Kutu1</div>

  <div class=”col-sm-6″ col-md-4>Kutu2</div>

  <div class=”col-sm-12 col-md-4″>Kutu3 </div>

</div>

</div>

Navbar class:

Sayfanın üst kısmında yer alan bir navigasyon bölmesi oluşturur. İçerisinde açılır menüler, butonlar vb elemanlar yer alabilir.

Collapse özelliği verilerek dar ekranlarda açılır menüye dönüşmesi sağlanabilir.

Konu örneklerini inceleyiniz.

Hidden-xs, hidden-sm, hidden-md ve hidden-lg sınıfları:

Bir html elemanının istenen ekran tiplerinde gizlenmesini sağlar. Örneğin hidden-md sınıfı uygulanan bir eleman, md ekranlarda gizlenirken diğer tip ekranlarda görünecektir.

<div class=”hidden-xs hidden-sm”>

Yukarıdaki örnekte div elemanı xs ve sm sınıflarında gizlenecektir.

Carousel Sınıfı:

Resim vb nesneler arasına slide Show şeklinde geçiş sağlayan, dokunmatik ekranlarda sürükleyerek de çalışabilen yapıdır.


Sublime Text 3 Eklenti kurma ve önerilen eklentiler

Sublime text 3 ciddi anlamda güçlü bir editör. Ama birçok konuda sade bir şekilde geliyor ve yazlımcılar olsun tasarımcılar olsun işlerini kolaylaştırmak için eklentiler kuruyorlar. Sizlerde bu eklentiler için öneriler arıyor ve nasıl kurulacağını öğrenmek istiyorsanız makalem tam size göre.

Eklenti kurmak için package control kurmanız gerekmektedir. Bu paketleri bulmanızı, yüklemenizi ve kontrol etmenizi sağlıyor.

Package Control kurulumu

( https://packagecontrol.io/installation )

İki yöntemi var. İlk yöntem aslında yarı manuel diyebiliriz.

1- Command paletini açın. (Win : ctrl +shift+p Mac: cmd+shift+p)
Install Package Control yazıp enter layın.

2- Tools menüsünü açın
Install Package Control seçin

Eklenti Önerilerim ve kurulumları

Eklentileri kurmak için cmd + shift + p tuşlarına basıp açılan ekranda install yazıp Package Control: Install Package seçip enterlıyoruz.
Açılan ekranda ise aşağıda yazmış olduğum başlıklarda kalın olan yerleri yazdığınızda seçim yaparsanız kurulum yapmış olacaktır. Kurulum yaptığını altta yer alan bildrim bölümünde görebilirsiniz.

  1. emmet eklentisi
    Html etiketlerini otomatik olarak eklemeye yarıyor.
    html:5 yazıp tab yaptığınızda html açılış kapanış head ve body etiketlerini ekliyor.
    veya
    table>tr*3>td*2 yazıp tab yaptığınızda 3 sütunlu 2 satırlı sütun oluşturuyor.
  2. AutoFileName eklentisi
    img src de resim dosya yollarını size öneri olarak sunmayı sağlıyor.
  3. BracketHighlighter eklentisi
    Etiketlerin daha belirgin olmasını sağlıyor. Mesela table etiketi başlangıcını seçtiğinizde bitişinide gösteriyor ve daha net görebiliyorsunuz.
  4. ColorPicker eklentisi
    Renk kodları ile uğraşmadan cmd+shift+c kombinasyonu ile renk paleti açılıyor ve photoshop taki gibi renk seçimi yapabiliyorsunuz.
  5. docBlocker eklentisi
    Yazılımda kullandığımız açıklamaları otomatik bir şekilde yazmaya yarıyor. Mesela function içinde 3 parametre varsa bunları yorum satırında bildiriyor ve siz sadece içeriğini dolduruyorsunuz.
  6. htmlNestComments eklentisi
    Kod bloğunu komple pasif etmeye yarıyor.
  7. Reindent (Bu eklenti değil ama yazmak istedim)
    Yazmış olduğumuz kodları düzene sokmaya yarıyor.
    Control a yapıp menüden edit -> Line – Reindent yapmamız yeterlidir.
    Reindent için kısayol tuşu bulunmayabiliyor.
    Sublime Text kısayol tuşu tanımlamak için;
    Menüden preferences -> key Bindings diyoruz ve açılan panelde sağdaki bölüme aşağıda yer alan kod örneği ile kısayol ekliyoruz.
    {“keys”:[“f12],”command”:”reindent”}
    kaydederseniz kodların hepsini seçip F12 yaparsanız kodlar düzene girmiş olacaktır.
  8. SublimeLinter eklentisi
    Koddaki hataları bulup sizi büyük bir zahmetten kurtarıyor.
    Kısa yollarını daha sonra ekleyeceğim.
  9. Sublime Code Intel eklentisi
    Kod tamamlayıcının daha güçlü olmasını sağlıyor.

PHP değişkeni JavaScript’e taşıma

PHP de değişkeni echo ile const json (javascript json oluşturma) olarak echo luuyoruz.

echo “const json = ‘{\”ilk10\”:”.$ilk10grafik.”, \”ilk50\”:”.$ilk50grafik.”, \”ilk100\”:”.$ilk100grafik.” }’;”;

Daha sonra çekmek istediğimiz javascript içerisine jsonu çekip parseliyoruz ve değişken ile çekiyoruz.

const obj = JSON.parse(json);
obj.ilk100
obj.ilk50
obj.ilk10

Aşağıdaki javascript json yapma , çözme ve kullanma örneği.

const json = ‘{“result”:true, “count”:42}’;
const obj = JSON.parse(json);

console.log(obj.count);
// expected output: 42

console.log(obj.result);
// expected output: true

REF : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse


WordPress tema/eklenti yükleme/güncelleme sorunu

WordPress kurdunuz ve kendinize bir tema seçip  o  temayı  yüklemeyi  istiyorsunuz  ftp bilgilerinizi  girdiniz ve temayı  kur dediniz  ama karşınıza şu şekilde bir hata çıktı:

WordPress İçerik dizinine ulaşılamadı (wp-content). / Unable to locate WordPress Content directory (wp-content).

Aynı  şekilde bir eklenti ekleyeceğiniz zaman da bu  hatayı  alıyorsunuz.Bu sorundan kurtulmak için yapmanız gerek şey çok  basit, wordpress ana dizindeki  wp-config.php dosyasını  sunucunuzdan çekip  bu  dosyanın sonuna aşağıdaki  kodları  ekleyip sunucunuza yükleyin :

123if(is_admin()) {add_filter('filesystem_method', create_function('$a', 'return "direct";' ));define( 'FS_CHMOD_DIR', 0751 );}

Sonrasında wordpress in wp-content dizini  altındaki plugins,themes dizininin dosya izinlerini 0775 olarak belirleyin.Artık panel üzerinden tema ve eklenti  ekleyip  güncelleyebilirsiniz.

İyi Bloglamalar:)


WebHttrack & Httrack MacOs Kurulumu ve Kullanımı

Mac pclerde HTTrack kurulumunu terminal üzerinden gerçekleştiriyoruz. Programın orijinal sitesinde aslında tüm detaylar ve windows için gerekli kurulum dosyalarını veriyor. www.httrack.com

Gelelim biz nasıl yükleyeceğimize. Yapmamız gerekenleri liste halinde yazıyorum.

  • CMD + Boşluk tuşuna basın ve terminal yazıp enterlayın. Terminal penceresi açılacaktır veya Uygulamalar bölümünde iken terminal yazıp mouse ile terminali açın.
  • ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" < /dev/null 2> /dev/null kodunu kopyalayıp terminale yapıştırın ve enterlayın. Sizden pc açılış şifresini isteyecektir. Şifreyi girip enterlayın. (Şifreyi girerken görünmeyecektir merek etmeyin girmeye devam edin.) Yükleme biraz sürecek ve sonunda finish benzeri bir yazı göreceksiniz. Bu homebrew ‘in yüklenmiş olduğunu gösterir. (Sistem homebrew üzerinden çalışmaktadır.)
  • Homebrew imizi yüklediğimize göre httrack yüklemeye başlayabiliriz. Yapmanız gereken brew install httrack kodunu kopyalayıp terminale yapıştırmanız. HTTrack yüklenecektir.

Artık yükleme işlemimiz bitmiştir. Birde kullanımı var. Çok detaylı anlatmaya gerek yok ve kolay bir yazlım ama kısaca bahsedeceğim.

Terminal ile web site yansıma indirme

Terminale httrack yazmanız yeterlidir. HTTrack çalışmaya başlayacaktır.

İlk size proje adını soracaktır istediğiniz bir şey yazabilirsiniz.

İkinci olarak size indirmek istediğiniz siteyi soracaktır tam olarak girmelisiniz. Örn: https://www.yetreklamajansi.com gibi.

Daha sonra projeyi kaydedeceği yeri girmenizi isteyecektir. Ben genelde masaüstünü seçerim. Karar size kalmış.

Daha sonrada size 5 seçenek sunacaktır. Nasıl indirme yapacağınıza dair.
1 Web site ayna indirme (Bizim kullanacağımız modül)
2 Sihirbaz yardımıyla ayna indirme
3 Sadece belirlenen dosyaları indirme (Sadece resimler gibi)
4 Tüm bağlantılar dahil ayna indirme (Dış sitelere link verildiyse onlarıda indirir.)
5 Tüm urlleri test etme
0 İptal etme

Biz 1 yazıp enter diyeceğiz.

Proxy boş bırakın

Wildcards boş bırakın

Additional options boş bırakın

En son size Ready to launch the mirror? (Y/n) : sorunu soracaktır. Y deyip enterlayın. Daha sonrada sitenin inmesini bekleyin.

WebHttrack ile web site yansıma indirme

Terminale webhttrack yazmanız yeterlidir. Size web penceresinde açıcaktır programı. Windowsta daha önce kullanmış olan varsa aşina olacaktır programa. İşlemler ise daha görsel bir durumda ve kullanımı bir o kadarda basit. Yukarıda gerçekleştirilen işlemler sırası ile aynen buradada yer almaktadır. Yukarıdaki işlemleri sırası ile takip ederseniz web site yansımasını indirmiş olacaksınız.

Bizi takip ettiğiniz için teşekkür ederim.

FTP KULLANICI ADI VE ŞİFRE
localhost
kullanıcı adı: daemon
pass: xampp


Android Studio Webview Telefon Arama Butonu Ayarlaması

MainActivity içerisine aşağıda yer alan kalın puntolu kodlamaları yerleştirdiğiniz takdirde. WebView içerisinde çağırdığınız sayfada bulunan butona girdiğiniz “tel:02122121212” numaralı telefonun aranmasını sağlayabilirsiniz.

Aynı zamanda import bölümünde eklenmesi gerekenleri alt+enter kombinasyonu ile otomatik ekleme yaptırabilirsiniz. Bu kodlarıda aşağıda paylaşıyorum.

import android.net.Uri;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.app.Activity;
import android.content.Intent;

public class MainActivity extends Activity {

private static final String TEL_PREFIX = “tel:”;

private class CustomWebViewClient extends WebViewClient {

@Override
public boolean shouldOverrideUrlLoading(WebView webview, String url) {
if(url.startsWith(TEL_PREFIX)) {
Intent intent = new Intent(Intent.ACTION_DIAL);
intent.setData(Uri.parse(url));
startActivity(intent);
return true;
}
return false;
}

}


RT-Theme 17 WordPress Theme

RT-Theme 17 en çok aranan fakat bir türlü bulunamayan bir wordpress teması. Aslında bulunamamasının asıl nedeni internette gezinen temaların büyük çoğunluğu virüslüdür. Sizinle paylaştığım bu ve diğer tüm temalarda virüs vb. herhangi bir şey mevcut değildir. Güvenle indirip kullanabilirsiniz.

HEMEN İNDİR