{"id":11719,"date":"2020-01-22T10:28:19","date_gmt":"2020-01-22T10:28:19","guid":{"rendered":"https:\/\/www.templatemonster.com\/tr\/blog\/?p=11719"},"modified":"2020-01-22T10:40:32","modified_gmt":"2020-01-22T10:40:32","slug":"wordpress-arka-plan-resimleri","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/tr\/wordpress-arka-plan-resimleri\/","title":{"rendered":"WordPress arka plan resimleri"},"content":{"rendered":"

Web sitenizi veya web sayfas\u0131 tasar\u0131m\u0131n\u0131z\u0131 geli\u015ftirmek i\u00e7in bir WordPress<\/a> arka plan resimleri yerle\u015ftirmenin h\u0131zl\u0131 ve kolay bir yolunu mu ar\u0131yorsunuz? Bu blog yaz\u0131s\u0131nda t\u00fcm yan\u0131tlar\u0131 bulabilirsiniz. WP arka plan resmi, web\u00a0sitenizin ayn\u0131 temaya dayanan di\u011fer web sitelerden \u00e7ok farkl\u0131 olmas\u0131na yard\u0131mc\u0131 olabilecek tasar\u0131m \u00f6\u011felerinden biridir. \u00dc\u00e7 farkl\u0131 y\u00f6ntemden birini kullanarak bir WordPress sayfas\u0131na nas\u0131l arka plan resmi ekleyebilece\u011fini \u00f6\u011frenmek istiyorsan\u0131z bu blog yaz\u0131s\u0131n\u0131 okumaya devam edin.<\/p>\n

\"\"<\/p>\n

WordPress arka plan resmi eklemek sizin i\u00e7in neden avantajl\u0131 olabilir?<\/h3>\n

Her \u015feyden \u00f6nce, arka plan resmi eklemenin sizin i\u00e7in neden yararl\u0131 olabilece\u011fini \u00f6\u011frenelim. WordPress'in web siteleri olu\u015fturmak i\u00e7in en pop\u00fcler i\u00e7erik y\u00f6netim sistemi oldu\u011fu genel olarak bilinen bir ger\u00e7ektir. CMS kullanan web sitelerinin % 61,9'u WordPress taraf\u0131ndan desteklenmektedir<\/a>. Ba\u015fka bir deyi\u015fle, mevcut web sitelerinin toplam say\u0131s\u0131n\u0131n% 35,2'si heyecan verici olan WP kullan\u0131larak olu\u015fturulmu\u015ftur.<\/p>\n

Tabii ki, bir web sitesi olu\u015fturman\u0131n en kolay yolu profesyonel bir haz\u0131r WordPress temas\u0131 kullanmakt\u0131r. \u00d6zel bir WordPress arka plan g\u00f6r\u00fcnt\u00fcs\u00fc yerle\u015ftirmesi, ayn\u0131 temay\u0131 kullanan web sitelerinden \u00f6ne \u00e7\u0131kman\u0131za yard\u0131mc\u0131 olur. Web siteniz markan\u0131z\u0131n benzersiz stilini temsil etmelidir.<\/p>\n

\"\"<\/a><\/p>\n

Ayr\u0131ca, her bir sayfaya benzersiz bir arka plan g\u00f6r\u00fcnt\u00fcs\u00fc ekledi\u011finizde web sitenize otantik bir stil kazand\u0131racaks\u0131n\u0131z. B\u00f6ylece, her \u00fcr\u00fcn\u00fcn, kategorinin veya hatta bir blog g\u00f6nderisinin i\u00e7eri\u011fini vurgulayacaks\u0131n\u0131z.<\/p>\n

WordPress'te \u00f6nerilen web sitesi arka plan resmi boyutu nedir?<\/h3>\n

Bu WordPress.com blog g\u00f6nderisi<\/a>ne g\u00f6re 1920 x 1080 piksel, WP arka plan g\u00f6r\u00fcnt\u00fcs\u00fc i\u00e7in en uygun boyuttur ve 16: 9 m\u00fckemmel bir oran'd\u0131r. Dosyan\u0131n boyutu m\u00fcmk\u00fcn oldu\u011funca k\u00fc\u00e7\u00fck olmal\u0131d\u0131r; ancak, PPI (in\u00e7 ba\u015f\u0131na d\u00fc\u015fen piksel veya DPI in\u00e7 ba\u015f\u0131na nokta say\u0131s\u0131) en az 72 olmal\u0131d\u0131r. Dosya boyutunu k\u00fc\u00e7\u00fck tutmak\u00a0neden \u00f6nemlidir? Web sayfan\u0131z\u0131n daha h\u0131zl\u0131 y\u00fcklenmesini garanti eder. Bu WordPress arka planlar\u0131 daha b\u00fcy\u00fck boyutlu g\u00f6r\u00fcnt\u00fcler y\u00fckleme i\u015flemini yava\u015flatabilir ve bu da sizi bir dizi soruna yol a\u00e7abilir:<\/p>\n

    \n
  1. Web sitenizdeki UX'i (kullan\u0131c\u0131 deneyimi) etkiler. \u0130nsanlar uzun s\u00fcre beklemek istemiyor. Web sayfan\u0131z\u0131n y\u00fcklenmesi iki saniyeden uzun s\u00fcrerse, muhtemelen potansiyel bir m\u00fc\u015fteriyi kaybedersiniz.<\/li>\n
  2. Google, sayfa y\u00fckleme h\u0131z\u0131n\u0131 s\u0131ralama fakt\u00f6rlerinden biridir. \u00a0Sizde rakiplerinizi geride b\u0131rakmak istiyorsan\u0131z, hem mobil hem de masa\u00fcst\u00fc web sitesi ziyaret\u00e7ileri i\u00e7in h\u0131zl\u0131 bir kullan\u0131c\u0131 deneyimi sunmaya odaklanmal\u0131s\u0131n\u0131z.<\/li>\n<\/ol>\n

    Harika haberlerimiz var. Google, web siteniz i\u00e7in daha iyi \u00e7evrimi\u00e7i performans sunman\u0131za yard\u0131mc\u0131 olacak PageSpeed \u200b\u200bInsights<\/a> adl\u0131 \u00fccretsiz bir geli\u015ftiricinin arac\u0131na sahiptir.<\/p>\n

    Y\u00fcksek kaliteli WordPress arka plan resimleri nerede bulunur?<\/h3>\n

    Neyse ki, \u00f6zel ama\u00e7lar\u0131n\u0131z i\u00e7in en alakal\u0131 g\u00f6r\u00fcnt\u00fcleri bulabilece\u011finiz ve kullan\u0131m\u0131n\u0131z i\u00e7in sat\u0131n alabilece\u011finiz \u00e7ok say\u0131da web sitesi vard\u0131r. Alternatif olarak, en iyi \u00fccretsiz WordPress arka plan g\u00f6r\u00fcnt\u00fclerinin listesine g\u00f6z atabilir ve \u00f6zel amac\u0131n\u0131z i\u00e7in en uygun olanlar\u0131 bulabilirsiniz.<\/p>\n

    Paralaks kayd\u0131rma efekti<\/h3>\n

    WordPress arka plan resimleri hakk\u0131nda size \u00e7ok \u015fey anlatt\u0131k. Ancak s\u0131radan bir arka plan g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc benzersiz ve ilgi \u00e7ekici tasar\u0131m \u00f6\u011felerine d\u00f6n\u00fc\u015ft\u00fcrebilen bir \u00f6zellik daha var. Bu \u00f6zelli\u011fe paralaks kayd\u0131rma efekti denir.<\/p>\n

    Paralaks kayd\u0131rma, bir web sitesinin mimarisinde bir web sayfas\u0131n\u0131n arka plan\u0131n\u0131n daha d\u00fc\u015f\u00fck bir h\u0131zda \u00f6n plana ta\u015f\u0131nmas\u0131 ve kayd\u0131rma s\u0131ras\u0131nda 3D efekti olu\u015fturmas\u0131d\u0131r. E\u011flenceli ve sofistike bir derinlik unsuru sa\u011flamak i\u00e7in kullan\u0131labilir, bu da ay\u0131rt edici ve ak\u0131lda kal\u0131c\u0131 bir web siteyi yapman\u0131za yard\u0131mc\u0131 eder.<\/p>\n

    Sabit ve paralaks efektli WordPress g\u00f6r\u00fcnt\u00fcleri aras\u0131ndaki fark nedir?<\/h3>\n

    Hem sabit hem de paralaks arka plan resimleri, web sitesi sayfalar\u0131n\u0131zda \u00e7arp\u0131c\u0131 foto\u011fraflar g\u00f6r\u00fcnt\u00fclemenize olanak tan\u0131r. Ancak bu iki se\u00e7enek aras\u0131ndaki fark nedir?<\/p>\n

    Sabit WordPress Arka Plan G\u00f6r\u00fcnt\u00fcs\u00fc<\/h3>\n

    Sabit bir arka plan g\u00f6r\u00fcnt\u00fcs\u00fc kulland\u0131\u011f\u0131n\u0131zda g\u00f6r\u00fcnt\u00fc sabit kal\u0131r, i\u00e7erik kayd\u0131rd\u0131k\u00e7a g\u00f6r\u00fcnt\u00fcn\u00fcn \u00fczerinde hareket etmeye devam eder.<\/p>\n

    Paralaks Arka Plan G\u00f6r\u00fcnt\u00fcs\u00fc<\/h3>\n

    Paralaks arka plan g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn yard\u0131m\u0131yla, sayfay\u0131 a\u015fa\u011f\u0131 kayd\u0131rd\u0131\u011f\u0131n\u0131zda g\u00f6r\u00fcnt\u00fc ve metin fakl\u0131 h\u0131zlarda haraket ederler.<\/p>\n

    \"\"<\/p>\n

    WordPress arka plan g\u00f6r\u00fcnt\u00fcs\u00fc manuel olarak nas\u0131l eklenir (ekran g\u00f6r\u00fcnt\u00fcleri ile ad\u0131m ad\u0131m)<\/h3>\n

    <\/h3>\n

    Y\u00f6ntem # 1: WordPress Tema Ayarlar\u0131 Yard\u0131m\u0131yla Arka Plan G\u00f6r\u00fcnt\u00fc Ekleyin<\/h3>\n

    Neredeyse her modern temas\u0131 \u00f6zel bir arka plan\u0131 desteklemektedir. Bu \u00f6zelli\u011fin yard\u0131m\u0131yla, birka\u00e7 t\u0131klamayla web sayfan\u0131z i\u00e7in bir arka plan resmi ayarlayabilirsiniz.<\/p>\n

    Se\u00e7ti\u011finiz tema bu \u00f6zelli\u011fi ile birlikte geliyorsa, bu y\u00f6ntemi se\u00e7in \u00e7\u00fcnk\u00fc\u00a0WordPress arka plan resminizi \u00f6zelle\u015ftirmenin en kolay yolu olabilir. WP teman\u0131z bu y\u00f6ntemi desteklemiyorsa, l\u00fctfen bu blog yaz\u0131s\u0131n\u0131n \u00a0bir sonraki paragrafa ge\u00e7in.<\/p>\n

      \n
    1. [G\u00f6r\u00fcn\u00fcm]<\/strong> sekmesine gidin, ard\u0131ndan WordPress y\u00f6netici panelinizde [\u00d6zelle\u015ftir]<\/strong> se\u00e7ene\u011fini se\u00e7in. Orada WP tema \u00f6zelle\u015ftirici ile \u00e7al\u0131\u015fabileceksiniz. Bu, tema ayarlar\u0131n\u0131z\u0131 gereksinimlerinize g\u00f6re ayarlayabilece\u011finiz bir yerdir.<\/li>\n<\/ol>\n

      \"\"<\/p>\n

      2. Ard\u0131ndan, [Arka plan resmi]<\/strong> se\u00e7ene\u011fini se\u00e7in. Bundan sonra, se\u00e7ilen web sayfas\u0131 i\u00e7in bir resim y\u00fckleyebilece\u011finiz kullan\u0131\u015fl\u0131 bir panel g\u00f6receksiniz. Alternatif olarak, WP medya kitapl\u0131\u011f\u0131n\u0131zdan bir foto\u011fraf da se\u00e7ebilirsiniz.<\/p>\n

      \"\"<\/p>\n

      3. Resim eklemeye devam etmek i\u00e7in [Resim Se\u00e7in]<\/strong> \u00fczerine t\u0131klay\u0131n. Bundan sonra, WP medya y\u00fckleyici a\u00e7\u0131l\u0131r penceresini g\u00f6receksiniz. Buras\u0131, bilgisayar\u0131n\u0131zdan veya diz\u00fcst\u00fc bilgisayar\u0131n\u0131zdan resim y\u00fckleyebilece\u011finiz bir yerdir. Ayr\u0131ca\u00a0daha \u00f6nce medya kitapl\u0131\u011f\u0131n\u0131za y\u00fckledi\u011finiz herhangi bir tanesini kullanabilirsiniz.<\/p>\n

      \"\"<\/p>\n

      4. Gerekli g\u00f6r\u00fcnt\u00fcy\u00fc y\u00fckledikten veya se\u00e7tikten sonra [Resim Se\u00e7]<\/strong> 'i t\u0131klay\u0131n.<\/p>\n

      5. WP arka plan resminiz i\u00e7in gerekli \u00f6zellikleri se\u00e7in. [\u00d6nayar]<\/strong> paneli WordPress arka plan resminizi g\u00f6r\u00fcnt\u00fclemek i\u00e7in size farkl\u0131 se\u00e7enekler sunar. G\u00f6r\u00fcnt\u00fcy\u00fc ihtiya\u00e7lar\u0131n\u0131za g\u00f6re konumland\u0131rmak i\u00e7in oklar\u0131 ve orta d\u00fc\u011fmeyi de kullanabilirsiniz.<\/p>\n

      6. \u0130\u015fi bitirmek i\u00e7in [Kaydet ve Yay\u0131nla]<\/strong> tu\u015funa bas\u0131n.<\/p>\n

      Y\u00f6ntem 2: Bir eklenti yard\u0131m\u0131yla wordpress arka plan g\u00f6r\u00fcnt\u00fcs\u00fc ekleyin<\/h3>\n

      Bu yolu daha rahat ve esnektir. Bu y\u00f6ntemin yard\u0131m\u0131yla, birden \u00e7ok WordPress arka plan g\u00f6r\u00fcnt\u00fcs\u00fc ayarlayabilirsiniz. Bu y\u00f6ntem herhangi bir tema ile uyumludur. Ayr\u0131ca, web sitenizin her sayfas\u0131 i\u00e7in farkl\u0131 resimler se\u00e7ebilecek ve her kategoriyi ve yaz\u0131 sayfas\u0131n\u0131 \u00f6zelle\u015ftirebileceksiniz.<\/p>\n

      Se\u00e7ilen g\u00f6r\u00fcnt\u00fcler i\u00e7in tam ekran se\u00e7ene\u011fini otomatik olarak ayarlar. Onlar\u0131 duyarl\u0131 yapar. Bu, arka plan g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn herhangi bir mobil veya tablet ekran\u0131na s\u0131\u011fmas\u0131 i\u00e7in otomatik olarak yeniden boyutland\u0131r\u0131laca\u011f\u0131 anlam\u0131na gelir. Web siteniz i\u00e7in daha iyi bir UX'e neden olacakt\u0131r.<\/p>\n

      Tam ekran WordPress arka plan resmi uygulamas\u0131<\/h3>\n
        \n
      1. Basit Tam Ekran Arka Plan G\u00f6r\u00fcnt\u00fcs\u00fc eklentisini y\u00fckleyin.<\/li>\n<\/ol>\n

        \"\"<\/p>\n

        2. \u015eimdi, WordPress panonuzdaki [Eklentiler]<\/strong> men\u00fcs\u00fcnde etkinle\u015ftirmeniz gerekiyor.<\/p>\n

        \"\"<\/p>\n

        3. Etkinle\u015ftirmeden sonra [G\u00f6r\u00fcn\u00fcm]<\/strong> sekmesine gidin ve men\u00fcden [Basit Tam Ekran Arka Plan G\u00f6r\u00fcnt\u00fcs\u00fc]<\/strong> 'n\u00fc se\u00e7in.<\/p>\n

        4. WP medya galerinizden bir foto\u011fraf se\u00e7in veya yeni bir tane y\u00fckleyin.<\/p>\n

        5. Tercih edilen g\u00f6r\u00fcnt\u00fc boyutunu ayarlay\u0131n.<\/p>\n

        \"\"<\/p>\n

        6. De\u011fi\u015fiklikleri kaydedin.<\/p>\n

        L\u00fctfen dikkat!<\/strong> [Global] se\u00e7ene\u011fine birden fazla g\u00f6r\u00fcnt\u00fc ayarlamay\u0131 se\u00e7erseniz, bunlar otomatik olarak bir kayd\u0131r\u0131c\u0131 g\u00f6sterisinde g\u00f6sterilecektir.<\/p>\n

        A\u015fa\u011f\u0131daki ekrana bir g\u00f6z at\u0131n. Zaman milisaniye olarak ayarlan\u0131r, bu nedenle arka plan g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fcn 15 saniye sonra kaybolmas\u0131n\u0131 istiyorsan\u0131z, ilgili alana 15000 girmelisiniz.<\/p>\n

        \"\"<\/p>\n

        Bireysel Sayfa \/ Blog G\u00f6nderi \/ Kategorisi i\u00e7in Arka Plan Resmi Ayarlamas\u0131<\/h3>\n

        Fark etmi\u015f olabilece\u011finiz gibi, a\u015fa\u011f\u0131daki eklenti tek bir blog yaz\u0131s\u0131, sayfas\u0131 veya kategorisi i\u00e7in arka plan resimleri eklemenize izin verir. Bunu yapmak i\u00e7in bu basit ad\u0131m\u0131 izleyin.<\/p>\n

          \n
        1. Arka plan resmini g\u00f6r\u00fcnt\u00fclemek istedi\u011finiz sayfay\u0131 veya yay\u0131n\u0131 \u00f6zelle\u015ftirmek i\u00e7in t\u0131klay\u0131n. D\u00fczenleme ekran\u0131nda, yay\u0131n d\u00fczenleyicisinin alt\u0131nda [Tam Ekran Arka Plan G\u00f6r\u00fcnt\u00fcs\u00fc]<\/strong> panelini g\u00f6receksiniz. Tercihleri ayarlamak i\u00e7in kullan\u0131n.<\/li>\n<\/ol>\n

          \"\"<\/p>\n

          Y\u00f6ntem 3. - WP Arka Plan G\u00f6r\u00fcnt\u00fcs\u00fc ayarlamak i\u00e7in \u00f6zel CSS ekleyin<\/h3>\n

          Bu y\u00f6nteminden yararlanmak i\u00e7in baz\u0131 CSS bilgisine sahip olman\u0131z gerekir. Ancak, sizin i\u00e7in bir \u00f6rnek olu\u015fturduk, b\u00f6ylece talimatlar\u0131m\u0131z\u0131 uygulayabilirsiniz. Rehberimizi takip edin ve her \u015fey kolayca kendiniz yap\u0131n.<\/p>\n

          WordPress CMS varsay\u0131lan olarak web sitenizin HTML \u00f6\u011felerine birka\u00e7 CSS s\u0131n\u0131f\u0131 uygular. Ancak, web sayfalar\u0131n\u0131z i\u00e7in farkl\u0131 arka plan foto\u011fraflar\u0131 kullanmak veya kategorileri ve yay\u0131n sayfalar\u0131n\u0131 \u00e7e\u015fitli resimlerle zenginle\u015ftirmek i\u00e7in kendi \u00f6zel Cascading Style Sheets ekleyebilirsiniz.<\/p>\n

          Diyelim ki blogunuzda veya web sitenizde bir [Elbiseler] kategoriniz var. Bu \u015fekilde, WP bu kategori birine g\u00f6sterildi\u011finde <body class = \"archive category category - dresses category-2<\/strong>\"> \u00a0kodu otomatik olarak ekler.<\/p>\n

          Body etiketine eklenen s\u0131n\u0131flar\u0131 tan\u0131mlamaya yard\u0131mc\u0131 olabilecek bir\u00e7ok inceleme arac\u0131 vard\u0131r. Bu belirli kategori sayfas\u0131 i\u00e7in bir arka plan foto\u011fraf\u0131 olu\u015fturmak i\u00e7in dress\u00a0veya 2 CSS kategorilerini kullanabilirsiniz.<\/p>\n

            \n
          1. Her \u015feyden \u00f6nce, istenen \u00f6zel WP arka plan resmini se\u00e7memiz gerekiyor. Ard\u0131ndan, kategorinizin ar\u015fiv sayfas\u0131na eklemeliyiz. Bu kategoriye Elbiseler denir.<\/li>\n<\/ol>\n

            \"\"<\/p>\n

            Medya kitapl\u0131\u011f\u0131n\u0131zdan bir foto\u011fraf se\u00e7ip URL'sini kopyalayabilirsiniz.<\/p>\n

            2. [G\u00f6r\u00fcn\u00fcm]<\/strong> sekmesine gidin, ard\u0131ndan [\u00d6zelle\u015ftir]<\/strong> 'e t\u0131klay\u0131n ve [Ek CSS]<\/strong> sekmesini se\u00e7in.<\/p>\n

            \"\"<\/p>\n

            3. \u00d6zel CSS'nizi ilgili alana yerle\u015ftirin ve kendi kategorinizi girerek varsay\u0131lan kategoriyi de\u011fi\u015ftirin. Resim URL'nizi eklemeyi unutmay\u0131n.<\/p>\n

            A\u015fa\u011f\u0131daki \u00f6rne\u011fe bir g\u00f6z at\u0131n:<\/p>\n

            url(\u201chttp:\/\/exampleyourwebsite.com\/hello\/wp-content\/uploads\/2020\/01\/background-image.jpg\u201d);<\/strong>
            \nbackground-position: center center;<\/strong>
            \nbackground-size: cover;<\/strong>
            \nbackground-repeat: no-repeat;background-attachment: fixed;<\/strong><\/p>\n

            }<\/strong><\/p>\n

            4. \u00d6zel CSS'nizi ekledikten sonra [Kaydet ve Yay\u0131nla] d\u00fc\u011fmesini t\u0131klay\u0131n.<\/p>\n

            \u0130\u015fte bu kadar.\u00a0\u015eimdi arka plan\u0131 canl\u0131 olarak g\u00f6rmek i\u00e7in kategori sayfas\u0131na g\u00f6z atabilirsiniz.<\/p>\n

            En iyi WordPress arka plan g\u00f6r\u00fcnt\u00fcs\u00fc temalar\u0131<\/h3>\n

            Daha \u00f6nce de belirtti\u011fimiz gibi, \u00f6zel bir arka plan \u00f6zelli\u011fini destekleyen bir tema kullan\u0131yorsan\u0131z WordPress arka plan resimleri eklemek \u00e7ok kolay olacakt\u0131r. \u0130\u015finizi kolayla\u015ft\u0131rmak\u00a0i\u00e7in, web'deki en pop\u00fcler arka plan resmi ve paralaks efekti WordPress temalar\u0131ndan be\u015fini se\u00e7tik.<\/p>\n

            Bunlardan herhangi birini kullanarak, web sitenizin herhangi bir sayfas\u0131 i\u00e7in kolayca farkl\u0131 g\u00f6r\u00fcnt\u00fcler ayarlayabilir ve \u00f6zelle\u015ftirebilirsiniz. Ayr\u0131ca, bu temalar\u0131n her biri, daha \u00f6nce hi\u00e7bir programlama veya web tasar\u0131m deneyimi olmayanlar i\u00e7in bile,\u00a0 basit ve e\u011flenceli bir web sitesi olu\u015fturma s\u00fcrecini yapan \u00e7ok \u00e7e\u015fitli di\u011fer ilgin\u00e7 ve kullan\u0131\u015fl\u0131 \u00f6zelliklere sahiptir.<\/p>\n

            \n

            Monstroid2 - \u00c7ok Ama\u00e7l\u0131 Mod\u00fcler Elementor WordPress Temas\u0131<\/h3>\n
            \n \"Monstroid2\n <\/div>\n
            \n
            \n