Öğretici: Tez ve Buddypress entegrasyon – Bölüm 2
Tez ve BuddyPress’i entegre eden Bölüm 1’de – WordPress Multisite (kısaca) kurulumunu, ağ ve site panosunun gözden geçirilmesini ve ardından ayrıntılı BuddyPress videosunun kurulumuna geçişini tartışıyoruz. Bu makalede, Bölüm 2 tezi ve BuddyPress’i birleştirir, Tez Tema Çerçevesini ve Buddypress tez çocuğunun temasını kurmaya odaklanırız. Şu anda siteniz bir WordPress temel kurulumu gibi görünecektir. Yirmi on bir temel temayı kullanırsanız, belki şöyle görünüyor:
BuddyPress tarafından oluşturulan sayfanın 2011 temasında menü çubuğuna otomatik olarak eklendiğini göreceksiniz, ancak tekrar tıklamak boş bir ekranı görüntülemesi muhtemeldir, çünkü BuddyPress uyumluluğunu veya BuddyPress tarafından kullanılabilecek temaları entegre etmiyoruz. Sonra tartışılacak.Adım 1: BuddyPress kurulumu için tema çerçevesini yükleyin, ayrıca ikinci eklentinizi olan BBPress forumunu da yüklersiniz. Buddypress çocuk – tez işlevlerinin teması için tez çerçevesini de yüklemeliyiz. Bu makaleyi yazarken, Tez 1.85 en son sürümdür ve tema dosyanızın Thesis_185.zip olarak adlandırılması gerekir. WordPress temasının yükleyicisi aracılığıyla diğer temalar gibi yüklenebilir. Network Yöneticinizin Yöneticisi’nde Tema Seçenek Paneline gidin, Yeni Ekle’yi seçin, yükle bağlantısını seçin, ardından Dosya düğmesini seçin. Pencere göründüğünde, tez_185.zip dosyasına gidin ve seçin. Pop Up kapandığında, şimdi Yükle’yi seçin. Tema ağını etkinleştirmenize gerek yok.
Tez tezindeki dosya iznini değiştirmek, özellikle tezdeki çeşitli dosya ve klasörler için ad ve izni değiştirmenizi önerir:
Özel örnek klasörü özel olarak değiştirilir
Layout.css izni 666 klasör / özel / önbellek eickets olarak değiştirildi 775 olarak değiştirildi
Aşağıda tezdeki izni değiştirme hakkında kısa bir video bulunmaktadır. Coda kullanıyorum, ancak aynı işlem FTP programınızla da çalışmalıdır. Tez klasöründe orijinal “özel örnek” klasörünün bir kopyasını yaptığım ve daha sonra adını “Custom” olarak değiştirdiğim dikkat çekicidir. Bu, sadece orijinal özel örnek klasörünü “özel” olarak değiştiren tez talimatlarıyla önerilenden farklıdır.
Akıllıca bıraktığımız özel örnek klasör, özel dosyaları bir süre düzenlerken veya hasar verirsek bizim için bir yedekleme görevi görecektir. Tez çerçevesinin, özel bir klasörde ne gibi değişiklikler yaptığımızdan bağımsız olarak çalışmaya devam etmesini sağlayacaktır. Tema-BP-çocukları yükleyin Yukarıdaki gibi aynı yeni tema sürecini izlemek için tema-bp-child temasını ekleyeceksiniz. Dosyayı indirmediyseniz, burada bulunabilir. Bunu yaptığınızda, daha sonra öğreticide kullanacağımız BBPress-Tezi konnektör eklentisini de alın. Dosya burada bulunabilir.
Aşağıdaki video, eklenti kurulumu ve çocuğun temasının ana tezin temasını tanımasını sağlayan kısa kod ayarlamalarında size rehberlik eder. Tez-BP çocuğunun temasını kurduğunuzda göz önünde bulundurmanız gereken bir şey, hasarlı görünmesidir. Sağlanan temalar listesinde görünmez; Bunun yerine, Yönetici Yönetici alanında hasarlı bir tema bağlantısı altında göründü. Kırık tema bağlantısını tıklamak, temayı geliştirmek için ne yapılması gerektiğini açıklayan bir hata mesajı görüntüler. Bizim durumumuzda, Style.css Çocuk Tema Dosyasını Doğru Ana Temasını Yansıtacak şekilde değiştirmemiz gerekiyor – THEST_185. Bu talimatlar yukarıda listelenen videoda 2:30 civarında görünür. Şimdiye kadar, tezin teması ve çocuğun tezi kurulur ve etkinleştirilir, siteniz aşağıdaki resim gibi görünecektir:
Bu öğelerin çoğu BuddyPress veya tez ile otomatik olarak eklenir, ancak siteniz bu şekilde görünmüyorsa, varlığımızı yansıtmak için yapabileceğiniz bazı şeyler vardır: Tezde >> Tasarım seçeneklerinde, sütunu 3’e ayarladım. İçerik sütunu için 480 piksel genişliği ve 2 kenar çubuğunun her biri için 195 piksel genişlik ile. Ayrıca “Content-S1-S2” düzenini kullanmak için sütun dizisini de düzenledim.
Görünüşte >> widget’lar – Kenar çubuğu 1’de aşağıdakileri girdim: Aramak
Son Gönderiler
Son Yorumlar
Dosyalar
Kategori
Meta
Kenar çubuğu 2’de hiçbir şey yoktur, ancak tez otomatik olarak bazı varsayılan içerikler ekler, bu da yukarıdaki resimde en sağ kenar çubuğu-taraftar 2’de mavi renkte vurgulanmış göreceğiniz bazı varsayılan içerikler ekler. Endişelenmeyin, tüm bunları daha sonra değiştireceğiz. Bir nedenden dolayı, siteyi burada sahip olduğumuzu yansıtamazsanız, endişelenmeyin – bu yakında değiştireceğimiz kozmetik sitenin ayarıdır. Giriş sitesi çerçevesi ve CSS düzgün bir şekilde sıralanmış görünüyor, doğru yolda olduğumuzu biliyoruz. Tüm widget’lar değiştirilecek ve bu öğretici serisinin sonunda CSS ile sütun kompozisyonu değiştirilecek, bu yüzden endişelenmeyin Pikselin genişliği veya genel olarak görünüm ve nüans bölgesi.
Yararlı bir BuddyPress menüsü oluşturma Yukarıdaki resimden göreceksiniz, tezin varsayılan WordPress sayfa menüsünü siler, bu nedenle özel BuddyPress ayarlarıyla çalışmaya başlamadan önce bir ana gezinme menüsü oluşturmak iyidir. Görünüm seçenek ayarlarına girip menüye tıklayarak bir WordPress menüsü ekleyebilirsiniz. Size böyle görünen boş bir ekran sunulacak:
Seçmen kutusu menüsünde ana gezinme menüsünü oluşturun “Ana menü” kelimesini yazın ve ardından sağdaki “Oluştur” parlak mavi menüyü tıklayın. Bunu yaptıktan sonra, soldaki ürün artık gri olmayacak ve bu seçeneklerden bazılarını seçebileceğiz.
Ana Menü açılır kutusunda, yeni oluşturduğumuz ana menüyü seçin ve ardından Mavi Kaydet düğmesini tıklayın. Şimdi biraz aşağı kaydırın ve birkaç sayfa ekleyelim. Ana menüye sayfa ekleyin
Sayfa başlık kutusunun altında, “Hepsine Göre” yi tıklayın. Sitemizde Alfabe tarafından sıralanan tüm sayfaların bir listesini göreceksiniz. Bir istisna var – ana sayfa, diğer tüm sayfaların üzerinde görünmesi gereken. Görebildiğimiz sayfaların çoğu BuddyPress kurulum işlemi sırasında eklenir. Şimdi yeni web sitemizde görüntülenecek her birini seçeceğiz. Onay işaretini aşağıdaki sayfanın yanına yerleştirin:
Aktivite Blog ForumGrup
Üye
Liste
“Menüye Ekle” düğmesini tıklayın. Bu menü öğesi dikey menü öğesi olarak sağ üst pencere çerçevesine eklenecektir.
İstediğiniz sırada çekip serbest bırakabilirsiniz, ancak şimdilik – olduğu gibi bırakın. Bu sayfaları yerine kilitlemek için menü kaydet düğmesine tıklamayı unutmayın.
Sitenize bakın ve sayfayı yenileyin. Menü eklenmeli ve sayfanız şöyle görünecektir:
Bir dakikanızı ayırın ve her şeyin iyi çalıştığından emin olmak için her sayfa menü öğesini tıklayın. Şimdi, her sayfa boş bir ekran görüntülemek yerine belirli bir BuddyPress işlevine yol açmalıdır. Ancak, iki tutarsızlık göreceksiniz:
Menü öğelerinin listesi sizi ana blog döngüsüne götürür Forum menü öğesi sizi Grup Forumu sayfasına götürür
#1 yönetici olarak giriş yaptığınız için olur. Oturum açar ve kayıt menüsü öğesini tıklarsanız, yeni kullanıcı kayıt sayfasına götürülürsünüz. Temel olarak, web sitenizin izleyicilerinin ağınızın bir parçası olmadan önce göreceği şeydir. #2, BuddyPress kurulum videosuna atıfta bulunduğum sorun. Forum menü öğesini tıkladığınızda, Site genelinde bir forum sayfası görüntülemek istersiniz, ancak Grup Forumu sayfasına götürülürsünüz. BuddyPress, BBPress Forumu ile böyle çalışır – Bu, Grup Forumunu her ikisi de bir araya getirildiğinde tüm sitelerin forumlarından ziyade önceliklendirilmeye zorlar. Bu, şablon sistemlerini değiştirdiklerinde yaklaşan BuddyPress sürümünde tamamlanabilir, ancak şimdilik bu yapmamız gereken bir gelişme ve bir sonraki bölümde yapacağız. Buddypress yapılandırma BBPress-tezik konektör eklentisinin yararlı olduğundan emin olun, çünkü yukarıda belirtilen #2 problemini çözecektir. Ayrıca, doğru işlevselliği elde etmek için BuddyPress ayar panelinde başka değişiklikler yapacağız. Bunların hepsi aşağıdaki BuddyPress yapılandırma videosunda açıklandı. Tebrikler, siteniz artık tamamen çalışan BuddyPress-Thesis Child’ın temasıdır. Multisite WordPress, BuddyPress sosyal ağının ve güçlü bir tez çerçevesinin tüm harika işlevselliğine sahipsiniz. Bu öğreticiyi izlediyseniz, siteniz artık aşağıdaki resme benzeyecektir: Yol boyunca kaybolursanız, başlangıcına dönmek ve tek bir adımı kaçırmadığınızdan emin olmak iyidir.Sürecin, aşağı akıştaki diğer şeylerin önce yapılan yukarı akış değişikliklerine bağlı olduğu sırayla tamamlanması gereken bir kısmı vardır.Ancak sitenin görünümü kadar iyi, temayı estetik olarak daha keyifli olacak ve okuyucularımızı davet etmek için yapılması gereken bazı işler var.Bir sonraki ve en son yazılarda, tez ve BuddyPress Entegrasyon Serisinin 3. Bölümü, yeni BuddyPress sitenizi gerçekten benzersiz kılacak bazı basit CSS değişikliklerini tartışacağız.Etiket: Çocuk Teması
