Hazır kod ekleyin. Kurulumun Kodunu Nereden Alınır?
Merhaba beyler!
Bugün, sitelerin genç yaratıcıları arasında asla alakalı olmayı bırakmayacak konuya dokunmaya karar verdim.
Siteleri oluşturduktan sonra her zaman bir ihtiyaç vardır. Ayarların bir kısmı, tasarım şablonu şablonunu ayarlayan dosyaları düzenleme yoluyla yapılır. Örneğin, yazıya benzeyen kodu eklemeniz gerekir. Ama nereye sokulur?
Çok sık yeni başlayanlar böyle sorular sorun. Ayrıca, çözümü temelde tam olarak aynı olan diğer anlar ve diğer benzer anlar. Ayrıca, gelecekteki makalelerinde, çoğu zaman çeşitli şablon konumlarındaki kodların yerleştirilmesine başvururuz. Bu nedenle, bu malzeme yolunda, hiç olmadığı kadar.
Bu yazıda, yalnızca herhangi bir kod eklemek için gereken WordPress şablonunuzda bir yer tanımladığınızı size göstereceğim. Ayrıca başkalarını da düşünün Önemli anlarbu sizi ilk aşamada heyecanlandırabilir.
En üstten başlayalım ve kolları ile kodlar eklemek isteyip istemediğiniz dosyaları düzenlemeniz gerekebilecek dosyaları göz önünde bulundurun, çünkü eklentilerin yardımıyla değil, çünkü böyle bir seçenek var. Hoşgeldilmiyorum, ama yine de en tembel için bu eklentileri aşağıdaki makalelerde tarif edeceğim.
En başında bir video dersi veriyorum, çünkü onsuz olarak belirtilen malzemeyi anlamak zor olacaktır. metin formatı altında.
Şimdi her şeyi metin biçiminde ayrıntılı olarak açıklayacağım.
Sayfaların her sayfasının çıktısından sorumlu dosyalar
Kodları (komut dosyaları) kullanarak bazı fonksiyonların uygulanması hakkında diğer bloglarda birçok makale okursanız, örneğin gibi cümleleri gördüğünüzden% 100 eminim:
Bu kodu, çıktından sorumlu olan dosyaya yerleştirin. ana Sayfa;
Bu kodu, girişleri ve diğerlerini görüntülemekten sorumlu dosyaya yerleştirin.
İçinde kod eklemeniz gerekebileceği dosyalar. Fakat bu dosyalar nelerdir? Her şey çok basit.
Ana sayfanın çıktısı index.php;
Çıkış girişleri - Single.php dosyası;
Sayfa çıkışı - page.php dosyası;
Arşiv ve Başlıkların Sonuçları - Archive.php;
Bodrumun çıkışı - footer.php;
Sayer Sayfa Çıkışı - Search.php;
Kenar Çubuğu Çıkışı - SideBar.php;
Stilleri dosyası - style.css;
Sayfa Çıktı Dosyası 404 - 404.php.
Şimdi kodu böyle bir dosyaya eklemeniz gerektiğini söyleyeceksiniz, nerede izleneceğinizi bileceksiniz.
Sadece soruyu cevaplamak için kalır, dosyaların her birinde istenen yeri nasıl belirlenir?
Kod eklemesinin yerini tanımlıyoruz
İlk önce, belirlenmesi gereken yerlerde yürüyeceğiz. Hepsi şablondan bağımsız olarak aynı olacaklar.
İlk yer, tüm şablonlar için aynıdır - Header.php dosyasındaki alan. Bu açılış ve kapanış etiketleri
.
Bu etiketler arasında, her zaman tüm site sayfaları için çalışması gereken bazı komut dosyaları vardır. Yani, sosyal düğmeler gibi bu etiketler arasına bir senaryo yerleştirildi ve sitenin tüm sayfalarında çalışıyorlar, burada yapacağımız yer.
Etiketler header.php dosyasının en üstünde yayınlanmaktadır.
Aralarında bulunan içerikler her şeyin şablonuna bağlı olduğu için farklılık gösterir.
Eğer eklemeniz gerektiği söylenirse bu kod Açma ve kapama başlığı etiketleri arasında, kodu kopyalayın, şablon dosyanızda benzer bir alanı arayın ve bu etiketleri ekleyin.
Tüm şablonlarla aynı zamanda aynı olan ikinci yer, bodrum çıktısından sorumlu olan dosyada - footer.php.
Komut dosyaları sadece etiketleri ekleyerek bağlanabilir.
Header.php dosyasında. Ayrıca bunları dosya footer.php üzerinden de yükleyebilirsiniz, böylece site sayfasını yüklemeyi hızlandırabilirsiniz.
Gerçek şu ki, sayfa yüklemeye başladığında, yukarıdan aşağıya doğru yüklenir. Tüm komut dosyaları sayfanın en üstünde ise, komut dosyalarını yüklemek için zaman alırken içeriğinin ekranı yavaşlayacaktır.
Görevimiz, sayfanın içeriğini, hem ziyaretçiler hem de mümkün olduğunca çabuk göstermektir. arama motorları. Bu durumda, önce sayfanın sonundaki komut dosyalarını, içeriği ilk göstermek ve sonra indirmek ve ardından her şeyi göstermek tavsiye edilir.
Böyle bir seçeneği uygulamak için, dosya footer.php dosyasını açmanız ve komut dosyasını vücut kapanış etiketinin önüne yerleştirmeniz gerekir. Sayfa alanının sonundan sorumlu olduğu için dosyanın içeriğinin sonundadır.
Gördüğünüz gibi, bu alanda getirdiğim tüm komut dosyaları, kapanış etiketinin önünde
(mavi bir çerçeve tahsis edilmiştir). Bu arada, onları dosyalardan indirerek ve bu alanda komut dosyalarını kendilerini yerleştirerek getirdim. Bundan sonra, blogun çalışmalarını önemli ölçüde hızlandırdım. Nasıl yapılır, ayrı bir makale olacaktır. Bekle!
Umarım bu alanlara kod eklediğinizde, her şeyi sorunsuzca yapacaksınız.
Daha zorlu bir soruna dönüşelim ve çeşitli diğer kodların eklendiği diğer şablon dosyalarındaki yerlerin nasıl tanımlanacağını öğrenmeye çalışalım. Kural olarak, bu tür kodlar şunlardır:
Çıktı benzer kayıtlar;
Abonelik formunun çıkışı;
Sosyal düğmelerin çıktısı vb.
Tüm bunlar, içeriğin ana kısmından sonra, bu, ürünün bitiminden sonra eklenir. Şablonun her farklı kodu ve bu nedenle, soruya evrensel bir cevap "Makale çıktı koduyla nereye bitirim?" basitçe hayır.
Ancak, kodun sonunu kolayca belirleyebilirsiniz, daha sonra ihtiyacınız olan işlevi uygulamanız gerekir. Kısmen bu method Seçim hakkındaki makalede zaten gösterdim Wordpress şablonu (). İnternet tarayıcısının standart özelliğini kullandım.
Bu yöntemin özünü daha iyi anlamak için, bu yazının başında videoyu izlemenizi şiddetle tavsiye ederim. İçinde, her şeyin gerçek zamanlı olarak ne kadar gerçekleştiğini gösterdim. Şimdi, nasıl anlayabileceğinizi açıklamaya çalışacağım.
Tarayıcı örneğini göster Google Chrome.. Diğer tarayıcılarda, bu özellik de mevcuttur, biraz farklı olabilir.
Google Chrome - Öğenin kodunu görüntüleyin;
Firefox - öğeyi keşfedin;
Opera - elemanı inceleyin.
3 tarayıcıdaki ilke benzer. Şimdi, çıktı konumunun herhangi bir şablonda nasıl belirlendiğini göstereceğim.
Öğe kodunun (Google Chrome) görüntüsüne gidin. Boş sayfaya sağ tıklayın.
Bundan sonra, panel sayfanın alt kısmında, kaynak Yapının nasıl düzenleyebileceğimiz ve izleyebileceğimiz sayfalar ve görünüm Gerçek zamanlı şablon. Ancak değişiklikler verileri kaydedilmedi. Bunu yapmak için, şablon dosyalarını kendileri düzenlemeniz gerekir.
Bu panel böyle görünüyor.
Ok, şablon yapısını kontrol edebileceğimiz ve şablonumuzun hangi blokları tıkadığını belirleyebileceğimiz bir büyüteç (büyüteç) gösterdim. Bu işlev denetçisini aradım.
Müfettişi tıkladıktan sonra sayfamızda sürebiliriz ve taşıdığımız tüm eşyaların renkli bir arka plan ile vurgulamaya başladığını göreceğiz. Örnekte, ekran görüntüsünü, şablonun seçimiyle ilgili makaleden göstereceğim. Orada kayıt başlığına getirdim.
Makalemizin geri çekilmesinden sonra kodu eklememiz gerekirse, şablonumuzun alanını incelemenin ve makalenin tüm içeriğini içeren bir blok bulmanın gerekli olduğunu tahmin etmek zor olmayacaktır. Bloğun sonu ve başlangıç \u200b\u200bgibi arama yapabilirsiniz. Yani, deseni ve aşağıdan inceleyebilirsiniz.
Ama burada bir açıklama
. Sadece içeriğin kendisinin olduğu bloklar, şablon dosyalarında makale olmadığı için sadece makale hatalarını bulmamız gerekiyor. İçeriği bozan tek kod var ve bloklara eklenir. Kapanış blok etiketinden sonra Ve kodu eklemeniz gerekecektir.
Peki ne yapıyoruz? Büyüteç simgesine basın ve makalemizin bulunduğu alanı incelemeye başlayın. Tüm makalenin alanı vurgulandığında sayfanın böyle bir bölümünü bulmak gerekir. Bu bir blok, çıktı içeriği olacaktır.
Örneğin, bu bloğun nasıl vurgulandığını göstermek için küçük bir içerikle yeni bir makale oluşturdum.
Ayrıca içeriğinizi içeren bir blok bulunmalısınız. Hover olduğunuzda, bu bloğun nasıl dendiğini gösteren küçük bir pop-up ipucu görürsünüz.
Şablonun bu bölümünü tıkladığınızda, fare düğmesine tıklayın ve bu kısım aktif hale gelir. Öğe kodu görüntüleme panelinde, kodun kodu otomatik olarak vurgulanır.
Gördüğünüz gibi, bu ünite, pop-up uçuşcu ucunda olduğu gibi aynı adı taşır.
Makalenin büyük kısmını görüntüleyen bloğun adını bildiğimizde, gidebiliriz. gerekli Dosya. Ve ihtiyacınız olan kodu bu bloktan sonra yerleştirin. Örneğin, bir yazma çıktı dosyası (Single.php) alın.
Not Defteri Düzenleyicisi'nde açtım ve kodda, öğe kodu görüntüleme panelinde olduğu gibi başlayan kodda bir çizgi arıyorum.
Not Defteri Düzenleyicisinde, çalışması çok uygundur, çünkü blok açma etiketine tıkladığınızda, vurgulanır ve kapanır (yukarıdaki resimde gösterilir). Kapanış etiketi bunun içeriğin içeriğinin sonu olduğunu söylüyor. Sosyal düğmelerinizi, kayıtları ve diğer işlevleri ortaya çıkarabilmemizden sonra.
Sosyal düğmeleri orada güncelleme üzerindeki abonelik formu ile birlikte koydum.
Sayfalarda da görüntülenir.
Benzer şekilde, bir ekleme ve diğer şablon dosyaları vardır (sayfalar, değerlendirme listeleri, arşivler ...).
Uygulamadan, bu ekleme yöntemi, metin ve görüntülere ustalaşması muhtemel değildir. Bu nedenle, al ve dene. Her şeyin işe yarayacağından eminim. Ayrıca, makalenin başında videoya yardım etmek için.
Şablon dosyasındaki bir yerin tanımı hakkında, daha sonra yapıldığında, ne zaman ortaya çıktığında girin.
Son an kaldıBu paragrafta bu şekilde kutsanacak.
Function.php şablon dosyasıyla girişim gerektiren birçok ayar var. Ancak kodları nasıl ekleyeceğinizi de anlamanız gerekir.
Kural olarak, kapanış etiketinden önce en kolay dosyayı üretmek için eklenmenin gerekli olduğu tüm bloglarda yazılmıştır.\u003e.
Ancak, bu etiket dosyada değilse nasıl olacağı? Burada, örneğin, aynı şeyi aynı. Böyle bir durumda nasıl olacağı? Kapanış etiketinin eksikliği, dosyanın yanlış olduğu anlamına gelmez. Blog çalışıyor. Yani her şey yolunda.
Bu durumda, ters şekilde gelmeyi öneririm - Kodun üzerine etiketin önündeki dosyanın başlangıcına girmeyi öneririm. Aşağıdaki resme bakın.
Açma etiketi kırmızı renkte vurgulanır ve eklenen mavi kod.
Bu bir seçenek. Ayrıca dosyanın sonuna, ancak son koddan önce kod ekleyebilirsiniz. Bu durumda, son kodun onu kırmalamamaya başladığı bir yerde bile anlamanız gerekir.
Bu kadar. Aniden funsctions.php dosyasında bir kapanış etiketinin bulunmaması ile aynı duruma sahipseniz, nasıl hareket edeceğinizi bileceksiniz.
Şablondaki dekorasyon stillerinin tanımı
Ayrıca, Sayfa öğeleri için tasarım stillerini görüntüleyebilir ve bunları değiştirebilir ve sizinkini ekleyebiliriz. Bu, elemanın aynı denetçisine yardımcı olur.
İstediğiniz öğeyi bulduğumuzda ve üzerine tıklayın, seçilen blok (öğe) için tasarım stilleri, kod görüntüleme panelinin sağ alanında görüntülenir. Yukarıda tartışılan makalenin aynı bloğu için stilleri göstereceğim.
Bu stilleri gerçek zamanlı olarak düzenlemek ve ne tür bir veya başka bir öğenin sahip olacağını görmek istiyorsak, bunları doğrudan bu panelde değiştirebilirsiniz. İstediğiniz stillerin değerlerini tıklayın ve değiştirin.
Ancak değişiklikler yalnızca 1. sayfa güncellemesine kadar geçerli olacaktır. Bu stilleri uygulamak için, onları şablon stil dosyasında yapmanız gerekir. Yukarıdaki resimlerden birinde, bu stillerin yazıldığı dosya adını gösteren ve başladıkları kesin satırı gösteren bir mavi çerçeve alanı gösterdim.
Bu nedenle, stil dosya stili.css'leri açarız ve davamda 890'u arıyoruz.
Burada onları düzenleyebilirsiniz. Dosyayı kaydedin ve barındırmaya indirin.
Bilgisayarımdaki tüm dosyaların düzenlenmesini yaptığımı unutmayın. Bu durumda kullanırım dış ProgramlarBazı perdelerin oluşumundaki herhangi bir değişikliği iptal etmeyi mümkün kılar. Aynısı, kodları ve komut dosyaları ile çeşitli deneyler için de geçerlidir.
Bilgisayarınızdaki herhangi bir dosyanın bu düzenlemesini de yapmanızı şiddetle tavsiye ederim. Bunu yapmak için, dosyaları bilgisayarınıza bilgisayarınıza indirmeniz, kullanmanız gerekir. ftp istemcisi. Bunun hakkında yazdım. Ve sonra sadece dosyaları sizin için uygun olan herhangi bir editörle açın, bu da onları açabilir. Bu amaçlar için not defteri kullanıyorum.
Bu makalede sona erdi. İşte bir tür kod veya komut dosyası eklemek için gereken yeri belirleme konusunda bir bilgelik sürecidir. İlk bakışta, bu prosedür karmaşık görünebilir. Ama her şey çok basit. Bu tür soruları birkaç kez sormaya çalışacaksınız ve herhangi bir soru sormayacaksınız.
Tabii ki, göz önünde bulunduracağım özel eklentiler kullanarak kodları ve komut dosyalarını blogunuza ekleyebilirsiniz. zorunlu Aşağıdaki makalelerde. Ancak, kullanımlarını önlemek için, bu tür eylemleri yapabilir ve onlarsız önerebilirim. Bununla, sitedeki aşırı yükten kurtulur, kendiniz söndürür ve ziyaretçilerinizi kullanmaya daha uygun hale getirirsiniz.
Tüm arkadaşlar. Bu amaçla. Yorumlarınızı sorularınızı bekliyorum. Her şeyde çözeceğiz. Yeni malzemelerde görüşürüz.
Saygılarımla, Konstantin Khmelev.
Siteye kod yerleştirileceği, HTML kodunu, sayaç kodunu, yan script kodunu, sanatçıda nasıl ekleneceği hakkında konuşalım. Programın kendisinde, kod iki yere eklenebilir, birincisi, "Metin" düğmesine tıklayarak altbilgiyi oluştururken ve Sayfanın ikincisi, dışa aktarma ayarlarını belirlerken, Açıklama sekmesini belirtir. Sonunda, bir şablon oluşturduktan sonra zaten eklemek için her şey daha uygundur.
Metre kodunu nasıl yerleştirilir
Sayaç kodu Sayfanın altına resimde belirtilen yerde ekleyebilirsiniz, bu en mantıklı yerdir. Şablonlarda Joomla sayacı kodu Şablon klasörünün index.php sayfasını açmayı ekleyebilirsiniz. Alt satırda bulun:
Ve ihtiyacınız olan komut dosyasını veya banner kodunu yerleştirin. NOT: TinyMSSE Editor'ın kullanıldığını lütfen, başka bir editör yüklediyseniz, kuruludaki HTML düğmesine sahip değilseniz, tinymse'ye geçmek gerekir.
Merhaba, sevgili okuyucular!
Sitedeki program kodu hakkında konuşalım. Genellikle, web yöneticisi bir veya daha fazla site sayfasına ihtiyaç duyar. WordPress, PHP, Java, HTML, CSS vb. Kullanmanızı sağlar. İki yolla kodlayın: Yürütülen komutlar, site motoru tarafından ve mevcut bir metin biçiminde yorumlanır ve kopyalanır. Bu yazıda, kodun nasıl yerleştirileceğine dair örnekleri düşünün. wordpress sayfasıBöylece ziyaretçiler için doğru ve güzel görüntülenir.
Metin biçiminde kod: neden gerekli
Wordpress'deki program kodunun çıktısına duyulan ihtiyaç yaygındır. Tıbbi, inşaat veya mutfak bloglarının sahiplerinin böyle bir soruyu olduğunu söylemek güvenlidir, ortaya çıkması pek mümkün değildir. Oluşturma ve web tasarımı ve programlama, uygulama geliştirme, vb. Bu konularda projelerin yazarlarını söyleyemezsiniz.
Bireysel kod satırlarını yayınlama ihtiyacı bazen, istenen parçanın siteye basit bir şekilde eklenmesi ile sınırlı değildir. "Güzelce yapmak" için eşlik eden bir arzu, kod sözdiziminin vurgulanması ve belirli bir uygulamada kullanılmasında durur. Sitedeki kodun arka aydınlatması, bunun gibi gelişmiş editörlerin kullanımına alışkın olan ziyaretçiler tarafından bunların algısını önemli ölçüde kolaylaştırabilir.
Kodu bir makaleye eklerseniz, WordPress yayınlanırken onu yorumlar ve bozulur. Bu nedenle, benzer bir veri türü her zaman işlenmelidir. Bu görevi çözebilirsin farklı yollar: WordPress editöründe yerleşik düğmeyi kullanarak ve farklı eklentiler kullanarak, manuel sayfadaki gerekli etiketleri reçete.
Eklenti olmadan bir makaleye kod eklenir
WordPress, bu görevi çözmeyi sunar. İçerik Yönetim Sisteminin bir parçası olan Site Yöneticisi'nin sahibi, aracıdır.
Blok, görsel düzenleyicide, bir ve birkaç satırdan oluşan bir blok, metin moduna geçerken WordPress, etiketteki tüm karakterleri değiştirir.< и > Semboller <
ve >
CMS'nin "olduğu gibi" sayfada belirli bir kod parçasının görüntülenmesi gerektiğini göstermek için metin düzeltici WordPress tahsis edilmeli ve "sarma" etiketi Araç çubuğundaki düğmeyi kullanın:
Sayfaya bak, böyle olacak:
İsim 1.
İsim 2.
Değer 1.
Anlamı 2.
Kodu Belirtilen Kibirli Kibirli Kibirli Kibe ile birlikte eklemek için, görsel içerik düzenleyicisinden metne giderseniz, HTML etiketini kullanabilirsiniz.
Girintileri oluşturmaya hizmet eden tüm ek boşlukları korumak. İçerik Elemanları
VE Varsayılan tarayıcılar monosine yazı tipi tarafından görüntülenir.
Wordpress'te bir etiketle eklentiler olmadan sayfadaki HTML kodunu nasıl yerleştirin?
İsim 1.
İsim 2.
Değer 1.
Anlamı 2.
Etiketlemek
Evrensel özellikler, özellikle de öznitelik stil.öğeyi belirlemek için kullanılır cSS'yi kullanma.. Aşağıdaki örnek, öznitelik değerlerinin nasıl olduğunu göstermektedir. stil. Görüntülenen metnin rengi ayarlanır, blok arka planın rengi, kalınlık, renk ve blok sınırlarının bloğunun yarıçapı:
Öznitelikleri kullanarak sayfada görüntülenen blokları biçimlendirme olanakları oldukça geniştir, ancak sınırsız değildir. Tartışılan etiketlerin kullanımı, sayfaya tek dizeler veya küçük kodlar eklendiğinde gerekçelendirilir. Bu durumda güzel tasarım hakkında konuşmanıza gerek yoktur, ekleme sonucu son derece minimalize edilecektir, ancak çoğu yeterlidir.
Sözdiziminin vurgulanmasını uygulamanıza olanak sağlayan karmaşık biçimlendirme - aşağıda tartışılacak eklentilerin çalışmasının sonucu.
WordPress için kod eklentileri
Herhangi bir kodu (PHP, Java, HTML, CSS) güzelce çıktınızı (PHP, Java, HTML, CSS) sunmanıza izin veren resmi Wordpress deposundan birkaç eklenti seçimi sunuyoruz.
SözdizimiHighlighter gelişti
Kodu WordPress, Advanced ve Güçlü olarak eklemek için ortak eklenti, mevcut yedi atamadan birini uygulayabileceğiniz ayarlar sayfasında ve gerekirse, satır ve araç çubuğunun numaralandırılmasını seçin, Klipli URL'yi katlayın. Kod alanı, uzun dizeler vb. Otomatik aktarımı ayarlayın. Hemen çıktının görsel bir önizlemesi var, kullanılan niteliklerin kod çözülmesi var.
Eklentide SözdizimiHighlighter gelişti İhtiyacı olan her şey sağlanmıştır. Kodu WordPress Balcento'nun içine yerleştirin, bunun için etiketi ayarları işlemek için eklentiyi çözmeniz gerekir.
Veya uygun karakterleri kullanın:
Örnek Örnek Örnek
Wp-sözdizimi
Başka bir eklenti, uzun zamandır Webmasters'tan haklı olarak kullanılmış olarak kullanılır. Halen, resmi depo istatistikleri 10 bin'den fazla aktif ayar gösteriyor. Ne yazık ki, eklenti bir yıl boyunca güncellenmedi, ancak belirtilen işlevleri yönetmeye devam ediyor.
Wp-sözdizimi hayır kendi sayfası Ayarlar. Bu Wordpress eklentisi, kodu düzenlemek için, daha kesin olarak, sözdizimi tipinin türünü değiştirmek ve değiştirmek için Etiketi kullanır.
Bir dil seçim özelliği ile:
misal
misal
misal
Eklenti sayfasında desteklenen dillerin listesi verilir.
Öznitelik hat Etikette, dizelerin numaralandırılmasını göstermeye yarar, değeri saymanın başladığı satırın sayısına karşılık gelir. Kod HTML nesneleri içeriyorsa, bir nitelik kullanmanız önerilir. kaçtı anlamı ile doğru. Bir seçenek olarak:
misal
Bir eklenti kullanarak CSS kodunun çıkış ve aydınlatılması örneği:
1
2
3
4
5
6
7
8
.Block (sınır: 2px # 8e0505; Renkli: # 2D0000; / * Metin rengi * / dolgu: 2px; / * İç Girişler * / Metin Hizası: Sol; / * Metin hizalama * / Yazı Tipi-Ailesi: Arial; Yazı tipi boyutu: 14px; )
Blok (sınır: 2px # 8e0505; Renkli: # 2D0000; / * Metin rengi * / dolgu: 2px; / * Dahili girintiler * / Metin-hizala: Sol; / * Metin hizalaması * / Yazı tipi yüzü: Arial; Yazı tipi boyutu: : 14px;)
Bir HTML editöründen WordPress etiketinin görsel moduna geçerken etiketi yorumlar.
Ve kod doğru görüntülenmiyor. Bu nedenle, makaleleri kod blokları ekleriyle düzenlerken, içerik düzenleyicisini HTML modunda kullanmanız gerekir.
Kod muazzam
Ayarsız kolay eklentesiz, bu, bir dil belirtmek zorunda kalmadan otomatik arka ışığı kullanarak WordPress üzerine kodu eklemeyi mümkün kılar. Etiketler için arka ışık uygular
VE Sayfada. Basit Modül Tabanlı Çözüm Google Kodu Kütüphaneyi Boyutlandırdı Site bloklarında görüntülenen sözdiziminin biçimlendirilmesinin özelliklerine dokunmak istemeyenler için program kodu ile.
Sonuç
Eklentilerle ilgili makalede göz önünde bulundurulur - sadece hangi depo tekliflerinin küçük bir kısmı pLACKINGS WordPress.. Konsol menüsünün bağlantılarını değiştirme "Eklentiler - yeni bir" ekle " Arama sayfasına anahtar kelimelerVurgulamak ve Sözdizimi Yumuşak bir kod yapmanıza izin veren bazı düzine benzer eklentileri bulabilirsiniz. Sitede ne kadar uygun ve gerekli bir eklenti olacağını anlamak önemlidir. Belki de durumunuzda, kodu WordPress sayfasına eklemek için, etiketleri kullanarak bir metin düzenleyicide manuel olarak daha kolay olacaktır.
VE .
Yeni bir kitap yayınladık "içerik pazarlaması sosyal ağlar: Abonelerin başında oturup markalarına aşık olun. "
Siteyi geliştirmenize, çevrimiçi işin verimliliğini artırmanıza ve müşterilerle etkileşimi kurmanıza yardımcı olan birçok araç vardır. Bu tür araçlar arasında çok ücretsizdir. Fakat ne web geliştiricisi değilseniz ve sitenize nasıl yükleneceğini bilmiyorsanız? Bu büyük bir engel.
Eğer ironi gibi, sesi yoktu, ancak siteniz için faydalı araçlar geliştiren bir iş, ayrıca kendi refahınız için bir engel var - kodunuzu kullanıcılara yüklemeyi empoze etme ihtiyacı.
Bir kerede iki problemi çözmeye çalışalım, siteler için kod / snippets (fragman) javascript eklenmenin en yaygın yollarından bahsedelim:
WordPress'de.
Kendi kendine yazılı yöneticiler (oldskul ftp kullanarak).
Squarespace üzerinde.
Shopify'de
Makalenin sonunda WIX'i etkileriz. Çoğu durumda, bu platform kodları veya JavaScript fragmanlarının kurulmasına izin vermez, ancak çeşitli hizmetler için entegrasyonlar şeklinde bir alternatif sunar.
Kurulumun Kodunu Nereden Alınır?
Crazy Yumurta Servisi örneğinde kurulum kodunun nerede görüneceğini görelim.
İşlem standart: Kayıt verilerini girdim, indirdikten sonra gösterge paneline düşeriz. Bölümü kodla gördüğümüz yer.
WordPress web sitesine kod eklenebilir
Özel bir eklenti izleme kodu yöneticisi kullanabilirsiniz.
İzleme kodu yöneticisi eklemek için, sitenin yönetimine ve eklenti bölümünü arayan kontrol panelinde giriyoruz.
"Yeni Ekle" işlevini seçin (Yeni Ekle).
Arama dizesi sağda belirir. "İzleme kodu yöneticisi" girdik, ardından "Şimdi Yükle" ye tıklayın.
Kurulum tamamlandıktan sonra, eklentinin etkinleştirildiğinden emin olmalısınız. Ayarlara gidin.
"Yeni İzleme Kodu Ekle" yi tıklayın.
İzleme kodu yöneticisi eklentisi olmadan yapabilirsiniz. Bu durumda, seçeneğimiz kodu WordPress temalarının (daha ileride) header.php dosyasına eklemektir.
WordPress.com'da kod yüklenir.
WordPress ve WordPress.com web sitesine göre web sitesi - iki farklı şey.
WordPress veritabanı sitesi, kendi sunucusunda kurulu olan CMS tarafından kontrol edilen bir sitedir. Bu, için ödeme yaptığınız anlamına gelir. alan adı (myname.com) ve barındırma için.
Web sitesi wordpress.com ücretsiz. Ödeme hosting olmadan bir siteye kayıt olabilirsiniz. Bu durumda, sitenin URL'si: myname.wordpress.com. Etki alanı adını değiştirmek için, birkaç ek adımda çalışmanız gerekir.
Siteyi WordPress.com'da sürerek, kurulabilecek kodları ve javascript fragmanlarını seçerken sınırlısınız. Güvenlik protokolündeki nedeni - geliştiriciler, kullanıcıların platforma kodları girmelerine izin vermez. Örneğin, MySpace geliştiricilerin izin verilir. Açıkçası, bu nedenle, altı yıl boyunca site 1967'de dünyanın 5 yerinden düştü.
Aynı zamanda WordPress.com, kullanıcılara çeşitli iş bonusu sunar. Örneğin, ile entegrasyon Google Analytics. Veya sosyal ağlara düğme ekleme yeteneği. Ancak bazı durumlarda yeterli olmayabilir.
JavaScript kodları ve snippets'i kendi kendine yazılmış bir yöneticide nasıl yüklenir?
FTP'yi kullanma. Vakıfların temellerine geri dönmek zorunda kalacağız.
Şimdi birçok kendi kendine yazılmış siteler. Kendi kendine konuşan site sıfırdan oluşturulur, içeriği kontrol etmek için CMS kullanmaz.
Böyle bir sitemiz olduğumuzu hayal edin. Kodu, WordPress'den biraz daha zor olacak, çünkü FTP'yi hatırlamanız gerekiyor.
FTP Yöneticileri, FileZilla gibi, dosyaları ve görüntüleri sitedeki dosyaları sunucuya sürüklemenizi sağlar. Programı kullanarak, sunucuya dosya ekleyebilir veya indirebilirsiniz, eski dosyaları yenisine değiştirebilir, gereksiz verileri silin, rıhtımın adlarını değiştirebilirsiniz.
Veri aktarım protokolünde zor bir şey yok: 20 dakika sonra artıları hissedebilirsiniz. Çoğu insan için, en zor kısmı sunucuyla iletişim kurmaktır.
Sunucuda herhangi bir sorun yaşarsanız, barındırma işleminize başvurun. Bir saat sürebilir, ancak 60 dakika sonra ihtiyacınız olan her şeyi bileceksiniz. Genelde bu tür konuşmaları ScreenRecorder ile yazmanızı öneririm. Ya da en azından işareti manuel olarak yap.
FTP sunucusuna girdikten sonra yaptığınızdan emin olun. Bir hata yaparsanız, önemli dosyalar hiçbir yere gitmeyecektir. Sunucudan bilgisayara tüm dosyaları basit bir sürükleme kullanarak bir yedekleme yapabilirsiniz.
Tipik olarak, FTP Yöneticisi program arayüzü iki sütundan oluşur. Örneğin, aşağıdaki resimde sol sütundaki, bilgisayarda depolanan dosyaları görürsünüz. Sağdaki dosyalar sunucudan.
Dosya değiştirmek veya eklemek için, bunları bir sütundan diğerine sürükleyin.
Bir uyarı
Dosyaları değiştirmek tehlikelidir. Kolayca değiştirebilirsiniz yeni sürüm Dosya eski ve daha alakalı veri kaybetmek, yanlışlıkla önemli bir şeyi silmek veya başka bir hata yapmak. Yedek kopya Bu tür özler durumunda ilerlemenizi ve kendinizi gereksiz sorunlardan koruymanıza izin verir. Tüm dosyaları değişiklik yapmadan önce bilgisayardaki ayrı bir klasöre kaydetmeyi unutmayın.
Header.php kullanarak kod eklenebilir
Diyelim ki WordPress'i kullandığımızı yönetmek için bir web sitemiz var. Bir kod eklemek için bir header.php dosyası veya adı verilen başka bir dosya bulmamız gerekiyor. başlık. veya kafa.. Başlık. Sitenin tüm sayfalarındaki kodu veya JavaScript fragmanını etkinleştirmeniz gerekir. Dosyayı açmak için kullanabilirsiniz Ücretsiz Program sevmek Yüce metin. Bununla birlikte, bilgisayarda depolanan dosyayı ve sunucuda benzer bir dosyayı açmanız gerekir.
Dosyayı yüce metinle açmak, gökkuşağını renk kodundan göreceğiz. Korkma, orada her şey basit.
Tüm sayfalar iki bölüme ayrılır - baş (başlıklar) ve gövde (vücut). Başlıklar HTML koduyla gösterilir
ve. Vücut -
ve
.
Site çalışmasını ve metni gösteren parçaların çoğu, bu iki bölüm arasında. Bu etiketleri bulmak için sayfadaki aramayı kullanabilirsiniz. Çoğu durumda, kodu doğrudan kapanış etiketinin önünde olabilir.
Kod veya snippets ekledikten sonra, dosyayı kaydedin ve sunucuya indirin. Hazır.
Şimdi kendi kendine yazılı yöneticiler hakkında. Siteniz manuel olarak oluşturulursa ve kafa veya başlık dosyasını bulamıyorsanız, büyük olasılıkla her sayfa için kodu manuel olarak yerleştirmeniz gerekecektir. Çoğu zaman büyük zorluklara neden olmaz.
Yukarıdaki görüntü, dört HTML dosyasından oluşan varsayımsal bir HTML sitesidir. Üzerine bir kod eklemek istiyorsak, tüm bu dosyaları açmanız ve kodu veya parçacıkları her birinin etiketlerine yerleştirmemiz gerekir. Bundan sonra, işlem standarttır: dosyaları kaydedin ve eski yerine sunucuya yükleyin.
Squarespace kodunu nasıl eklenir
SquareSpace, görevi kullanıcılarına basitleştirdi. Kod veya snippets Javascript'i eklemek için "kod enjeksiyonu" kullanabilirsiniz. Menüdeki Ayarlar\u003e Gelişmiş\u003e Kod Enjeksiyonuna gidin. Kod ekleyebilirsiniz
veya futbol sahası.
Ayarları buluruz.
Aşağıdaki yapraklar ve "Gelişmiş" üzerine tıklayın.
"Kod Enjeksiyonu" seçeneğini seçin.
Kodu yerleştirin ve değişiklikleri kaydedin.
Shopify kodunu nasıl eklenir
Kontrol panelinde, çevrimiçi mağaza çevrimiçi mağazalarıyla bir bölüm bulun ve Temalar konularını seçin.
İstediğiniz sekmeye erişmek için, "Eylemler" üzerine tıklayın ve HTML / CSS'yi Düzenle'yi seçin.
Parçalara ihtiyacımız var.
Seçeneğe tıklayın, iletişim kutusunu yeni bir parça ekleme yeteneğiyle açacaktır.
Snippet adını verin ve Snippet Oluştur düğmesine tıklayın.
Snippet kodunu "snippet.liquid" bölgesine "izleme) girin. "Kaydet" i tıklayın.
Site WIX'tiyse kodun nasıl yerleştirilir?
Wix hızlı bir şekilde popüler bir site tasarımcısı oldu. WordPress.com gibi, kodları yerleştirme olasılığındaki kullanıcılarının kısıtlamalarını uygular.
Ancak Wix, Wix App Market biçiminde bir çözüm sunar. Orada pazarlama için çeşitli widget'lar bulabilirsiniz, sosyal medya Ve analistler. Bu arada, en gerekli widget için de oy kullanabilirsiniz.
Merhaba, tüm okuyuculara ve abonelere! Olmak için zamanları olmayanlar - lütfen, benden video blog sitesindeki yeni mesajlar hakkında ilk öğrenenler olmak için
Öyleyse, geçen gün bir problemle karşılaştım, sayfada, rummaged Google, Yandex ve hatta posta araması üzerinde HTML kodunu ekleyemedi, ancak sözcüğüme nazik bir cevap bulamadım.
Çok kolay hale getirin, sadece Textarea + Etiket kullanımını kullanmanız gerekir. ekstra seçenekler Yükseklikler, genişlikler ve emeklilik
Hadi ve bunun nasıl ve bu şekilde ayrış edelim. Wordprese'de gerekli kodu görsel düzenleyicide kurabilirsiniz ve aşağıdaki gibi görüntülenecektir:
»ALT \u003d» Otomatik Para Yapma Sistemi »/\u003e
Fakat kodun nasıl göründüğünü görüyorsunuz ve çok uygun değil. Bu nedenle, böyle görevleri uygulamak için bir etiket kullanmanız gerekir:
.
Ayrıca, bu etiketin yalnızca WordPress motorunda değil, herhangi bir motorda değil, bir metin düzenleyicisine takılmasını istediğini de unutmayın.
Emekliliğin parametrelerini ekleyen ek etiketleri dikkate almanız ve kullanmanız gerekir. üst dizestil \u003d Marj: 2px; Ayrıca, yükseklik parametresi: yükseklik: 40px; Ve tabii ki genişlik parametresi: genişlik: 660px;
Şimdi yazılı olarak özetleyeceğim. Kod açarken
Ve nihayet bir beşik yapmaya söz verildiği gibi:
HTML sayfasında HTML kodunu nasıl eklenir? —————————————
Bir dizüstü bilgisayar etiketinde kopyalayın Ve aşağıdaki kodu ekle, bağlantıyı sitenize değiştirin ve afişinize bağlayın
Dipnotlar:
* - Herhangi bir enjekte etmenizi sağlayan etiket Html etiketi Herhangi bir web sayfasında
* Stil. - Stil, boyutlardan, etiketin içindeki metin renginden sorumlu parametre
* marj: 5px; - Emeklilik parametresi
* genişlik: 660px; - Genişlik parametresi
* yükseklik: 80px; - Yükseklik parametresi
Birçoğu, muhtemelen, neden blogumu aradığımı anlamıyor Karanlığın güneşe kadar sosyal asansör, sonra hikayeyi açıklayacağım. Benim için, internet, beceri, beceri, kazançların zemine battığım bir asansördür; Ve sosyal, çünkü insanlar için, toplum için, isteyenler için, vizyonuma çok benzeyenler için. Karanlık - Bu bir kıç ya da başka bir deyişle, her zamanki yaşamın dibi, evet, evet, evet, bu kıçdaki ülkemizdeki insanların yarısı, bir martı olduğunu düşünüyorum, ama Hayır ... Güneş - Bu, sizi bizimle de dahil olmak üzere gezegende yaşayan her şeyi kesinlikle hayat veren şey budur. Güneş yoksa, hayat olmazdı. Güneş- Bu hayata enerjidir. Ve eğer hepimiz özetliyorsak Internetlift. - Amca için çalışan düzenli internet kullanıcılarının finansal kıçındadır, zengin olmayı hayal ediyorum, ancak neden başlamayı bilmiyoruz. İnternet kaldırma. - Bu, kazançların incelik ve şemalarında biraz fazla ya da önemli ölçüde zarar görmüş olanlara yardımcı olacak bir platformdur. Nereye gideceğinizi nereden başlayacağınızı ve patronun kendisi nasıl olacağını öğrenebilecek. Umarım tavsiyem ve makalelerim size ve bana yardımcı olacaktır. Bir günden beri neden bir şey biliyorsanız, nedenini biliyorsanız, sadece hatırladığınızda değerlidir. Ve yazıp paylaştığınızda, bellekte de dahil olmak üzere sonsuza kadar olacaktır !!!
Web istemcisindeki dosyalarla çalışmak için uzantı
Gmail Mail'i bağlarken "sunucu POP3 üzerinden erişimi reddetti" hatasını düzeltmek!
1 Windows 10'da başlamıyor