{"id":4863,"date":"2023-08-07T22:14:35","date_gmt":"2023-08-07T22:14:35","guid":{"rendered":"https:\/\/sunucucozumleri.com\/?p=4863"},"modified":"2023-08-08T17:11:20","modified_gmt":"2023-08-08T17:11:20","slug":"web-sitesi-nasil-yapilir","status":"publish","type":"post","link":"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/","title":{"rendered":"Web Sitesi Nas\u0131l Yap\u0131l\u0131r?"},"content":{"rendered":"<p>Dijital kimli\u011finizi yap\u0131land\u0131rman\u0131n ilk ad\u0131mdan biri site kurulumudur. Web sitesi geli\u015ftirilmesi alan\u0131ndaki geli\u015fmeler sayesinde bug\u00fcn \u201cWeb sitesi nas\u0131l yap\u0131l\u0131r?\u201d sorusunun bir\u00e7ok cevab\u0131 bulunuyor. \u0130\u00e7erik y\u00f6netimi sistemi kullanabiliriz, web sitesi kurucusu kullanabiliriz veya eski y\u00f6ntemleri tercih edip s\u0131f\u0131rdan site kurulumu yapabiliriz. Bu rehberde t\u00fcm bu y\u00f6ntemlerden bahsedece\u011fiz ve size web sitesi nas\u0131l yap\u0131l\u0131r g\u00f6sterece\u011fiz.<\/p>\n<p>E\u011fer daha \u00f6nce hi\u00e7 web sitesi kurmad\u0131ysan\u0131z ve site nas\u0131l kurulur hi\u00e7 bilmiyorsan\u0131z, endi\u015felenmeyin. Bu rehberde t\u00fcm i\u015flemleri a\u00e7\u0131klayaca\u011f\u0131z.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Makale \u0130\u00e7eri\u011fi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u0130\u00e7indekiler Tablosunu A\u00e7\/Kapat\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Adim_1_%E2%80%93_Platform_Secimi\" >Ad\u0131m 1 \u2013 Platform Se\u00e7imi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Adim_2_%E2%80%93_Hosting_ve_Domain_Almak\" >Ad\u0131m 2 \u2013 Hosting ve Domain Almak<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Web_Hosting_Secimi\" >Web Hosting Se\u00e7imi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Alan_Adi_Secimi\" >Alan Ad\u0131 Se\u00e7imi<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Adim_3_%E2%80%93_Web_Sitesi_Nasil_Yapilir\" >Ad\u0131m 3 \u2013\u00a0Web Sitesi Nas\u0131l Yap\u0131l\u0131r<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Secenek_1_%E2%80%93_WordPress_ile_Site_Kurulumu\" >Se\u00e7enek 1 \u2013 WordPress ile Site Kurulumu<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPress_Kurulumu\" >WordPress Kurulumu<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Otomatik_yukleyici_ile_kurulum\" >Otomatik y\u00fckleyici ile kurulum:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#_FTP_ile_kurulum\" >\u00a0FTP ile kurulum:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPressi_Yapilandirmak\" >WordPress\u2019i Yap\u0131land\u0131rmak<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Varsayilan_sayfayi_gonderiyi_ve_yorumu_silin\" >Varsay\u0131lan sayfay\u0131, g\u00f6nderiyi ve yorumu silin:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Zaman_dilimi_ve_site_dili_ayarlari\" >Zaman dilimi\u00a0 ve site dili ayarlar\u0131:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPress_yorumlari\" >WordPress yorumlar\u0131:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Ortam_ayarlari\" >Ortam ayarlar\u0131:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Dizin_gezinmesini_pasiflestirin\" >Dizin gezinmesini pasifle\u015ftirin:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPressi_Ozellestirmek\" >WordPress\u2019i \u00d6zelle\u015ftirmek<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPress_Tema_Kurulumu\" >WordPress Tema Kurulumu<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPress_Temalarini_Ozellestirmek\" >WordPress Temalar\u0131n\u0131 \u00d6zelle\u015ftirmek<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPress_Eklentileri_Kurulumu\" >WordPress Eklentileri Kurulumu<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPresse_Icerik_Eklemek\" >WordPress\u2019e \u0130\u00e7erik Eklemek<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#WordPresse_yeni_yazi_veya_sayfa_eklemek\" >WordPress\u2019e yeni yaz\u0131 veya sayfa eklemek:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Sabit_on_sayfa_eklemek\" >Sabit \u00f6n sayfa eklemek:<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Secenek_2_%E2%80%93_Web_Sitesi_Kurucusu_ile_Internet_Sitesi_Nasil_Kurulur\" >Se\u00e7enek 2 \u2013 Web Sitesi Kurucusu ile \u0130nternet Sitesi Nas\u0131l Kurulur?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Secenek_3_%E2%80%93_Sifirdan_Web_Sitesi_Nasil_Yapilir\" >Se\u00e7enek 3 \u2013 S\u0131f\u0131rdan Web Sitesi Nas\u0131l Yap\u0131l\u0131r?<\/a><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><ul class='ez-toc-list-level-5' ><li class='ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Artilari\" >Art\u0131lar\u0131:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-5'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Eksileri\" >Eksileri:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Basit_bir_HTML_sayfasi_ile_baslamak\" >Basit bir HTML sayfas\u0131 ile ba\u015flamak<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Daha_guzel_gorunmesi_icin_CSS_eklemek\" >Daha g\u00fczel g\u00f6r\u00fcnmesi i\u00e7in CSS eklemek<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Yazi_tipleri_ile_oynamak\" >Yaz\u0131 tipleri ile oynamak<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Baglantilar_eklemek\" >Ba\u011flant\u0131lar eklemek<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Resimler_eklemek\" >Resimler eklemek<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Tablolar_olusturmak\" >Tablolar olu\u015fturmak<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/sunucucozumleri.com\/blog\/web-sitesi-nasil-yapilir\/#Sonuc\" >Sonu\u00e7<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Adim_1_%E2%80%93_Platform_Secimi\"><\/span><span id=\"Adim-1-8211-Platform-Secimi\">Ad\u0131m 1 \u2013 Platform Se\u00e7imi<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Daha \u00f6nce de bahsetti\u011fimiz gibi site kurulumu i\u00e7in 3 ana yol vard\u0131r.<\/p>\n<ol>\n<li><strong>CMS \u2013 \u0130\u00e7erik Y\u00f6netimi Sistemi Kullanmak:<\/strong>\u00a0\u0130\u00e7erik y\u00f6netimi sistemlerini web siteleri ve web sitelerini olu\u015fturan i\u00e7erikleri yay\u0131nlamak i\u00e7in kullan\u0131labilecek geli\u015fmi\u015f geli\u015ftirici ara\u00e7lar\u0131 olarak d\u00fc\u015f\u00fcnebilirsiniz. S\u00f6z konusu CMS oldu\u011funda piyasan\u0131n ger\u00e7ek liderleri\u00a0<a href=\"https:\/\/sunucucozumleri.com\/kategori\/wordpress\/\" data-wpel-link=\"internal\">WordPress<\/a>, Drupal ve Joomla\u2019d\u0131r. T\u00fcm 3 ara\u00e7 da \u00fccretsiz ve a\u00e7\u0131k kaynakl\u0131d\u0131r. Ancak kesinlikle WordPress en \u00e7ok adapte olanlar\u0131d\u0131r. T\u00fcm 3 sistem de PHP ile geli\u015ftirilmi\u015ftir ve hepsi de g\u00f6r\u00fcn\u00fcm i\u00e7in \u015fablonlar\u0131\/temalar\u0131 kullan\u0131r. Hepsi de topluluk taraf\u0131ndan g\u00fc\u00e7lendirilir ve y\u00f6n verilir. Kullan\u0131\u015fl\u0131l\u0131k, basitlik, bak\u0131m kolayl\u0131\u011f\u0131, topluluk b\u00fcy\u00fckl\u00fc\u011f\u00fc ve \u00fccretsiz tema &amp; eklenti say\u0131s\u0131 g\u00f6z \u00f6n\u00fcnde bulunduruldu\u011funda kesinlikle hi\u00e7biri WordPress ile yar\u0131\u015famaz. Geli\u015ftirme becerisi olmayanlar i\u00e7in WordPress kesin se\u00e7enektir.<\/li>\n<li><strong>Site Kurucusu Kullanmak:<\/strong>\u00a0Web sitesi kurucular\u0131 \u00e7\u0131kmaya ba\u015flad\u0131\u011f\u0131ndan beri otomasyon d\u00fcnyas\u0131 yeni bir boyuta ula\u015ft\u0131. \u0130lk ba\u015fta tasar\u0131m ve fonksiyonellik \u00f6zelle\u015ftirilmesi a\u00e7\u0131s\u0131ndan se\u00e7enekler limitlendirilmi\u015f olsa da bug\u00fcn yaln\u0131zca s\u00fcr\u00fckleyip b\u0131rakarak modern web sitesi kurucusunda harikalar yaratmak m\u00fcmk\u00fcn. \u0130\u00e7erik y\u00f6neticisi sistemlerine ve s\u0131f\u0131rdan web sitesi olu\u015fturmaya k\u0131yasla geli\u015ftirme deneyimi olmayanlar ve site kurulumu i\u00e7in \u00e7ok fazla zaman harcamak istemeyenler i\u00e7in web sitesi kurucular\u0131 h\u0131zl\u0131, verimli ve m\u00fckemmeldir.<\/li>\n<li><strong>S\u0131f\u0131rdan Web Sitesi Kodlamak:<\/strong>\u00a0\u00dc\u00e7\u00fcnc\u00fc se\u00e7enek ise s\u0131f\u0131rdan site kurulumudur. \u00d6zellikle basit derecede geli\u015ftirici deneyimine sahip kullan\u0131c\u0131lar i\u00e7in soru i\u015faretleriyle dolu bir ser\u00fcven olabilmektedir. Sabit bir web sitesi olu\u015fturmak i\u00e7in bu rehberde kullan\u0131lan teknolojiler HTML ve CSS\u2019dir. As\u0131l web sitesi nas\u0131l yap\u0131l\u0131r \u00f6\u011frenmek isteyenlerin bu y\u00f6ntemi tercih etmeseler de bu y\u00f6nteme g\u00f6z atmalar\u0131n\u0131 \u00f6neririz.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Adim_2_%E2%80%93_Hosting_ve_Domain_Almak\"><\/span><span id=\"Adim-2-8211-Hosting-ve-Domain-Almak\">Ad\u0131m 2 \u2013 Hosting ve Domain Almak<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Web siteniz bir bina gibidir ve her bina gibi kullan\u0131c\u0131lar\u0131n eri\u015febilece\u011fi bir adrese ve kalabilece\u011fi bir yere ihtiyac\u0131 vard\u0131r. Web sitesi nas\u0131l yap\u0131l\u0131r \u00f6\u011frenmek ve internette sitenizi yay\u0131nlamak i\u00e7in web hosing almal\u0131 ve ona eri\u015febilinir bir adres vermeli yani bir alan ad\u0131 (<a href=\"https:\/\/sunucucozumleri.com\/blog\/domain-nedir\/\">domain<\/a>) almal\u0131s\u0131n\u0131z.\u00a0 Her ikisine birer birer bakal\u0131m:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Web_Hosting_Secimi\"><\/span><span id=\"Web-Hosting-Secimi\">Web Hosting Se\u00e7imi<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0130yi bir\u00a0<a title=\"hosting\" href=\"https:\/\/sunucucozumleri.com\/hosting\/fast-web-hosting\/\" target=\"_blank\" rel=\"noopener noreferrer\">web hosting<\/a>\u00a0sa\u011flay\u0131c\u0131s\u0131 kalite, verimlilik ve y\u00fcksek <a href=\"https:\/\/sunucucozumleri.com\/blog\/uptime-nedir\/\">uptime<\/a> sa\u011flamak i\u00e7in elinden gelenin t\u00fcm\u00fcn\u00fc yapacakt\u0131r. sunucucozumleri.com \u00e7ok ucuz fiyatlara bahsedilen standartlar\u0131 (ve daha fazlas\u0131n\u0131) sa\u011flayan\u00a0web <a href=\"https:\/\/sunucucozumleri.com\/blog\/hosting\/fast-web-hosting\/\">hosting<\/a>\u00a0servisi sa\u011flar. Milyonlarca kullan\u0131c\u0131n\u0131n se\u00e7ti\u011fi sunucucozumleri.com\u2019a kat\u0131lman\u0131z i\u00e7in birka\u00e7 sebep:<\/p>\n<ul>\n<li>Sunucucozumleri.com hosting servisi WordPress i\u00e7in optimize edilmi\u015ftir (\u00f6r: WP CLI, WordPress \u00f6n bellekleme vb.)<\/li>\n<li>M\u00fckemmel bir web sitesi olu\u015fturmak i\u00e7in kullan\u0131m\u0131 son derece kolay web sitesi kurucusuna sahip olursunuz.<\/li>\n<li>PHP web siteleri sunucucozumleri.com hosting servislerinde kolayl\u0131kla \u00e7al\u0131\u015f\u0131r ve son derece geli\u015ftirici dostudur. Laravel, CodeIgniter \u00e7al\u0131\u015ft\u0131rabilir, GIT ile entegere edebilir ve sunucular\u0131n\u0131za SSH ile eri\u015febilirsiniz.<\/li>\n<li>SSL sertifikas\u0131 da sunucucozumleri.com taraf\u0131ndan sa\u011flan\u0131r.<\/li>\n<li>Sat\u0131n almadan \u00f6nce 30 g\u00fcn deneme kendi ellerinizle t\u00fcm servisi deneyimlemenize olanak sa\u011flar.<\/li>\n<li>E\u011fer Premium veya Business plan se\u00e7erseniz, \u00fccretsiz bir alan ad\u0131 da al\u0131rs\u0131n\u0131z.<\/li>\n<li>\u0130stedi\u011finiz kadar e-posta adresine sahip olabilirsiniz. (Evet, s\u0131n\u0131rs\u0131z!)<\/li>\n<li>E\u011fer web sitenizde sorun ya\u015farsan\u0131z veya baz\u0131 sorular\u0131n\u0131z olursa, destek ekibi 7\/24\/365 size yard\u0131m etmeye haz\u0131rd\u0131r.<\/li>\n<li>Bir t\u0131klama ile WordPress, Joomla!, Drupal vb. dahil t\u00fcm pop\u00fcler i\u00e7erik y\u00f6netimi sistemlerini kurabilirsiniz.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Alan_Adi_Secimi\"><\/span><span id=\"Alan-Adi-Secimi\">Alan Ad\u0131 Se\u00e7imi<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Basit\u00e7e, alan ad\u0131 web sitenizin ad\u0131d\u0131r. Web sitenize girmek i\u00e7in taray\u0131c\u0131n\u0131z\u0131n adres \u00e7ubu\u011funa yazd\u0131\u011f\u0131n\u0131z \u015feydir. Google.com veya Facebook.com birer adrestir.<\/p>\n<p>\u0130yi bir alan ad\u0131 se\u00e7imi de en \u00f6nemli noktalardan biridir. \u00c7\u00fcnk\u00fc t\u00fcm ziyaret\u00e7ileriniz sitenize bu adres ile ula\u015facakt\u0131r ve dolay\u0131s\u0131yla hata yapma \u015fans\u0131n\u0131z yoktur. Bir alan ad\u0131 se\u00e7meden \u00f6nce dikkat etmeniz gereken baz\u0131 \u00f6neriler:<\/p>\n<ul>\n<li>K\u0131sa tutun: Kimse Googleamacokdahauzunvegereksizalanadi.com\u2019u ziyaret etmek istemez.<\/li>\n<li>Markan\u0131za uygun olun: Alan ad\u0131n\u0131z i\u015fletmenizin ne yapt\u0131\u011f\u0131n\u0131 yans\u0131tmal\u0131d\u0131r.<\/li>\n<li>Do\u011fru alan ad\u0131 uzant\u0131lar\u0131n\u0131 se\u00e7in: Domain uzant\u0131lar\u0131 noktadan (.) sonra gelen k\u0131s\u0131md\u0131r. .com herkesin tercih etti\u011fi domain\u2019dir ancak ihtiya\u00e7lar\u0131n\u0131za ve web sitenizin do\u011fas\u0131na g\u00f6re farkl\u0131 bir se\u00e7ene\u011fi tercih etmeniz gerekebilir.<\/li>\n<li>S\u00f6yledi\u011finizde veya okudu\u011funuzda kula\u011fa nas\u0131l geliyor? Domain ad\u0131n\u0131z\u0131n s\u00f6ylenmesi kolay olmal\u0131d\u0131r. B\u00f6ylece insanlar sohbet ederken kolayl\u0131kla dile getirebilsin.<\/li>\n<\/ul>\n<p>T\u00fcm hosting sa\u011flay\u0131c\u0131lar\u0131 gibi, sunucucozumleri.com da alan ad\u0131 tescili servisi sa\u011flar. Buradaki muntazam domain sorgulama servisini kullanarak alan ad\u0131n\u0131z\u0131 se\u00e7ebilirsiniz.<\/p>\n<p>Daha da iyisi ise Business veya Premium hosting plan\u0131 se\u00e7ti\u011finizde domain adresini \u00fccretsiz al\u0131yor olman\u0131zd\u0131r. (Evet, tamamen \u00fccretsiz!) Gelecek nesil .xyz alan adlar\u0131n\u0131 da son derece inan\u0131lmaz\u00a0 bir fiyat olan y\u0131ll\u0131k 3,99 TL\u2019ye alabilirsiniz.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Adim_3_%E2%80%93_Web_Sitesi_Nasil_Yapilir\"><\/span><span id=\"Adim-3-8211Web-Sitesi-Nasil-Yapilir\">Ad\u0131m 3 \u2013\u00a0Web Sitesi Nas\u0131l Yap\u0131l\u0131r<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Temelleri att\u0131\u011f\u0131m\u0131za g\u00f6re e\u011flenceli k\u0131sma ba\u015flayabiliriz. Art\u0131k hangi alan ad\u0131n\u0131 kullanaca\u011f\u0131n\u0131za ve sitenizi nerede bar\u0131nd\u0131raca\u011f\u0131n\u0131za karar verdi\u011finize g\u00f6re kendi web sitenizi haz\u0131rlamaya ba\u015flayabilirsiniz.\u00a0 3 y\u00f6ntem ile (WordPress kullanmak, web sitesi kurucusu kullanmak, s\u0131f\u0131rdan site kurulumu) web sitesi nas\u0131l yap\u0131l\u0131r a\u00e7\u0131klad\u0131k. Tercihinizi yap\u0131n ve denemeye ba\u015flay\u0131n.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Secenek_1_%E2%80%93_WordPress_ile_Site_Kurulumu\"><\/span><span id=\"Secenek-1-8211-WordPress-ile-Site-Kurulumu\">Se\u00e7enek 1 \u2013 WordPress ile Site Kurulumu<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>E\u011fer bunu okuyorsan\u0131z, en iyi i\u00e7erik y\u00f6netimi sistemini se\u00e7mi\u015fsiniz demektir. Do\u011fru tercih yapt\u0131n\u0131z diyebiliriz. Hadi ad\u0131mlara g\u00f6z atal\u0131m.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"WordPress_Kurulumu\"><\/span>WordPress Kurulumu<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>WordPress kurulumu yaln\u0131zca birka\u00e7 t\u0131klama yapmak kadar kolayd\u0131r. Otomatik y\u00fckleyici t\u00fcm zorlu i\u015flemleri sizin i\u00e7in yapsa da FTP kullanarak elle WordPress kurulumunu da ekledik.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Otomatik_yukleyici_ile_kurulum\"><\/span>Otomatik y\u00fckleyici ile kurulum:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li>Hosting hesab\u0131n\u0131za giri\u015f yap\u0131n ve kontrol panelinizden\u00a0<strong>Otomatik Y\u00fckleyici<\/strong>\u00a0simgesine t\u0131klay\u0131n.<\/li>\n<li>Arama k\u0131sm\u0131na\u00a0<strong>WordPress<\/strong>\u00a0yaz\u0131n ve arama sonu\u00e7lar\u0131nda simgesinin \u00fczerinde t\u0131klay\u0131n.<\/li>\n<li>URL (web sitenizin adresi \u2013 WordPress\u2019i ana dizine y\u00fcklemek istiyorsan\u0131z bo\u015f da b\u0131rakabilirsiniz.), dil, kullan\u0131c\u0131 ad\u0131, \u015fifre, e-posta, WordPress ba\u015fl\u0131\u011f\u0131, WordPress slogan\u0131 alanlar\u0131n\u0131 doldurun ve\u00a0<strong>Y\u00fckle<\/strong> butonuna t\u0131klay\u0131n.<\/li>\n<\/ol>\n<p>\u0130\u015fte bu kadar! WordPress \u015fimdi kuruldu. Otomatik Y\u00fckleyici\u2019nin sizin i\u00e7in \u00e7al\u0131\u015fmama olas\u0131l\u0131\u011f\u0131 son derece d\u00fc\u015f\u00fckt\u00fcr ancak olur da \u00e7al\u0131\u015fmazsa veya her \u015feyi elle yapmaktan zevk al\u0131yorsan\u0131z, WordPress\u2019i dosyalar\u0131 FTP ile transfer edip elle de kurabilirsiniz. Elle kurulum i\u00e7in bu ad\u0131mlar\u0131 takip edin:<\/p>\n<h5><span class=\"ez-toc-section\" id=\"_FTP_ile_kurulum\"><\/span>\u00a0FTP ile kurulum:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ol>\n<li>WordPress\u2019in en g\u00fcncel s\u00fcr\u00fcm\u00fcn\u00fc\u00a0<a href=\"https:\/\/tr.wordpress.org\/txt-download\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">resmi web sitesinden<\/a>\u00a0indirin ve ar\u015fivi a\u00e7\u0131n.<\/li>\n<li>Hosting hesab\u0131n\u0131za y\u00fcklemek i\u00e7in FTP istemcisi kullan\u0131n. \u00d6nerilen bir istemci FileZilla\u2019d\u0131r ancak herhangi ba\u015fka bir istemciyi de kullanabilirsiniz. \u0130htiyac\u0131n\u0131z olabilecek t\u00fcm FTP detaylar\u0131na hesab\u0131n\u0131z\u0131n kontrol panelindeki FTP Hesab\u0131 k\u0131sm\u0131nda bulabilirsiniz. E\u011fer FTP ile ilgili yard\u0131ma ihtiyac\u0131n\u0131z olursa,\u00a0bu rehbere g\u00f6z at\u0131n.<\/li>\n<li>Transfer tamamland\u0131\u011f\u0131nda kontrol panelinize girin ve web siteniz i\u00e7in gerekli olan MySQL veritaban\u0131n\u0131 olu\u015fturun. sunucucozumleri.com kontrol panelinizde MySQL Veritabanlar\u0131 k\u0131sm\u0131na eri\u015fin. \u0130stendi\u011finde detaylar\u0131 girin: Veritaban\u0131 ad\u0131, kullan\u0131c\u0131 ad\u0131 ve \u015fifresi. Ard\u0131ndan\u00a0<strong>Olu\u015ftur<\/strong> butonuna t\u0131klay\u0131n.<\/li>\n<li>D\u00f6rd\u00fcnc\u00fc ad\u0131m olarak 5 dakikal\u0131k kurulum sihirbaz\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rmal\u0131s\u0131n\u0131z. Bu ad\u0131ma ge\u00e7meden \u00f6nce ilk \u00fc\u00e7 ad\u0131m\u0131 tamamlaman\u0131z gereklidir. T\u00fcm dosyalar\u0131n y\u00fcklendi\u011finden ve veritaban\u0131n\u0131n olu\u015fturulmu\u015f oldu\u011fundan emin olmal\u0131s\u0131n\u0131z. Kurulumu tamamlamak i\u00e7in a\u015fa\u011f\u0131daki 6 ad\u0131m\u0131 tamamlamal\u0131s\u0131n\u0131z.\n<ol>\n<li>Dilinizi se\u00e7in ve\u00a0<strong>Devam<\/strong>\u2018a t\u0131klay\u0131n.<\/li>\n<li>\u015eimdi <a href=\"https:\/\/sunucucozumleri.com\/blog\/veri-tabani-sunucusu-kiralama\/\">veri taban\u0131<\/a> detaylar\u0131n\u0131 girmeniz istenecek. Veritaban\u0131n\u0131 zaten olu\u015fturmu\u015f oldu\u011fumuz i\u00e7in\u00a0<strong>Ba\u015flayal\u0131m!<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>Burada MySQL veritaban\u0131 giri\u015f bilgilerinizi ve host ad\u0131n\u0131 yazacaks\u0131n\u0131z. Host ad\u0131n\u0131z\u0131 bilmiyorsan\u0131z, \u00f6\u011frenmek i\u00e7in kontrol panelinizin\u00a0<strong>MySQL Veritabanlar\u0131<\/strong>\u00a0k\u0131sm\u0131na dan\u0131\u015fabilirsiniz.<\/li>\n<li>Her \u015feyi girdikten sonra\u00a0<strong>G\u00f6nder<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>WordPress \u015fimdi ba\u011flant\u0131n\u0131z\u0131 test edecek ve her \u015fey iyiyse,\u00a0<strong>Kurulum Yap<\/strong>\u00a0butonuna t\u0131klayabilirsiniz.<\/li>\n<li>\u015eimdi web sitenizin ba\u015fl\u0131\u011f\u0131n\u0131, y\u00f6netici kullan\u0131c\u0131 ad\u0131n\u0131, \u015fifresini ve e-posta adresini girin. Ard\u0131ndan\u00a0<strong>WordPress\u2019i Kur<\/strong> butonuna t\u0131klayabilirsiniz.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>\u0130\u015fte bu kadar! <a href=\"https:\/\/sunucucozumleri.com\/blog\/hosting\/fast-wordpress-hosting\/\">WordPress hosting<\/a> hesab\u0131n\u0131za kuruldu ve \u015fimdi WordPress y\u00f6netici alan\u0131na giri\u015f yapabilirsiniz. E\u011fer WordPress kurulumu hakk\u0131nda daha fazla y\u00f6ntem ar\u0131yorsan\u0131z,\u00a0bu kapsaml\u0131 rehbere g\u00f6z atabilirsiniz.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"WordPressi_Yapilandirmak\"><\/span>WordPress\u2019i Yap\u0131land\u0131rmak<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Kurulumu tamamlad\u0131\u011f\u0131m\u0131za g\u00f6re yeni olu\u015fturdu\u011fumuz WordPress sitemizi yap\u0131land\u0131rmak hakk\u0131nda konu\u015fabiliriz. Ba\u015flang\u0131\u00e7 olarak yapman\u0131z gereken yap\u0131land\u0131rmalardan bahsedelim:<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Varsayilan_sayfayi_gonderiyi_ve_yorumu_silin\"><\/span>Varsay\u0131lan sayfay\u0131, g\u00f6nderiyi ve yorumu silin:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ul>\n<li>Varsay\u0131lan \u201cHello World\u201d yaz\u0131s\u0131 kurulumdan sonra olu\u015fturulmu\u015f olmal\u0131d\u0131r. Bu yaz\u0131y\u0131 hemen silmek g\u00fczel bir fikirdir. Silmek i\u00e7in\u00a0<strong>Yaz\u0131lar &gt; T\u00fcm yaz\u0131lar<\/strong>\u00a0k\u0131sm\u0131na girin ve silin.<\/li>\n<li>\u015eimdi\u00a0<strong>Sayfalar &gt; T\u00fcm sayfalar<\/strong>\u00a0k\u0131sm\u0131na girin ve \u00f6rnek sayfay\u0131 silin.<\/li>\n<li>Son olarak\u00a0<strong>Yorumlar<\/strong>\u00a0k\u0131sm\u0131na girin ve varsay\u0131lan yorumdan kurtulun.<\/li>\n<\/ul>\n<h5><span class=\"ez-toc-section\" id=\"Zaman_dilimi_ve_site_dili_ayarlari\"><\/span>Zaman dilimi\u00a0 ve site dili ayarlar\u0131:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ul>\n<li><strong>Ayarlar &gt; Genel<\/strong>\u00a0k\u0131sm\u0131na girin ve zaman diliminizle dil ayarlar\u0131n\u0131z\u0131 belirleyin.<\/li>\n<\/ul>\n<h5><span class=\"ez-toc-section\" id=\"WordPress_yorumlari\"><\/span>WordPress yorumlar\u0131:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>Yorumlarla ilgili t\u00fcm ayarlar\u0131 WordPress y\u00f6netici panelinin\u00a0<strong>Ayarlar &gt; Tart\u0131\u015fma<\/strong>\u00a0k\u0131sm\u0131nda bulunabilir. \u0130htiya\u00e7lar\u0131n\u0131za g\u00f6re yapabilecekleriniz:<\/p>\n<ul>\n<li>Yeni yaz\u0131larda yorumlara izin verin veya vermeyin.<\/li>\n<li>Yorumlar\u0131 yay\u0131nlanmadan \u00f6nce elle kontrol edip etmek istemedi\u011finize karar verin.<\/li>\n<li>Yorumlar i\u00e7in e-posta bildirimlerini yap\u0131land\u0131r\u0131n.<\/li>\n<li>Avatar resimlerini g\u00f6sterin veya gizleyin.<\/li>\n<\/ul>\n<div class=\"protip light-purple-box text-light-black\">\n<p><strong>\u00d6neri:<\/strong><\/p>\n<p>Yaln\u0131zca belirli sayfa veya yaz\u0131larda yorum yazmay\u0131 devre d\u0131\u015f\u0131 b\u0131rakmak da m\u00fcmk\u00fcnd\u00fcr. Yapmak i\u00e7in, \u015fu ad\u0131mlar\u0131t akip edin:<\/p>\n<ol>\n<li>WordPress y\u00f6netici alan\u0131nda t\u00fcm yaz\u0131lara \/ sayfalara t\u0131klay\u0131n.<\/li>\n<li>\u015eimdi ilgili D\u00fczenle\u2019ye t\u0131klay\u0131n.<\/li>\n<li>Etiketlerin alt\u0131nda yorumlara izin veren se\u00e7ene\u011fi g\u00f6receksiniz. Basit\u00e7e devre d\u0131\u015f\u0131 b\u0131rak\u0131n ve haz\u0131rs\u0131n\u0131z.<\/li>\n<\/ol>\n<\/div>\n<h5><span class=\"ez-toc-section\" id=\"Ortam_ayarlari\"><\/span>Ortam ayarlar\u0131:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>Bu ad\u0131m\u0131 tamamlad\u0131\u011f\u0131n\u0131zda WordPress web siteniz resimleri daha iyi ele alacakt\u0131r. Varsay\u0131lan olarak bir resmi y\u00fckledi\u011finizde resmin bir \u00e7ok farkl\u0131 boyutlar\u0131 olu\u015fturulur ki bu hi\u00e7 verimli bir y\u00f6ntem de\u011fildir. De\u011fi\u015ftirmek i\u00e7in \u015fu ad\u0131mlar\u0131 takip edin:<\/p>\n<ol>\n<li><strong>Ayarlar &gt; Ortam<\/strong>\u00a0k\u0131sm\u0131na girin.<\/li>\n<li>K\u00fc\u00e7\u00fck resim boyutu k\u0131sm\u0131nda hem Geni\u015flik hem de Y\u00fckseklik k\u0131sm\u0131na 0 girin. \u201cK\u00fc\u00e7\u00fck resmi tam boyutuna g\u00f6re k\u0131rp (normalde bu i\u015flem oran\u0131na g\u00f6re yap\u0131l\u0131r)\u201d ayar\u0131n\u0131n i\u015faretlenmemi\u015f oldu\u011fundan emin olun.<\/li>\n<li>Orta boyut ayar\u0131nda da Geni\u015flik ve Y\u00fckseklik k\u0131s\u0131mlar\u0131na 0 girin.<\/li>\n<li>Son olarak B\u00fcy\u00fck boyut k\u0131sm\u0131ndaki Geni\u015flik ve Y\u00fckseklik k\u0131s\u0131mlar\u0131na da 0 girin.<\/li>\n<li>\u201cY\u00fcklemelerimi ayl\u0131k -ve y\u0131ll\u0131k- bazda klas\u00f6rlerde tut.\u201d se\u00e7ene\u011fini i\u015faretleyin ve\u00a0<strong>De\u011fi\u015fiklikleri Kaydet<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Dizin_gezinmesini_pasiflestirin\"><\/span>Dizin gezinmesini pasifle\u015ftirin:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>Bu biraz daha teknik bir yap\u0131land\u0131rmad\u0131r ve web sitenizin g\u00fcvenli\u011fini geli\u015ftirmede \u00f6nemli bir rol oynar. Dizin gezinmesini pasifle\u015ftirmek i\u00e7in,\u00a0<strong>.htaccess<\/strong>\u00a0dosyan\u0131z\u0131 d\u00fczenlemeniz gerekir. Bu ad\u0131mlar\u0131 takip edin:<\/p>\n<ol>\n<li>Herhangi bir FTP istemcisi (\u00f6r: FileZilla) ile hosting hesab\u0131n\u0131za ba\u011flan\u0131n.<\/li>\n<li>.htaccess dosyas\u0131n\u0131 bulun ve indirin.<\/li>\n<li>Dosyay\u0131 a\u00e7\u0131n ve sonuna a\u015fa\u011f\u0131daki kodu ekleyin.\n<pre class=\"\">Options \u2013Indexes<\/pre>\n<\/li>\n<li>Kaydedin.<\/li>\n<li>\u015eimdi FTP istemcisi ile tekrar geri y\u00fckleyin.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"WordPressi_Ozellestirmek\"><\/span>WordPress\u2019i \u00d6zelle\u015ftirmek<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0130\u00e7eri\u011fin kendisi kadar web sitenizin g\u00f6rsel estetikleri de \u00f6nemlidir. WordPress temalar\u0131 ihtiya\u00e7lar\u0131n\u0131za g\u00f6re web sitenizin tasar\u0131m\u0131n\u0131 ve g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc \u00f6zelle\u015ftirmenize izin verir. Di\u011fer bir yandan, WordPress eklentileri de web sitenizi daha fonksiyonel k\u0131lar. Her iki noktaya da birer birer de\u011finece\u011fiz.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"WordPress_Tema_Kurulumu\"><\/span>WordPress Tema Kurulumu<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>WordPress\u2019in geni\u015f aktif bir toplulu\u011fu vard\u0131r. Bu nedenle \u00fccretsiz ve \u00fccretli temalar\u0131n dizini u\u00e7suz bucaks\u0131zd\u0131r. Bir\u00e7ok \u00fccretsiz WordPress temas\u0131\u00a0burada\u00a0bulunabilir.\u00a0<a href=\"https:\/\/themeforest.net\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">ThemeForest<\/a>\u00a0gibi web siteleri \u00fccretsiz ve \u00fccretli temalara ev sahipli\u011fi yapar. E\u011fer web siteniz i\u00e7in do\u011fru temay\u0131 se\u00e7emiyorsan\u0131z,\u00a0en iyi \u00fccretsiz WordPress temalar\u0131 listesine g\u00f6z at\u0131n.<\/p>\n<p>WordPress\u2019de tema kurmak \u00e7ok kolayd\u0131r. Bu ad\u0131mlar\u0131 takip edin:<\/p>\n<ol>\n<li>Y\u00f6netici alan\u0131ndan\u00a0<strong>G\u00f6r\u00fcn\u00fcm<\/strong>\u00a0k\u0131sm\u0131na t\u0131klay\u0131n.<\/li>\n<li><strong>Yeni ekle<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>Mevcut temalara g\u00f6z atabilir ve ho\u015funuza gideni se\u00e7ebilirsiniz. \u00d6nce\u00a0<strong>Kur<\/strong>\u00a0butonuna ve sonra da\u00a0<strong>Etkinle\u015ftir<\/strong> butonuna t\u0131klayarak yeni temaya ge\u00e7ebilirsiniz.<\/li>\n<\/ol>\n<div class=\"protip light-purple-box text-light-black\">\n<p>E\u011fer sat\u0131n ald\u0131\u011f\u0131n\u0131z bir temay\u0131 y\u00fcklemek istiyorsan\u0131z, \u015fu ad\u0131mlar\u0131 takip edin:<\/p>\n<ol>\n<li><strong>G\u00f6r\u00fcn\u00fcm<\/strong>\u00a0k\u0131sm\u0131na girin ve\u00a0<strong>Yeni ekle<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>Tema dosyas\u0131 ar\u015fiv formunda olmal\u0131d\u0131r.\u00a0<strong>Tema Y\u00fckle<\/strong>\u00a0butonuna t\u0131klay\u0131n ve a\u00e7\u0131lan pencerede bilgisayar\u0131n\u0131zda temay\u0131 bulun ve y\u00fckleyin.<\/li>\n<li>Y\u00fckleme bitti\u011finde\u00a0<strong>Etkinle\u015ftir<\/strong>\u00a0butonuna t\u0131klay\u0131n ve teman\u0131z sitenizde yay\u0131nlanacakt\u0131r.<\/li>\n<\/ol>\n<\/div>\n<p>E\u011fer tema y\u00fckleme \u00fczerine daha detayl\u0131 bir rehbere ihtiyac\u0131n\u0131z varsa\u00a0buraya g\u00f6z at\u0131n.<\/p>\n<h6><span class=\"ez-toc-section\" id=\"WordPress_Temalarini_Ozellestirmek\"><\/span>WordPress Temalar\u0131n\u0131 \u00d6zelle\u015ftirmek<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p>E\u011fer kod dosyalar\u0131n\u0131 nas\u0131l d\u00fczenleyece\u011finizi biliyorsan\u0131z, y\u00fckledi\u011finiz temalar\u0131 elle \u00f6zelle\u015ftirebilirsiniz. Bu \u00f6zelle\u015ftirme sitenizin d\u00fczeninden sorumlu olan CSS (cascading style sheet) dosyalar\u0131n\u0131 d\u00fczenlemeyi i\u00e7erir. CSS dosyas\u0131n\u0131 d\u00fczenlemek i\u00e7in takip edebilece\u011finiz ad\u0131mlar:<\/p>\n<ol>\n<li>WordPress y\u00f6netici panelinde\u00a0<strong>G\u00f6r\u00fcn\u00fcm<\/strong>\u2018e girin ve ard\u0131ndan\u00a0<strong>D\u00fczenleyici<\/strong>\u2018ye devam edin.<\/li>\n<li>\u015eimdi\u00a0<strong>style.css<\/strong>\u2018in \u00fczerine t\u0131klay\u0131n ve bu dosyay\u0131 d\u00fczenlemeniz i\u00e7in ekran a\u00e7\u0131lm\u0131\u015f olacakt\u0131r.<\/li>\n<li>\u0130htiya\u00e7lar\u0131n\u0131za ve zevklerinize g\u00f6re burada diledi\u011finiz kadar d\u00fczenleme yapabilirsiniz. Tamamlad\u0131\u011f\u0131n\u0131zda\u00a0<strong>Dosyay\u0131 G\u00fcncelle<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<\/ol>\n<p>Tema dosyalar\u0131n\u0131 functions.php dosyas\u0131n\u0131 d\u00fczenleyerek de \u00f6zelle\u015ftirebilirsiniz. Bu \u015fekilde teman\u0131z i\u00e7in \u00f6zellikler, fonksiyonellik ve tasar\u0131m ekleyebilir\/kald\u0131rabilir\/d\u00fczenleyebilirsiniz. Functions dosyas\u0131 tema fonksiyonlar\u0131yla ilgilenir ve PHP kodu ekleyerek tema \u00f6zelle\u015ftirilebilir.\u00a0<strong>functions.php<\/strong>\u00a0ile daha fazlas\u0131n\u0131\u00a0burada\u00a0okuyabilirsiniz.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"WordPress_Eklentileri_Kurulumu\"><\/span>WordPress Eklentileri Kurulumu<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>Eklentiler web sitesi sahiplerinin hayat\u0131n\u0131 kolayla\u015ft\u0131r\u0131r ve hem k\u0131sa vadede hem de uzun vadede web siteniz i\u00e7in gayet faydal\u0131 olur. Basit bir eklenti kurulumu ile herhangi bir kod yazmadan veya yap\u0131nland\u0131rma dosyas\u0131 d\u00fczenlemeden\u00a0web sitenize fonksiyonellik ekleyebilirsiniz. Temalar gibi, binlerce \u00fccretsiz ve \u00fccretli WordPress eklentileri bulunur. Web sitenizde mutlaka olmas\u0131 gereken baz\u0131 eklentiler:<\/p>\n<ul>\n<li><a href=\"https:\/\/tr.wordpress.org\/plugins\/wordfence\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Wordfence security<\/a>: Bu eklenti web sitenizi potansiyel hacker\u2019lardan uzakta tutarak sitenizin g\u00fcvenli\u011fini sa\u011flayacakt\u0131r. G\u00fcvenlik duvar\u0131, tehdit defans\u0131, vir\u00fcs taramas\u0131 gibi her \u00f6zelli\u011fe sahiptir.<\/li>\n<li><a href=\"https:\/\/tr.wordpress.org\/plugins\/google-sitemap-generator\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Google XML Sitemaps<\/a>: Arama motoru optimizasyonunda size yard\u0131mc\u0131 olmas\u0131 i\u00e7in Google\u2019\u0131n XML site haritas\u0131 olu\u015fturan resmi eklentisini kullanabilirsiniz. Daha fazla<\/li>\n<li><a href=\"https:\/\/tr.wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Yoast SEO<\/a>: 5 milyondan fazla aktif kurulum ile <a href=\"https:\/\/sunucucozumleri.com\/blog\/wordpress-seo-rehberi\/\">WordPress SEO<\/a> eklentilerinde en pop\u00fcler olanlardan biridir. Meta etiketi veya sayfa analizi s\u00f6z konusu olsun, <a href=\"https:\/\/sunucucozumleri.com\/blog\/yoast-seo-nedir\/\">Yoast SEO<\/a> t\u00fcm ihtiya\u00e7lar\u0131n\u0131z\u0131 g\u00f6recektir.<\/li>\n<li><a href=\"https:\/\/tr.wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">Contact Form 7<\/a>: \u0130leti\u015fim formu eklemek i\u00e7in basit bir eklentidir. Kurulumu \u00e7ok kolayd\u0131r ve bu eklenti ile responsive ileti\u015fim formu olu\u015fturabilirsiniz.<\/li>\n<\/ul>\n<p>WordPress eklentisi kurmak tema kurmak kadar kolayd\u0131r. Eklenti kurmak i\u00e7in bu ad\u0131mlar\u0131 takip edin:<\/p>\n<ol>\n<li>Mouse imlecini\u00a0<strong>Eklentiler<\/strong>\u00a0men\u00fc \u00f6gesinin \u00fczerine getirin.<\/li>\n<li><strong>Yeni Ekle<\/strong> butonuna t\u0131klay\u0131n.<\/li>\n<li>A\u00e7\u0131lan arama k\u0131sm\u0131nda kurmak istedi\u011finiz eklentinin ad\u0131n\u0131 yaz\u0131n.<\/li>\n<li><strong>Hemen y\u00fckle<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>Kurulum tamamland\u0131\u011f\u0131nda\u00a0<strong>Etkinle\u015ftir<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>Ancak; e\u011fer premium eklentilerden birini sat\u0131n ald\u0131ysan\u0131z, bunu resmi dizinde bulamazs\u0131n\u0131z ve elle y\u00fcklemeniz gerekir. Elle y\u00fcklemek i\u00e7in bu ad\u0131mlar\u0131 takip edin:\n<ol>\n<li>Mouse imlecini\u00a0<strong>Eklentiler<\/strong>\u00a0men\u00fc \u00f6gesinin \u00fczerine getirdikten sonra\u00a0<strong>Yeni Ekle<\/strong>\u2018ye t\u0131klay\u0131n.<\/li>\n<li>\u015eimdi \u00fcst k\u0131s\u0131mdaki\u00a0<strong>Eklenti Y\u00fckle<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>A\u00e7\u0131lan k\u0131s\u0131mda bilgisayar\u0131n\u0131zdan eklentinin ar\u015fiv dosyas\u0131n\u0131 se\u00e7in ve\u00a0<strong>Hemen y\u00fckle<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>Y\u00fckleme tamamland\u0131\u011f\u0131nda her zamanki gibi eklentiyi kurun ve etkinle\u015ftirin.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>Nas\u0131l WordPress eklentileri kurulaca\u011f\u0131 hakk\u0131nda daha detayl\u0131 bir rehber\u00a0burada\u00a0bulunabilir.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"WordPresse_Icerik_Eklemek\"><\/span>WordPress\u2019e \u0130\u00e7erik Eklemek<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>WordPress\u2019e i\u00e7erik iki \u015fekilde eklenebilir: Yeni bir yaz\u0131 veya yeni bir sayfa olu\u015fturabilirsiniz. \u0130kisinin aras\u0131ndaki fark yaz\u0131lar\u0131n kategorilere ayr\u0131labiliyor olmas\u0131d\u0131r. Yaz\u0131lar ayn\u0131 zamanda etiketlenebilir ve\/veya ar\u015fivlenebilir. Yaz\u0131lar genellike web sitesinde kronolojik s\u0131rada g\u00f6sterilen blog yaz\u0131lar\u0131 veya makalelerdir. Di\u011fer bir tarafta ise sayfalar sabittir. Sayfalara \u00f6rnek \u201cHakk\u0131m\u0131zda\u201d veya \u201c\u0130leti\u015fim\u201d olabilir.<\/p>\n<h5><span class=\"ez-toc-section\" id=\"WordPresse_yeni_yazi_veya_sayfa_eklemek\"><\/span>WordPress\u2019e yeni yaz\u0131 veya sayfa eklemek:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>WordPress sitenizde yeni bir yaz\u0131 olu\u015fturmak i\u00e7in bu ad\u0131mlar\u0131 takip edin:<\/p>\n<ol>\n<li>Tercihinize g\u00f6re\u00a0<strong>Yaz\u0131lar<\/strong>\u00a0veya\u00a0<strong>Sayfalar<\/strong>\u00a0men\u00fc \u00f6gesinin \u00fczerine mouse imlecinizi getirin ve\u00a0<strong>Yeni Ekle<\/strong>\u2018ye t\u0131klay\u0131n.<\/li>\n<li>\u015eimdi sayfan\u0131z\/yaz\u0131n\u0131z i\u00e7in detaylar\u0131 girebilirsiniz. G\u00f6nderinizin i\u00e7eri\u011fi a\u015fa\u011f\u0131daki kocaman kutuya yaz\u0131l\u0131r. Ara\u00e7 \u00e7ubu\u011fu ile yaz\u0131n\u0131z\u0131 d\u00fczenleyebilir veya resimler ekleyebilirsiniz.<\/li>\n<li>Sayfan\u0131n sa\u011f k\u0131sm\u0131nda \u015fu kutular\u0131 g\u00f6rebilirsiniz:\n<ul>\n<li><strong>Yay\u0131mla:<\/strong>\u00a0\u0130sterseniz bu yaz\u0131y\u0131 yay\u0131mlamadan \u00f6nce taslak olarak kaydedebilir ve \u00f6n izleyebilirsiniz. Yaz\u0131n\u0131n g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc ve durumunu de\u011fi\u015ftirebilirsiniz ve\u00a0<strong>Yay\u0131mla<\/strong>\u00a0butonuna t\u0131klad\u0131\u011f\u0131n\u0131zda g\u00f6nderiniz sitenizde hemen yay\u0131mlanacakt\u0131r.<\/li>\n<li><strong>Etiketler:<\/strong>\u00a0Etiketler kullanarak yaz\u0131lar\u0131n\u0131z\u0131 etiketleyebilirsiniz. Bu se\u00e7enek sayfalar i\u00e7in bulunmaz.<\/li>\n<li><strong>\u00d6ne \u00e7\u0131kan g\u00f6rsel:<\/strong>\u00a0Bu se\u00e7enek yaz\u0131n\u0131za \u00f6ne \u00e7\u0131kan resim eklemenize izin verir. Resmin nerede g\u00f6r\u00fcnece\u011fi teman\u0131za g\u00f6re de\u011fi\u015fiklik g\u00f6sterebilir.<\/li>\n<li><strong>Kategoriler:<\/strong>\u00a0Bu k\u0131sm\u0131 kullanarak yaz\u0131n\u0131z\u0131 bir kategoriye atay\u0131n. E\u011fer yeni bir kategori eklemek isterseniz,\u00a0<strong>+ Yeni kategori ekle<\/strong>\u00a0butonuna t\u0131klayarak yapabilirsiniz. Bu se\u00e7enek sayfalar i\u00e7in mevcut de\u011fildir.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h5><span class=\"ez-toc-section\" id=\"Sabit_on_sayfa_eklemek\"><\/span>Sabit \u00f6n sayfa eklemek:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<p>WordPress\u2019e yaz\u0131lar ekledi\u011finizde, varsay\u0131lan olarak, web sitenizin ana sayfas\u0131nda ters kronolojik s\u0131ralamada en yeni ekledikleriniz g\u00f6r\u00fcnecektir. Bazen ziyaret\u00e7ilerinize ana sayfan\u0131zda en yeni yaz\u0131lar\u0131 g\u00f6stermek yerine onlar\u0131 sabit bir ana sayfa ile kar\u015f\u0131lamak daha \u00e7ok tercih edilebilir olabilir. Basit bir sabit ana sayfa olu\u015fturmak kolayd\u0131r. Bu ad\u0131mlar\u0131 takip edin:<\/p>\n<ol>\n<li>WordPress y\u00f6netici alan\u0131n\u0131za girin.<\/li>\n<li><strong>Sayfalar &gt; Yeni ekle<\/strong>\u00a0k\u0131sm\u0131na devam edin.<\/li>\n<li>Yeni sayfay\u0131 \u201cAna Sayfa\u201d olarak veya tercih etti\u011finiz benzeri bir ba\u015fl\u0131kla adland\u0131r\u0131n.<\/li>\n<li>Mevcut teman\u0131z ana sayfan\u0131z\u0131n g\u00f6r\u00fcnt\u00fcs\u00fc i\u00e7in birka\u00e7 se\u00e7enek sunuyor olabilir. E\u011fer \u00f6yleyse, sayfan\u0131n \u00f6zellikleri panel kutusundan \u015fablonu se\u00e7in.<\/li>\n<li>\u0130\u00e7erik kutusuna ana sayfan\u0131z\u0131n i\u00e7eri\u011fini girin ve\u00a0<strong>Yay\u0131mla<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<li>\u015eimdi\u00a0<strong>Ayarlar &gt; Okuma<\/strong>\u00a0k\u0131sm\u0131na girin.<\/li>\n<li>Ana sayfa g\u00f6r\u00fcnt\u00fclenmesi ayar\u0131nda\u00a0<strong>Sabit sayfa<\/strong>\u00a0radyo kutusunu i\u015faretleyin ve se\u00e7im kutusunda olu\u015fturdu\u011funuz ana sayfay\u0131 se\u00e7in.<\/li>\n<li><strong>De\u011fi\u015fiklikleri Kaydet<\/strong>\u00a0butonuna t\u0131klay\u0131n.<\/li>\n<\/ol>\n<p>WordPress ile yapabilece\u011finiz daha nice \u00f6zelle\u015ftirme bulunur. WordPress ile tan\u0131\u015fman\u0131z ve ilk web sitenizi kurman\u0131z i\u00e7in yeterli olacak en \u00f6nemli olanlardan bahsettik. Daha fazla \u00f6\u011frenmek i\u00e7in, resmi\u00a0<a href=\"https:\/\/codex.wordpress.org\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">WordPress codex\u2019ini ziyaret edin<\/a>\u00a0veya bu kapsaml\u0131\u00a0WordPress rehber dizinine g\u00f6z at\u0131n.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Secenek_2_%E2%80%93_Web_Sitesi_Kurucusu_ile_Internet_Sitesi_Nasil_Kurulur\"><\/span><span id=\"Secenek-2-8211-Web-Sitesi-Kurucusu-ile-Internet-Sitesi-Nasil-Kurulur\">Se\u00e7enek 2 \u2013 Web Sitesi Kurucusu ile \u0130nternet Sitesi Nas\u0131l Kurulur?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>sunucucozumleri.com\u2019da site kurma y\u00f6ntemlerinden bir di\u011feri de\u00a0web sitesi kurucusu\u00a0kullanmakt\u0131r. \u0130\u00e7erik y\u00f6netimi sistemi kurmak veya kodlarla u\u011fra\u015fmak istemeyenler i\u00e7in m\u00fckemmeldir. \u00d6zellikle web sitesi nas\u0131l yap\u0131l\u0131r bilmeyen, yeni ba\u015flayan kullan\u0131c\u0131lar\u0131n tercihidir.<\/p>\n<p>S\u00fcr\u00fckle &amp; B\u0131rak \u00f6zelli\u011fi kullan\u0131m\u0131n\u0131 son derece kolayla\u015ft\u0131r\u0131yor. Metin, resim, tablo, galeri veya form gibi her t\u00fcr \u00f6geyi web sitenize kolayca ekleyebilirsiniz.<\/p>\n<p>sunucucozumleri.com site kurucusu 100\u2019den fazla m\u00fckemmel \u015fablon ile gelir, arama motoru dostudur ve varsay\u0131lan olarak responsive\u2019dir. Bu da web sitenizin hem masa \u00fcst\u00fc hem de mobil cihazlarda hi\u00e7bir ek i\u015flem olmadan m\u00fckemmel g\u00f6r\u00fcnece\u011fi anlam\u0131na gelir. Web sitesi kurucusu ile\u00a0web sitesi tasar\u0131m\u0131 nas\u0131l yap\u0131l\u0131r \u00f6\u011frenmek i\u00e7in a\u015fa\u011f\u0131daki talimatlar\u0131 takip edin.<\/p>\n<p>sunucucozumleri.com kontrol panelinize giri\u015f yap\u0131n. Hosting hesab\u0131n\u0131z\u0131n kontrol panelinde sayfay\u0131 Web Sitesi k\u0131sm\u0131na kadar kayd\u0131r\u0131n ve\u00a0<strong>Web Sitesi Kurucusu<\/strong>\u00a0simgesine t\u0131klay\u0131n.<\/p>\n<p>\u015eimdi \u015fablonlar\u0131n listesi ile kar\u015f\u0131lanacaks\u0131n\u0131z. Soldaki s\u00fctunda kolayl\u0131k i\u00e7in \u015fablon kategorilerini bulabilirsiniz.<\/p>\n<p>Web sitesinin \u015fablonla nas\u0131l g\u00f6r\u00fcnece\u011fi hakk\u0131nda fikre sahip olmak i\u00e7in <strong>\u00d6nizleme<\/strong>\u00a0butonuna t\u0131klayabilirsiniz veya devam etmek i\u00e7in\u00a0<strong>Se\u00e7<\/strong>\u00a0butonuna t\u0131klayabilirsiniz.<\/p>\n<p>Size yard\u0131mc\u0131 olmas\u0131 i\u00e7in solda \u00e7\u0131kan kutuda yapman\u0131z ad\u0131mlar yer al\u0131r. Ba\u015flamak i\u00e7in \u00f6nerilen yolu takip edebilirsiniz. Sa\u011f alttaki ye\u015fil soru i\u015fareti kutusuna da t\u0131klayarak site kurucusu men\u00fcs\u00fcn a\u00e7\u0131klamas\u0131na ula\u015fabilirsiniz.<\/p>\n<p>&nbsp;<\/p>\n<p>\u015eablon web sitenize baz\u0131 varsay\u0131lan \u00f6rnek i\u00e7erik eklemi\u015f olmal\u0131d\u0131r. \u0130lk yapman\u0131z gereken bunlar\u0131 kendi web sitenize uygun i\u00e7eriklerle de\u011fi\u015ftirmek olmal\u0131d\u0131r. Bunu metin olan herhangi bir yere t\u0131klayarak yapabilirsiniz. Ayn\u0131 \u015fekilde rengini, format\u0131n\u0131 veya boyutunu da ara\u00e7 \u00e7ubu\u011funu kullanarak de\u011fi\u015ftirebilirsiniz.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-5256 lazyautosizes lazyloaded\" src=\"https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1.png\" sizes=\"589px\" srcset=\"https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1.png 589w, https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1-150x10.png 150w, https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1-300x21.png 300w\" alt=\"Metin D\u00fczenleme Ara\u00e7 \u00c7ubu\u011fu\" width=\"589\" height=\"41\" data-src=\"https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1.png\" data-srcset=\"https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1.png 589w, https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1-150x10.png 150w, https:\/\/www.hostinger.web.tr\/rehberler\/wp-content\/uploads\/sites\/6\/2017\/12\/arac-cubugu-1-300x21.png 300w\" data-sizes=\"auto\" data- title=\"\"><\/p>\n<p>Yeni metin eklemek i\u00e7in men\u00fcdeki\u00a0<strong>Metin<\/strong>\u00a0simgesine t\u0131klay\u0131n ve sitenizde g\u00f6r\u00fcnmesini istedi\u011finiz yere s\u00fcr\u00fckleyin.<\/p>\n<p>Yeni bir resim eklemek i\u00e7in,\u00a0<strong>Resim<\/strong>\u00a0simgesine t\u0131klayabilir ve sitenize\u00a0s\u00fcr\u00fckleyebilirsiniz. B\u0131rak\u0131r b\u0131rakmaz resmi se\u00e7meniz i\u00e7in bir pencere a\u00e7\u0131lacakt\u0131r. Y\u00fcklendi\u011finde nerede g\u00f6r\u00fcnmesini istiyorsan\u0131z oraya s\u00fcr\u00fckleyip b\u0131rakabilirsiniz.<\/p>\n<p>Ara\u00e7 \u00e7ubu\u011fundaki\u00a0<strong>Men\u00fc<\/strong>\u00a0se\u00e7ene\u011fi ile yeni bir men\u00fc eklemeniz de m\u00fcmk\u00fcnd\u00fcr. Olu\u015fturuldu\u011funda farkl\u0131 men\u00fc \u00f6gelerini d\u00fczenleyebilirsiniz.<\/p>\n<p>Yine ayn\u0131 s\u00fcr\u00fckle &amp; b\u0131rak y\u00f6ntemiyle haritalar veya sosyal medya entegrasyonlar\u0131 ekleyebilirsiniz.<\/p>\n<p><strong>Geli\u015fmi\u015f<\/strong>\u00a0k\u0131sm\u0131nda Skype, M\u00fczik, HTML, Takvim, AdSense vb. gibi se\u00e7enekleriniz vard\u0131r.<\/p>\n<p>Sayfan\u0131n \u00fcst k\u0131sm\u0131ndaki Otomatik D\u00fczen butonu sitenizdeki t\u00fcm \u00f6geleri otomatik olarak hizalar ve elle tasar\u0131m yapmaktan sizi kurtar\u0131r. Ancak; e\u011fer butona t\u0131klad\u0131ktan sonra kar\u015f\u0131la\u015ft\u0131\u011f\u0131n\u0131z d\u00fczenden memnun olmazsan\u0131z, her zaman\u00a0<strong>Geri al<\/strong>\u00a0butonuna t\u0131klayarak i\u015flemi geri alabilirsiniz.<\/p>\n<p>T\u00fcm de\u011fi\u015fiklikleri tamamlad\u0131\u011f\u0131n\u0131zda sitenizi\u00a0<strong>Yay\u0131nla<\/strong>\u00a0butonuna t\u0131klayarak yay\u0131nlayabilirsiniz. Benzer \u015fekilde de\u011fi\u015fikliklerinizi\u00a0<strong>Taslak kaydet<\/strong>\u00a0butonuna t\u0131klayarak taslak olarak kaydedebilirsiniz.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Secenek_3_%E2%80%93_Sifirdan_Web_Sitesi_Nasil_Yapilir\"><\/span><span id=\"Secenek-3-8211-Sifirdan-Web-Sitesi-Nasil-Yapilir\">Se\u00e7enek 3 \u2013 S\u0131f\u0131rdan Web Sitesi Nas\u0131l Yap\u0131l\u0131r?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Bu k\u0131s\u0131mda size HTML ve CSS g\u00fc\u00e7lerini kullanarak s\u0131f\u0131rdan\u00a0web sitesi nas\u0131l yap\u0131l\u0131r g\u00f6sterece\u011fiz. Sabit bir web sitesi eri\u015fen kullan\u0131c\u0131ya g\u00f6re hi\u00e7bir de\u011fi\u015fiklik g\u00f6stermez ve hep belirli bir i\u00e7eri\u011fi g\u00f6sterir. Avantajlar\u0131 ve dezavantajlar\u0131 bulunur. Hadi baz\u0131lar\u0131na g\u00f6z atal\u0131m:<\/p>\n<h5><span class=\"ez-toc-section\" id=\"Artilari\"><\/span>Art\u0131lar\u0131:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ul>\n<li>Sabit web siteleri h\u0131zl\u0131d\u0131r.<\/li>\n<li>Sabit web siteleri herhangi bir veritaban\u0131na ba\u011flanmaz.<\/li>\n<li>Dinamik kar\u015f\u0131l\u0131klar\u0131na g\u00f6re site kurulumu daha kolayd\u0131r.<\/li>\n<\/ul>\n<h5><span class=\"ez-toc-section\" id=\"Eksileri\"><\/span>Eksileri:<span class=\"ez-toc-section-end\"><\/span><\/h5>\n<ul>\n<li>\u0130\u00e7eri\u011fi y\u00f6netmek ve g\u00fcncellemek daha uzun zaman al\u0131r.<\/li>\n<li>Ziyaret\u00e7iye i\u00e7eri\u011fi dinamik olarak g\u00f6stermenin hi\u00e7bir yolu yoktur.<\/li>\n<\/ul>\n<p>Ek olarak kod d\u00fczenleyicisine de ihtiyac\u0131n\u0131z olacakt\u0131r. En iyi kod d\u00fczenleyicilerinden baz\u0131lar\u0131:<\/p>\n<ul>\n<li>Notepad++<\/li>\n<li>TextWrangler<\/li>\n<li>Sublime Text<\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"Basit_bir_HTML_sayfasi_ile_baslamak\"><\/span>Basit bir HTML sayfas\u0131 ile ba\u015flamak<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Hypertext Markup Language (HTML) site kurulumunda kullan\u0131lan dildir.<\/p>\n<p>Kulland\u0131\u011f\u0131n\u0131z kod d\u00fczenleyicisini a\u00e7\u0131n ve a\u015fa\u011f\u0131dakini bo\u015f bir sayfaya yap\u0131\u015ft\u0131r\u0131n.<\/p>\n<pre class=\"theme:xcode lang:default decode:true\">&lt;html&gt;&lt;head&gt;&lt;title&gt;Your website\u2019s title here&lt;\/title&gt;&lt;\/head&gt;&lt;body&gt;&lt;p&gt;This is where the content comes.&lt;\/p&gt;&lt;\/body&gt;&lt;\/html&gt;<\/pre>\n<p>\u015eimdi kod d\u00fczenleyicinizde sayfay\u0131 .html uzant\u0131s\u0131 (\u00f6r: site.html) ile kaydedin.<\/p>\n<p>Taray\u0131c\u0131n\u0131zda kaydetti\u011finiz sayfay\u0131 a\u00e7\u0131n. Sayfa \u00e7irkin g\u00f6r\u00fcnecektir ve belki akl\u0131n\u0131zdaki web sitesi tasar\u0131m\u0131n\u0131n k\u0131y\u0131s\u0131ndan ge\u00e7miyordur ancak basit bir web sitesi nas\u0131l yap\u0131l\u0131r \u00f6\u011frenmek i\u00e7in buradan ba\u015flayaca\u011f\u0131z. Hadi devam edelim.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Daha_guzel_gorunmesi_icin_CSS_eklemek\"><\/span>Daha g\u00fczel g\u00f6r\u00fcnmesi i\u00e7in CSS eklemek<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>CSS, cascading style sheets i\u00e7in k\u0131saltmad\u0131r ve web sitenize tutarl\u0131 bir \u015fekilde stil eklemek i\u00e7in kullan\u0131l\u0131r. CSS ile sitenizn belirli yerlerinde yaz\u0131 tipini, rengi belirleyebilir veya web sitenizin arka plan rengini de\u011fi\u015ftirebilirsiniz.<\/p>\n<p>Stil dosyas\u0131 olu\u015fturmak i\u00e7in yeni bir metin dosyas\u0131 a\u00e7\u0131n ve ad\u0131n\u0131\u00a0<strong>style.css<\/strong>\u00a0olarak de\u011fi\u015ftirin. Ana sayfan\u0131z\u0131n HTML dosyas\u0131yla ayn\u0131 dizine kaydedin. HTML dosyas\u0131n\u0131n CSS dosyas\u0131ndan tasar\u0131m kodlar\u0131n\u0131 okumas\u0131 i\u00e7in aralar\u0131nda ba\u011flant\u0131 kurulmal\u0131d\u0131r. Ba\u011flant\u0131y\u0131 a\u015fa\u011f\u0131daki sat\u0131r\u0131 HTML dosyas\u0131ndaki\u00a0<code>&lt;head&gt;<\/code>\u00a0etiketlerinin aras\u0131na ekleyerek kurabilirsiniz.<\/p>\n<pre class=\"theme:xcode lang:default decode:true\">&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"style.css\"&gt;<\/pre>\n<p>\u015eu anda kadar tek yapt\u0131\u011f\u0131m\u0131z CSS ile HTML dosyalar\u0131n\u0131 birbirine ba\u011flamak. Hadi \u015fimdi web sitemizi CSS ile 5 farkl\u0131 k\u0131sma ve iki s\u00fctuna b\u00f6lelim. A\u015fa\u011f\u0131daki kodu CSS dosyan\u0131za ekleyin.<\/p>\n<pre class=\"theme:xcode lang:css decode:true \">body {background: #F6E7E7; margin: 0 auto; padding: 0;text-align: center;}a {color: #310909;}#container {width: 1000px; margin: 0 auto; padding: 0; background;}#header {width: 1000px; height: 180px; margin: 0 auto; padding: 0; border: 0; background: #f346e1;}#sidebar {width: 300px; height: 410px; margin: 0; padding: 0; border: 0; float: left; background: #E83535;}#content {width: 700px; height: 410px; margin: 0; padding: 0; border: 0; float: left; background: #8be0ef;}#footer {width: 1000px; height: 70px; margin: 0; padding: 0; border: 0; float: left; background: #000000; color:#eee; clear:both;}<\/pre>\n<p>Arka plan (background) de\u011ferleri farkl\u0131 k\u0131s\u0131mlar\u0131n rengini belirler ve kendi istekleriniz do\u011frultusunda de\u011fi\u015ftirebilirsiniz. B\u00f6ylece sitemizde 5 farkl\u0131 k\u0131s\u0131m bulunur: container, header, sidebar, body ve footer. Bu k\u0131s\u0131mlar\u0131n isimleri onlar\u0131n fonksiyonunu temsil eder. Container k\u0131sm\u0131 web sitesinin tamam\u0131n\u0131 i\u00e7erir ve geni\u015fli\u011fi 1000px olarak belirlenmi\u015ftir. Dilendi\u011finde farkl\u0131 bir de\u011fer ile de\u011fi\u015ftirilebilir ancak di\u011fer k\u0131s\u0131mlar\u0131n de\u011ferlerinin de ilgili bir \u015fekilde de\u011fi\u015ftirilmesi gerekece\u011fini not ediniz. Kendi tercihlerinize g\u00f6re k\u0131s\u0131mlar\u0131n geni\u015fli\u011fini, y\u00fcksekli\u011fini ve rengini de\u011fi\u015ftirebilirsiniz. De\u011fi\u015fiklikleri tamamlad\u0131\u011f\u0131n\u0131zda kaydedin ve ana sayfan\u0131z\u0131 \u015fu \u015fekilde g\u00fcncelleyin:<\/p>\n<pre class=\"theme:xcode lang:default decode:true \">&lt;html&gt;&lt;head&gt;&lt;title&gt;Your website\u2019s title here&lt;\/title&gt;&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"style.css\"&gt;&lt;\/head&gt;&lt;body&gt;&lt;div id=\"container\"&gt;&lt;div id=\"header\"&gt;&lt;p&gt;Header Goes Here&lt;\/p&gt;&lt;\/div&gt;&lt;div id=\"sidebar\"&gt;&lt;p&gt;Left Navigation Goes Here&lt;\/p&gt;&lt;\/div&gt;&lt;div id=\"content\"&gt;&lt;p&gt;Content Goes Here&lt;\/p&gt;&lt;\/div&gt;&lt;div id=\"footer\"&gt;&lt;p&gt;Footer Goes Here&lt;\/p&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/body&gt;&lt;\/html&gt;<\/pre>\n<p>Burada g\u00f6rebildi\u011finiz gibi web sitemizi farkl\u0131 k\u0131s\u0131mlara b\u00f6lmek i\u00e7in\u00a0<strong>&lt;div&gt;<\/strong>\u00a0etiketlerini kulland\u0131k. CSS kurallar\u0131n\u0131 uygulamak i\u00e7in id \u00f6zelli\u011fini tan\u0131mlad\u0131k.<\/p>\n<p>CSS ve HTML kullanarak de\u011fi\u015ftirebilece\u011finiz daha nice se\u00e7enekler bulunur.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Yazi_tipleri_ile_oynamak\"><\/span>Yaz\u0131 tipleri ile oynamak<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>E\u011fer CSS veya HTML dosyas\u0131nda herhangi bir yaz\u0131 tipi belirlemezseniz, genellikle Times New Roman olan bilgisayar\u0131n\u0131z\u0131n varsay\u0131lan yaz\u0131 tipinde metinler g\u00f6sterilecektir. CSS kullanarak, varsay\u0131lan istekleriniz ve ihtiya\u00e7lar\u0131n\u0131z do\u011frultusunda yaz\u0131 tipini de\u011fi\u015ftirebilirsiniz.<\/p>\n<pre class=\"language-markup\"><code>#content p {font-family: Open Sans; font-size: 18px}<\/code><\/pre>\n<p>Yukar\u0131daki kod sat\u0131r\u0131n\u0131 stil dosyan\u0131za (#content k\u0131sm\u0131ndan sonra) ekledi\u011finizde paragraf metinlerinin Open-Sans yaz\u0131 tipini kullanmas\u0131n\u0131 sa\u011flayacakt\u0131r ve yaz\u0131 boyutu da 18px olacakt\u0131r.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Baglantilar_eklemek\"><\/span>Ba\u011flant\u0131lar eklemek<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Web sitesi yaparken bazen d\u0131\u015f bir web sitesine veya kendi web sitenizin ba\u015fka bir yerine ba\u011flant\u0131 vermeniz gerekebilir. \u00dczerine t\u0131klad\u0131\u011f\u0131n\u0131zda sizi ba\u015fka bir yere g\u00f6t\u00fcren bu ba\u011flant\u0131lara hyperlink ad\u0131 verilir. \u201chref\u201d ba\u011flant\u0131n\u0131n hedefini belirler ve &lt;a&gt; etiketi ba\u011flant\u0131y\u0131 temsil eder. Endi\u015felenmeyin, bir \u00f6rnek payla\u015faca\u011f\u0131z:<\/p>\n<p>Web sitenizin body k\u0131sm\u0131na bunu\u00a0<code>&lt;a href=\u201dhttps:\/\/www.google.com\u201d&gt;Google'a Git&lt;\/a&gt;<\/code>\u00a0ekleyin.\u00a0<strong>Google\u2019a Git<\/strong>\u00a0olarak g\u00f6r\u00fcnecektir ve ziyaret\u00e7i \u00fczerine t\u0131klad\u0131\u011f\u0131nda Google\u2019\u0131n ana sayfas\u0131na ula\u015facaklard\u0131r.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Resimler_eklemek\"><\/span>Resimler eklemek<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>HTML ile resim eklemek, etiket ekleyip resmin yolunu belirtmek kadar kolayd\u0131r.\u00a0<code>&lt;img&gt;<\/code>\u00a0etiketi resim eklemenize olanak tan\u0131r. \u0130\u015fte nas\u0131l kullan\u0131ld\u0131\u011f\u0131:<\/p>\n<pre class=\"theme:xcode lang:default decode:true\">&lt;img src=\"kedi.jpg\" alt=\"Tatl\u0131 Kedi\"&gt;<\/pre>\n<p>src\u2019den sonra gelen t\u0131rnak i\u015faretlerinin aras\u0131na resmin yolunu girmelisiniz. Bu durumda, resim HTML dosyan\u0131zla ayn\u0131 dizinde olmal\u0131d\u0131r. alt\u2019tan sonra gelen t\u0131rnak i\u015faretleri i\u00e7erisindeki metin yaln\u0131zca resim y\u00fcklenemezse g\u00f6sterilecektir.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Tablolar_olusturmak\"><\/span>Tablolar olu\u015fturmak<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Bilgileri d\u00fczene sokmak bazen tasar\u0131m a\u00e7\u0131s\u0131ndan bazen de fonksiyonellik a\u00e7\u0131s\u0131ndan gereklidir. HTML\u2019de bunu &lt;table&gt; etiketini kullanarak tablolar ile yapabilirsiniz. Tabloda ba\u015fl\u0131k sat\u0131r\u0131 belirlemek i\u00e7in\u00a0<code>&lt;th&gt;<\/code>\u00a0(table header) etiketini ve sat\u0131rlar\u0131 belirlemek i\u00e7in de\u00a0<code>&lt;tr&gt;<\/code>\u00a0(table row) etiketini ve son olarak da verileri belirlemek i\u00e7in\u00a0<code>&lt;td&gt;<\/code>\u00a0table data etiketini kullanabilirsiniz.<\/p>\n<pre class=\"theme:xcode lang:default decode:true \">&lt;table&gt;&lt;tr&gt;&lt;th&gt;My Header 1&lt;\/th&gt;&lt;th&gt;My Header 2&lt;\/th&gt;&lt;th&gt;My Header 3&lt;\/th&gt;&lt;\/tr&gt;&lt;tr&gt;&lt;td&gt;Data 1 for header 1&lt;\/td&gt;&lt;td&gt;Data 1 for header 2&lt;\/td&gt;&lt;td&gt;Data 1 for header 3&lt;\/td&gt;&lt;\/tr&gt;&lt;tr&gt;&lt;td&gt;Data 2 for header 1&lt;\/td&gt;&lt;td&gt;Data 2 for header 2&lt;\/td&gt;&lt;td&gt;Data 2 for header 3&lt;\/td&gt;&lt;\/tr&gt;&lt;tr&gt;&lt;td&gt;Data 3 for header 1&lt;\/td&gt;&lt;td&gt;Data 3 for header 2&lt;\/td&gt;&lt;td&gt;Data 3 for header 3&lt;\/td&gt;&lt;\/tr&gt;&lt;\/table&gt;<\/pre>\n<p>Yukar\u0131daki kodu uygulad\u0131ktan sonra web siteniz \u015fu \u015fekilde g\u00f6r\u00fcnmelidir:<\/p>\n<p>HTML ve CSS ile \u00e7al\u0131\u015f\u0131rken, web sitenizi estetik olarak daha g\u00f6ze uygun hale getirmek i\u00e7in se\u00e7enekler sonsuzdur. Web sitenizi s\u0131f\u0131rdan kurarken size yard\u0131mc\u0131 olabilecek baz\u0131 temel kavramlara de\u011findik. \u0130nternet, \u00f6\u011frenmenize ve kod yazman\u0131za yard\u0131mc\u0131 olacak bir y\u0131\u011f\u0131n m\u00fckemmel rehberlerle ve etkile\u015fimli ara\u00e7larla doludur:<\/p>\n<ul>\n<li><a href=\"https:\/\/codecademy.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">codeacademy.com<\/a><\/li>\n<li><a href=\"https:\/\/www.udemy.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">udemy.com<\/a><\/li>\n<li><a href=\"https:\/\/www.codeschool.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">codeschool.com<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" rel=\"nofollow external noopener noreferrer\" data-wpel-link=\"external\">w3schools.com<\/a><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Sonuc\"><\/span>Sonu\u00e7<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Bu rehberde yeni ba\u015flayanlara web sitesi kurucusu nas\u0131l kullan\u0131l\u0131r, WordPress ile\u00a0web sitesi nas\u0131l yap\u0131l\u0131r ve hatta s\u0131f\u0131rdan site nas\u0131l kodlan\u0131r g\u00f6sterdik. Web sitenizi kurmak i\u00e7in hangi yolu se\u00e7mi\u015f olursan\u0131z olun, do\u011fru yolu se\u00e7mi\u015f oldu\u011funuzu umut eder ve sitenizi yay\u0131nlarken bol \u015fans dileriz.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dijital kimli\u011finizi yap\u0131land\u0131rman\u0131n ilk ad\u0131mdan biri site kurulumudur. Web sitesi geli\u015ftirilmesi alan\u0131ndaki geli\u015fmeler sayesinde bug\u00fcn \u201cWeb sitesi nas\u0131l yap\u0131l\u0131r?\u201d sorusunun bir\u00e7ok cevab\u0131 bulunuyor. \u0130\u00e7erik y\u00f6netimi sistemi kullanabiliriz, web sitesi kurucusu kullanabiliriz veya eski y\u00f6ntemleri tercih edip s\u0131f\u0131rdan site kurulumu yapabiliriz. Bu rehberde t\u00fcm bu y\u00f6ntemlerden bahsedece\u011fiz ve size web sitesi nas\u0131l yap\u0131l\u0131r g\u00f6sterece\u011fiz. E\u011fer daha &hellip;<\/p>\n","protected":false},"author":1,"featured_media":1485,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-4863","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-haberler"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts\/4863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/comments?post=4863"}],"version-history":[{"count":0,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/posts\/4863\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/media\/1485"}],"wp:attachment":[{"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/media?parent=4863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/categories?post=4863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sunucucozumleri.com\/blog\/wp-json\/wp\/v2\/tags?post=4863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}