Wordpress otomatik güncellemeyi devre dışı bırak. WordPress'te otomatik güncellemeler nasıl kurulur? Otomatik güncelleme özelliğini devre dışı bırakma

Wordpress otomatik güncellemeyi devre dışı bırak.  WordPress'te otomatik güncellemeler nasıl kurulur?  Otomatik güncelleme özelliğini devre dışı bırakma
Wordpress otomatik güncellemeyi devre dışı bırak. WordPress'te otomatik güncellemeler nasıl kurulur? Otomatik güncelleme özelliğini devre dışı bırakma

Bu yazıda, özü olan bir jQuery eklentisi oluşturmaya bakacağız. seçim öğesini güzel bir şekilde tasarlanmış sırasız listeyle (ul) değiştirmek.

jQuery kodunu etkili bir şekilde düzenlemenin en önemli yollarından biri, onun parçalarını eklentilere dönüştürmektir. Bu tür dönüşümlerin bir dizi avantajı vardır: kodun değiştirilmesi ve bakımı daha kolay hale gelir, tekrarlanan görevlerin yönetimi basitleştirilir. Eklentinin organizasyonu kodun yeniden kullanımını teşvik ettiğinden geliştirme hızını da artırır.

Bu nedenle, bugün kodu bir eklentiye dönüştürme sürecini göstereceğiz. Bu jQuery & CSS3 eğitimindeki kodu alıp seçme öğesini değiştirip kullanıma hazır bir jQuery eklentisine dönüştüreceğiz.

ana fikir

Bir jQuery eklentisi yazmak hiç de zor değil. Bunu yapmak için, $.fn nesnesini kendi nesnenizle genişletmeniz gerekir. kendi işlevi. Eklentinin kolayca eklenebilmesi ve kullanılabilmesi için (bağımlılıklar olmadan) kodunuzu düzgün bir şekilde yapılandırmak çok daha zordur.

Manuel kodu bir jQuery eklentisine dönüştürürken çözmemiz gereken birkaç sorun şunlardır:


1. Kullanıcının açılır liste için hangi işaretlemenin oluşturulacağına karar vermesine izin verilmelidir. Örneğin, manuel kod, aşağıdakileri içeren veri özniteliklerinin varlığına büyük ölçüde bağımlıdır: HTML işaretlemesi. Bu, bir eklentiye eklenemeyecek kadar özeldir, dolayısıyla bu uygulama hariç tutulmalıdır.

2. Eklentinin çağrılma şekli nedeniyle, sabit kodlu bir seçici yerine eklentiye iletilen this nesnesini kullanmak için kodun yeniden yazılması gerekir. Ayrıca, aynı anda yalnızca bir değil, birden çok seçim öğesini dönüştürmenize olanak tanır;

3. JavaScript ve CSS kodu yerleştirilmelidir farklı dosyalar bağlamayı ve düzenlemeyi kolaylaştırmak için.

kod

Eğitimden hatırladığınız gibi, jQuery kodumuz, select etiketinin seçenek öğelerini tarar ve sırasız bir liste oluşturur. Aynı zamanda, liste öğelerinde kullanılacak görüntünün ve açıklamanın URL'sini içeren seçenek etiketlerinde bir dizi veri özniteliği de arar.

Bu çok eklentiye özel. Kullanıcılara bu işlevi yeniden yazma fırsatı verilmelidir. Bu sorunu çözmek için, kullanıcıların bir işlevi, işaretlemeyi oluşturacak olan eklentiye bir parametre olarak iletmelerine izin verebilirsiniz. Böyle bir parametre iletilmezse, basitçe seçenek öğesinin metnini alan ve onu bir liste öğesine dönüştüren varsayılanı kullanacağız.

Yukarıdakileri koda dönüştürelim:

  • ",( html: options.text() )); ), className: "" ),options); // Buraya daha fazla kod eklenecektir. ) )(jQuery);

    Oluşturma işlevi, bir seçenek öğesi (seçimde olan) alır ve eklenti tarafından açılır listeye bağlanan bir li öğesi döndürür. Bu, yukarıda açıklanan 1 numaralı sorunu çözer.

    2. soruna geçmeden önce, eklentinin nasıl adlandırılacağına bakalım:

    $(document).ready(function()( $("seç").tzSelect(); ));

    Yukarıdaki kodda, eklentinin her bir seçim öğesine uygulandığını görebilirsiniz. Bu öğelere, eklentiye iletilen this nesnesi kullanılarak erişilebilir.

    Bunu döndür.each(işlev()( // anahtar kelime"bu" geçerli seçim öğesidir var select = $(this); // selectBoxContainer - ul için blok sarıcı var selectBoxContainer = $("

      ",(className:"dropDown")); var selectBox = selectBoxContainer.find(".selectBox"); // Orijinal seçim etiketinin seçenek etiketleri arasında döngü if(options.className)( dropDown.addClass(options.className) ); ) select.find("seçenek").each(function(i)( var seçenek = $(bu); if(i==select.attr("selectedIndex"))( selectBox.html(option.text( )); ) // jQuery 1.4.3'e sahip olduğumuz için // HTML5 data niteliğine data()) yöntemini kullanarak erişebilirsiniz if(option.data("skip"))( return true; ) // açılır liste, HTML5 özelliklerine göre // data-icon ve data-html-text var li = options.render(option); li.click(function()( selectBox.html(option.text()); dropDown .trigger("gizle" ); // Tıklandığında, değişiklikleri orijinal öğeye yansıt .append(dropDown.hide() ); select.hide().after(selectBoxContainer); // Show ve hide olaylarını bağla // dropDown açılır menüsüne: dropDown.bind("show",function()( if (dropDown.is(":animated") )( false döndür; ) selectBox.addClass("genişletilmiş"); dropDown.slideDown(); )).bind("hide",function()( if(dropDown.is(":animated"))( false döndür; ) selectBox.removeClass("genişletilmiş"); dropDown.slideUp(); )).bind( "toggle",function()( if(selectBox.hasClass("genişletilmiş"))( dropDown.trigger("hide"); ) else dropDown.trigger("göster"); )); selectBox.click(function()( dropDown.trigger("toggle"); false döndür; )); // Açılır liste açıkken // sayfanın herhangi bir yerinde tıklama olursa gizleyin: $(document).click(function()( dropDown.trigger("hide"); )); ));

      Yukarıda gösterilen snippet, bugün dönüştürmekte olduğumuz manuel kodla neredeyse aynı. Tek dikkate değer fark, $(this) öğesini seçme değişkenine (satır 5) atıyor olmamızdır; bu, eskiden $("select.makeMeFancy") (sabit kodlanmış bir seçici) idi ve bu da kodun kapsamını büyük ölçüde daralttı. .

      Diğer bir değişiklik ise, açılır listeyi (dropdown) doğrudan oluşturmak yerine, parametre (satır 51) olarak geçtiğimiz render işlevini çağırıyoruz.

      Hepsini bir araya getirerek tam bir sonuç elde ederiz. kaynak Eklenti:

      (function($)( $.fn.tzSelect = function(seçenekler)( options = $.extend(( render: function(seçenek)( return $("

    • ",( html: options.text() )); ), className: "" ),options); return this.each(function()( // "this" anahtar kelimesi geçerli seçim öğesidir var seç = $(bu) ); // selectBoxContainer - ul için sarıcı blok var selectBoxContainer = $("",(genişlik: select.outerWidth(), className: "tzSelect", html: "" )); // açılır menü - açılır menü var açılırAşağı = $ ("
        ",(className:"dropDown")); var selectBox = selectBoxContainer.find(".selectBox"); // Orijinal seçim etiketinin seçenek etiketleri arasında döngü if(options.className)( dropDown.addClass(options.className) ); ) select.find("seçenek").each(function(i)( var seçenek = $(bu); if(i==select.attr("selectedIndex"))( selectBox.html(option.text( )); ) // jQuery 1.4.3'e sahip olduğumuz için // HTML5 data niteliğine data()) yöntemini kullanarak erişebilirsiniz if(option.data("skip"))( return true; ) // açılır liste, HTML5 özelliklerine göre // data-icon ve data-html-text var li = options.render(option); li.click(function()( selectBox.html(option.text()); dropDown .trigger("gizle" ); // Tıklandığında, değişiklikleri orijinal öğeye yansıt .append(dropDown.hide() ); select.hide().after(selectBoxContainer); // Show ve hide olaylarını bağla // dropDown açılır menüsüne: dropDown.bind("show",function()( if (dropDown.is(":animated") )( false döndür; ) selectBox.addClass("genişletilmiş"); dropDown.slideDown(); )).bind("hide",function()( if(dropDown.is(":animated"))( false döndür; ) selectBox.removeClass("genişletilmiş"); dropDown.slideUp(); )).bind( "toggle",function()( if(selectBox.hasClass("genişletilmiş"))( dropDown.trigger("hide"); ) else dropDown.trigger("göster"); )); selectBox.click(function()( dropDown.trigger("toggle"); false döndür; )); // Açılır liste açıkken // sayfanın herhangi bir yerinde tıklama olursa gizleyin: $(document).click(function()( dropDown.trigger("hide"); )); )); ) )(jQuery);

        Bu eklentiyi yerleştirerek 3 numaralı sorunu çözüyoruz ayrı dosya. Ancak, daha önce de belirttiğim gibi, eklentiyi daha mobil uyumlu hale getirmek için data- niteliklerini içeren kodu kasıtlı olarak dahil etmedik. Bunu telafi etmek için eklentiyi çağırırken aşağıda görebileceğiniz gibi özel bir render işlevi geçirmeniz gerekiyor (bu kod demoda da kullanılıyor).

        $(document).ready(function()( $("select.makeMeFancy").tzSelect(( render: function(option)( return $("

      • ",(html: " "+ options.data("html-text")+"" )); ), className: "hasDetails" )); // varsayılan sürümü çağırın $("select.regularSelect").tzSelect(); ));

        Bu eklentiyi, tzSelect klasörünü kök dizininize bırakarak ve jquery.tzSelect.css ve jquery.tzSelect.js'yi HTML belgelerinize ekleyerek kullanabilirsiniz.

        Dikkat! Eklentinin daha fazla geliştirilmesi ve desteklenmesi, artık .

        Web geliştirmedeki en sinir bozucu (ve hatta korkunç diyebilirim) şeylerden biri, html formlarının düzenidir. Ne yazık ki, tarayıcıdan ve tarayıcıdan bağımsız olarak form öğelerini görüntülemek için tek bir standart yoktur. işletim sistemi, bu öğelerden bazılarını basamaklı stil sayfaları kullanarak keyfi olarak stillendirmek de mümkün değildir.

        Aşağıdaki html form öğelerinin stili tam olarak belirlenemez:

        • açılır liste ;
        • onay kutusu;
        • anahtar .
        • dosya yükleme alanı.

        Yazının başlığından da anlaşılacağı üzere burada sadece seçimlerden bahsedeceğiz.

        Açılır listeleri şekillendirmek için jQuery eklentileri biçiminde birçok hazır çözüm vardır. Ama ben (herhangi bir eklentinin bana şu ya da bu nedenle uymaması nedeniyle) kendi tekerleğimi icat etme yoluna gitmeye karar verdim ve bu makalede paylaştığım kendi eklentimi yazdım.

        hemen belirtmek isterim ki bu eklenti seçimlerin olası tüm kullanımları için uygun değildir (dezavantajları okuyun).

        Eklenti demosu

        Eklentimi kullanarak stil seçimlerinin bir örneğini görebilirsiniz. Tasarımlarını görsel kullanmadan yaptım.

        Avantajlar
        • JavaScript devre dışı bırakıldığında, standart seçimler görüntülenir.
        • Küçük betik boyutu, yaklaşık 4 kilobayt.
        • IE6+ ve tüm modern masaüstü tarayıcılarda çalışır.
        • Çıkış satır içi.
        • CSS ile stillendirmek kolaydır.
        • Açılır liste için maksimum yüksekliği belirlemenizi sağlar (maksimum yükseklik CSS özelliğini kullanarak).
        • Genişliği belirtilmemişse otomatik olarak ayarlar.
        • Fare tekerleği kaydırmayı destekler.
        • "Akıllı konumlandırma" özelliği vardır, örn. liste açıldığında sayfanın görünen kısmından öteye gitmez.
        • Sekme tuşuna basarak "yakalayabilir" ve klavyedeki oklarla geçiş yapabilir.
        • "devre dışı" özniteliğini destekler.
        • Ayrıca dinamik olarak eklenen/değiştirilen seçimlerle de çalışır.
        Kusurlar
        • Çoklu özniteliği desteklemiyor, örn. çoklu seçime izin vermez (çoklu seçim).
        • Liste öğelerinin (etiket) gruplandırılmasını desteklemez.
        • Liste fare tıklamasıyla genişletildiğinde klavye ok değiştirmeyi desteklemez.
        İndirmek

        Eklenti kullanılamıyor çünkü artık alakalı değil.

        jQuery SelectBox Styler Eklentisi

        Sürüm: 1.0.1 | İndirilenler: 11103 | Boyut: 7 Kb | Son Güncelleme: 07.10.2012

        Güncellemeler 22.09.2012 Komut dosyasını bir eklentiye dönüştürdüm (küçültülmüş bir sürüm dahil) ve ayrıca dinamik olarak seçim ekleme/değiştirme desteği ekledim. 10/07/2012 Etiketin onchange yöntemi kullanılırken komut dosyasının davranışı düzeltildi. Eklenti bağlantısı

        Sitede henüz jQuery etkinleştirilmemişse, etiketin önüne aşağıdaki satırı ekleyin:

        JQuery'den hemen sonra, komut dosyasını içeren dosyayı ekleyin:

        (işlev($) ( $(işlev() ( $("seç").selectbox(); )) )(jQuery)

        Yukarıdaki dosyalardan sonra etiketin önüne bu kodu yerleştirin.

        Seçimleri dinamik olarak değiştirirken yenileme tetikleyicisini çalıştırmanız gerekir, örneğin:

        (işlev($) ( $(işlev() ( $("düğme").click(işlev() ( $("seç").find("seçenek:nth-child(5)").attr("seçildi) ", true); $("select").trigger("refresh"); )) )) ))(jQuery)

        Eklenti çalıştırıldıktan sonra HTML kodu

        Yapısı şöyle görünür:

        -- Seçme --

        • -- Seçme --
        • Paragraf 1
        • 2. nokta
        • 3. nokta
        -- Seç -- Öğe 1 Öğe 2 Öğe 3

        Seçimi biçimlendirmek için kullanılan CSS sınıfları

        İle seçim yapmak için CSS kullanarak, aşağıdaki sınıfları kullanın:

        .seçim kutusutüm seçim için üst kapsayıcı
        .selectbox .selectdaraltılmış durumda seç
        .selectbox.odaklanmış .selectsekmeye basıldığında seçmeye odaklan
        .selectbox .select .text"sürgülü kapı" tekniği kullanılarak bir arka plan görüntüsü eklenmesi durumunda daraltılmış bir seçim için iç içe geçmiş etiket
        .selectbox .triggerdaraltılmış seçimin sağ tarafı (koşullu anahtar)
        .selectbox .trigger .okradyo düğmesi için iç içe geçmiş etiket (ok)
        .selectbox .dropdownaçılır sarmalayıcı
        .selectbox .dropdown ulaçılır liste
        .seçim kutusu liöğe seç (seçenek)
        .selectbox li.selectedseçili öğe seç
        .selectbox li.devre dışıdevre dışı (seçilemez) öğe seç
        Çözüm

        Pek çok farklı noktayı hesaba katmanız gerektiğinden, böyle bir komut dosyası oluşturmak oldukça zahmetli bir iştir. Umarım ciddi hatalar çıkmaz. Ama öyleyse, yorumlarda bana bildirin.

        Sayfa düzeniyle ciddi şekilde ilgilenen herkes, CSS'de seçim için stil seçeneklerinin son derece sınırlı olduğunu bilir. Ancak çoğu zaman, standart seçim tasarıma hiç uymaz, bu nedenle seçimi JavaScript aracılığıyla biçimlendirmeniz gerekir. Aslında bu yazıda siz ve ben JavaScript kullanarak kendi seçimimizi oluşturacağız.

        Tüm bunları yapmanıza izin veren jQuery için olanlar da dahil olmak üzere birçok hazır eklenti var. Ancak çok karmaşık bir şeye ihtiyacınız yoksa, saf JavaScript'te her şeyi sıfırdan kendiniz yapmak daha kolaydır.

        Öncelikle future select'imizin HTML yapısını oluşturalım:




        1. öğe
        Öğe 2
        Öğe 3



        1. öğe


        Öğe 2


        Öğe 3




        Gördüğünüz gibi burada bir seçim etiketi yok. Artık özel seçimimizi CSS ile istediğimiz gibi şekillendirebiliriz:

        Seçme(
        arka plan rengi: #0ee;
        sınır yarıçapı: 10px
        dolgu: 10px 0
        genişlik: 200 piksel
        }
        .p'yi seçin(
        imleç: işaretçi;
        kenar boşluğu: 0;
        dolgu: 5 piksel 20 piksel;
        }
        .seç p.etkin(
        arka plan rengi: #ee0;
        }

        Tabii ki, burada ne istersen yapabilirsin. Ve son olarak, dönmen gerekiyor dış görünüş seçme işlevine, yani birkaç öğeden yalnızca bir öğenin seçilmesi ve vurgulanmasının yanı sıra formla birlikte sonraki gönderim. Bunun için JavaScript kullanacağız:

        işlev seçimi(öğe) (
        var değer = element.getAttribute("veri değeri"); // Seçilen elemanın değerini oku
        var düğümler = element.parentNode.childNodes; // Diğer tüm öğeleri al
        için (var ben = 0; ben< nodes.length; i++) {
        /* Yabancıları filtrele metin öğeleri ve giriş */
        if (düğümler[i] HTMLParagraphElement örneği) (
        /* Bu sınıfı diğerlerinden silerek seçili öğeye aktif ekle */
        if (değer == düğümler[i].getAttribute("veri değeri")) düğümler[i].className = "aktif";
        düğümler[i].sınıfAdı = "";
        }
        }
        Document.getElementById("my_select").value = değer; // Gizli alanı seçilen değere ayarla
        }

        Seçim işlevinin uygulanmasındaki kilit nokta, seçimimizin değerinin yazıldığı gizli alandır. Bu da form gönderildiğinde gönderilecek olan değerdir.

        Bu kadar basit bir şekilde, JavaScript'te kesinlikle herhangi bir seçim stili yapılır. jQuery kullanıyorsanız, kod daha da basit olacaktır.

        Elbette, standart seçim daha fazla işlevselliğe sahiptir. Örneğin, tab'a tepki verir, ayrıca klavyedeki oklarla öğeler arasında yineleme yapabilirsiniz. Ancak tüm bunları gerekirse JavaScript'te de uygulayabilirsiniz.

        Ve son tavsiye. Kodda noscript etiketi kullanıldı ve bu bir tesadüf değildi. Herkes JavaScript'i etkinleştirmediğinden ve formun bu tür kullanıcılar için genel olarak çalışması için, en azından standart bir seçim görüntülemeniz gerekir. Ve JavaScript'i etkinleştiren herkes güzel seçimimizi görecek.

        Soldatov Nikolay
        Seçileni şekillendirin Seçimi şekillendirin saf CSSüçüncü taraf kitaplıkları veya JavaScript kodu kullanılmadan. Ve ayrıca bir bonus: JavaScript ve jQuery ile bir seçim seçeneğinin nasıl stillendirileceğine bakın

        Yapı standart olacak

        Fil Hippo Zürafa

        Görüntülenen satırın seçimde bir olması için size niteliğini 1 değeriyle kullanırız.

        Seçimimiz için stil

        -webkit-görünüm: yok; -moz-görünüm: yok; -ms-görünüm: yok; görünüm: yok; arka plan : url ("yol/img.png" ) tekrarsız sağ merkez ; anahat: 0;

        biz alırız

        Fil Hippo Zürafa

        Yukarıdaki örnekte, özelliğin tüm tarayıcılarda aynı şekilde çalışması için, view özelliğinin satıcı önekleriyle birlikte dört satırlık cc'lerini yazdık. Bu özellik nedir aşağıda okuyun.

        Tüm zorluk, yalnızca arka planı uyguladığımız yerine dikdörtgendeki standart oku değiştirmekti. Böylece herhangi bir resim ekleyebilirsiniz. Sadece background-size özelliğini kullanarak boyutu ayarlamanız gerekir.

        Görünüm CSS'si

        css3 görünüm özelliği görevimizin uygulanmasına yardımcı oldu.

        Bu özellik, bir öğenin görünümünü şu şekilde değiştirmenize olanak tanır: düğme, onay kutusu, radyo, alan, simge ve daha fazlası. Bizim durumumuzda, hiçbirini kullanarak öğeyi tamamen gizledik ve arka planı kullanarak bir görüntü ekledik.

        Seçenek stilini seçin

        Seçim seçeneğini biçimlendirmek için JavaScript'e ihtiyacımız var

        HTML'yi seçin JavaScript PHP .select (ekran : blok ; maksimum genişlik : 215 piksel ; genişlik : %100 ; konum : göreli ; ) .new-select ( kenarlık : 1 piksel katı #ced4da ; dolgu : 10 piksel 15 piksel ; imleç : işaretçi ; konum : göreceli;) .new-select__list (kenarlık: 1px katı #ced4da; imleç: işaretçi; konum: mutlak; üst: 45px; sol: 0; genişlik: %100;) .new-select__list.on (ekran: blok;). new-select__item span ( display : blok ; dolgu : 10px 15px ; ) .new-select__item span :hover ( color : #12b223 ; ) .new-select :after ( içerik : "" ; display : blok ; genişlik : 25px ; yükseklik : 25 piksel ; konum : mutlak ; sağ : 9 piksel ; üst : 9 piksel ; arka plan : url("resme giden yol") tekrarsız sağ merkez / kapak ; opaklık : 0,6 ; -webkit-geçiş : tümü .27'ler kolay giriş -out ; -o-transition : tüm .27'ler kolay giriş ; geçiş : tüm .27'ler kolay giriş ; -webkit-transform : rotate(0deg ); -ms-transform: döndürme(0deg); -o-dönüşüm: döndürme (0 derece); transform : döndürme(0 derece); ) .new-select.on :after ( -webkit-transform : döndürme (180 derece); -ms-transform : döndürme (180 derece); -o-transform : döndürme (180 derece); transform : döndürme (180 derece); )

        jQuery, JavaScript kodundan önce eklenmelidir

        $(".seç"). her biri (işlev () ( const _this = $ (this ), selectOption = _this .find ("seçenek")), selectOptionLength = selectOption .uzunluk , selectedOption = selectOption .filtre (" :selected " ), süre = 450 ; // süre animasyonlar _this .hide(); _this .wrap (" " ); $ (" " , ( class : " new-select " , text : _this .children (" seçenek:disabled " ).text() ))) insertAfter ( _this ); const selectHead = _this .next(" .new-select " ); $(" " , ( class : "new-select__list " )).insertAfter(selectHead ); const selectList = selectHead .next(" .new- select__list" ); için (i = 1 olsun; i< selectOptionLength ; i ++ ) { $ (" " , { class : " new-select__item " , html : $ (" " , { text : selectOption . eq (i ). text () }) }) . attr (" data-value ", Seçenek'i seçin. eq(i). val()). appendTo(seçilen Liste); ) const SelectItem = SelectList . bulmak(" .new-select__item " ); selectList . slideUp (0 ); selectHead . on (" click " , function () { if ( ! $ (this ). hasClass (" on " ) ) { $ (this ). addClass (" on " ); selectList . slideDown (duration ); selectItem . on (" click " , function () { let chooseItem = $ (this ). data (" value " ); $ (" select " ). val (chooseItem ). attr (" selected " , " selected " ); selectHead . text ( $ (this ). find (" span " ). text () ); selectList . slideUp (duration ); selectHead . removeClass (" on " ); }); } else { $ (this ). removeClass (" on " ); selectList . slideUp (duration ); } }); });

        Ekim 2013'te yayınlanan WordPress 3.7'nin piyasaya sürülmesi, bazılarının ilgisini çeken ve bazılarının tamamen gereksiz olduğu özelliklere erişmemizi sağladı. Gündemde, WordPress çekirdeğinin küçük sürümlerinin otomatik olarak güncellenmesi var. Yeni bir küçük sürümle (örneğin sürüm 3.9.1), WordPress artık sistemin çekirdeğini otomatik olarak güncelleyebilir - çoğu WordPress kullanıcısı için harika bir haber, ancak ortaya çıktığı gibi, herkes için değil.

        neden devre dışı bırak otomatik güncellemeler?

        Özel bir sunucu kullanıyorsanız, sunucunuz muhtemelen güncellemeleri sizin için yapıyordur. Bir güncellemeyi dağıtmadan önce, ortamlarının şu özelliklere sahip olduğundan emin olmaları gerekir: yeni bir versiyon kararlı çalışır (bir şeyin yanlış çalışma olasılığı son derece düşüktür, ancak yine de önceden test etmek daha iyidir - bu güncellemeleri kullanmaya başlamadan önce, özellikle de Konuşuyoruz genellikle ayrılmış sunucuların kullanıldığı büyük siteler hakkında).

        Ayrılmış bir sunucu dışında bir şey kullanıyorsanız, yazılımınızı güncel tutmaktan muhtemelen siz sorumlusunuz ve bu nedenle otomatik güncellemelerin nasıl çalıştığı üzerinde daha fazla kontrole sahip olursunuz.

        Çok sayıda eklenti veya özel bir tema kullanıyorsanız, eklenti geliştiricileri uzantılarının yeni sürümle iyi çalıştığından emin olana kadar WP sürümünüzü güncellememeyi düşünebilirsiniz.

        Sitenizdeki otomatik güncelleme özelliğini kapatmak için iyi bir nedeninizin olduğu durumlardan birinde olabilirsiniz. Peki bu nasıl yapılabilir? Bu numarayı yapmanın iki yolu vardır:

        • bir eklenti ile
        • Bir kod parçası ekleyin

        Eklentinin kullanımı bize en çok göründüğü için basit bir şekilde hedefine ulaş, ondan başlayalım.
        Not: Git, Subversion, Mercurial veya Bazaar gibi bir sürüm kontrol sistemi kullanıyorsanız, bu özellik WordPress'te otomatik olarak devre dışı bırakılacaktır, bu yüzden endişelenmenize gerek yok.

        Ve işte bunun için eklenti

        WordPress deposunda, Gelişmiş Otomatik Güncellemeler adlı bir eklenti bulacaksınız. Kurulduktan sonra, eklentinin ayarlar sayfasına gidin; burada çekirdek, eklentiler ve temaların ana sürümleri ve özelliğin geliştirildiği varsayılan küçük sürümler dahil olmak üzere istenmeyen otomatik güncellemeleri devre dışı bırakabilirsiniz.

        Ek bir bonus olarak, WordPress'in otomatik olarak site yöneticisine gönderdiği otomatik bildirimleri kapatabilir veya yönetici e-posta adresini kendi e-posta adresinizle yeniden yazabilirsiniz.

        Not: Tema güncelleme özelliği, yalnızca resmi WordPress deposundan indirildiğinde çalışacaktır.

        Tema mağazası veya tasarım sitesi gibi başka bir kaynaktan indirilen ücretli veya premium bir tema kullanıyorsanız, yeni bir sürüm çıktığında şablonu kendiniz güncellemeniz gerekecektir.
        Herhangi bir şeyi güncellemeden önce her zaman bir yedekleme yapmayı unutmayın. Ancak bu kural, aşağıda açıklanan kod işlemlerini gerçekleştirdiğinizde de geçerlidir.

        Otomatik güncelleme özelliğini devre dışı bırakma

        Yüklemek istemezseniz ne olur? ekstra eklenti sitenize mi? Çünkü Kullanıcı arayüzü WordPress'in bu işlevi devre dışı bırakacak herhangi bir anahtarı yoktur, bu nedenle kolları sıvayıp kodu incelemeniz gerekir. İnan bana, o kadar da zor değil. Tek yapmanız gereken bu kod parçasını wp-config.php dosyanıza eklemek:

        Bu kodu ve daha sonra bakacağımız diğer kod parçalarını wp-config.php'de bunun hemen üstüne yerleştirmenizi öneririm:

        /* Hepsi bu kadar, düzenlemeyi bırakın! Mutlu bloglamalar */

        (Burada bir öneri var - hızlı ve kolay bir kural: wp-config'in tüm özel sürümlerimi burada tutmayı seviyorum, böylece onları kolayca bulabilirim. Ancak onları nerede tutacağınız size kalmış.)

        Büyük sürümler için güncellemeleri etkinleştir

        Hem ana hem de küçük sürümler için temel güncellemeleri etkinleştirmek istiyorsanız, bu kod satırını wp-config.php dosyanıza ekleyin:

        /* hem küçük hem de büyük WordPress otomatik temel güncellemelerini aç*/ define("WP_AUTO_UPDATE_CORE", true);

        Eklenti ve tema güncellemeleri

        WordPress deposundan indirilen temalarınızın ve eklentilerinizin otomatik olarak güncellenmesini istiyorsanız, bunun kodu az önce kullandığımıza çok benzer, ancak bu sefer güncellemeleri etkinleştirmek için bir filtreye de ihtiyacınız var (Yukarıdaki notu okuyun, bu konudan bahsediyor) otomatik güncellemeler ve depo arasındaki ilişki).

        Eklentileri otomatik olarak güncellemek için şu kodu kullanın: add_filter("auto_update_plugin", "__return_true");

        Aynısını temalar için yapmak için bu kodu kullanın.

        Add_filter("auto_update_theme", "__return_true");

        Tüm güncellemeleri devre dışı bırak

        Diyelim ki sitenizin otomatik güncellemelere hiç ihtiyacı olmadığına karar verdiniz. Etki alanınızın (ve web sitenizin ve belki e-postanın... ama konumuz dışında) gurusu sizsiniz ve güncellemeleri tamamen kendi başınıza halletmeye karar verdiniz. Bunu şu şekilde yapabilirsiniz:

        /* Ben bu geminin kaptanıyım, kendi güncellemelerimi yapacağım teşekkürler*/ define (' AUTOMATIC_UPDATER_DISABLED', true);

        Unutmayın millet, bu kod parçası her şeyi devre dışı bırakır ve etkinleştirmiş olabileceğiniz bazı seçeneklerin üzerine yazar, bu yüzden bu gücü akıllıca kullanın.

        Artık tüm bu kod parçaları elimizde olduğuna göre, bunları bir araya getirebiliriz. Örneğin, temel güncellemeleri devre dışı bırakabilirsiniz, ancak temaların ve eklentilerin otomatik güncellemelerin tüm avantajlarından yararlanmasına izin verebilirsiniz. Öyleyse, bu kodu ekleyerek çekirdek güncellemelerini devre dışı bırakarak başlayalım:

        /* WordPress otomatik güncellemelerini devre dışı bırak */ define("WP_AUTO_UPDATE_CORE", false);

        Ardından, tema ve eklenti güncellemelerini etkinleştirmek için kod ekleyin:

        Add_filter("auto_update_plugin", "__return_true"); add_filter("auto_update_theme", "__return_true");

        E-posta Bildirimleri

        Ve son bir numara - bir güncelleme tamamlandığında alacağınız e-posta bildirimlerini devre dışı bırakacağız. Bu sefer, kodu wp-config.php'ye eklemek yerine, onu aktif temanızın functions.php dosyasına koyacağız.

        /** * Temel güncellemeden sonra yöneticiye gönderilen otomatik oluşturulan e-postayı devre dışı bırakın */ Apply_filters("auto_core_update_send_email", false, $type, $core_update, $result);

        Ve bakın, nasıl girileceği konusunda tam bir kontrol sağladık. otomatik mod WordPress sitesinin çekirdeği, eklentileri ve temaları güncellenir. E-posta bildirimlerini de kapatabilirsiniz.