Page Builder Sandwich

PBS Pro edinin

Blog

  • 100 Doların Altında Sıfırdan Web Sitesi Nasıl Oluşturulur

    How-to-Create-a-Website-from-Scratch-for-Under-$100

    Sıfırdan bir web sitesi oluşturmak istiyor ancak kısıtlı bir bütçeye ve kesinlikle sıfır teknik bilgiye sahipseniz, bu kısa rehber tam size göre.

    Bu makale, tüm teknik ayrıntılar ve karmaşıklıklar olmadan gerçekten bir web sitesi oluşturmak isteyen yeni başlayanlar içindir. Dolayısıyla, müşterilerine göstermek üzere ofisi için bir web sitesi isteyen bir girişimciyseniz, restoran incelemelerini çevrim içi yazmak isteyen bir gurmeyseniz ya da sadece bir siteye ihtiyacı olan kendi işini kendi gören biriyseniz okumaya devam edin! İşleri olabildiğince basit tutmak adına teknik jargondan mümkün olduğunca uzak duracağım.

    İşimiz bittiğinde elimizde nelerin olacağını listeleyelim. Makalenin sonunda şunlara sahip olacaksınız:

    1. Your own website that people can visit at http://supermegaawesomewebsite.com,
    2. Optionally have your own email address at [email protected],
    3. A certain zen-like state of mind.

    İhtiyacınız Olanlar

    Pekala, asıl adımlara başlamadan önce şunlara ihtiyacımız olacak:

    1. Web sitenizin ne olacağına dair bir fikir,
    2. Bir kredi kartı veya içinde 100 dolar bakiye bulunan bir PayPal hesabı ve
    3. Susamış olma ihtimalinize karşı bir gazoz veya bir bardak su; susuz kalmamak her zaman iyidir.

    Web Sitesi Nedir?

    Herhangi bir şey yapmadan önce, aslında ne oluşturduğumuzu bilmek önemlidir. Evet, kendi web sitenizi oluşturuyoruz, peki bu gerçekte nedir?

    In a nutshell, a website is a bunch of files in a special computer, and this special computer can be accessed by using a special web address on your web browser. After accessing the web server, it’s going to crunch those files together and in the end we would be able to see a pretty looking web page.

    Sorta techy terms:

    • bunch of files = web pages
    • special computer = web server
    • special web address = domain name or URL

    Önceki paragraftaki kalın yazılmış kelimeler, edinmemiz gereken şeylerdir. Şansımıza, hepsini tek seferde temin edebileceğimiz bir yer var.

    Web’de Bir Yer Edinmek

    GoDaddy Yönetilen WordPress Hosting – Temel Planı‘nı almanızı öneririm. Bu plan, sitemizi en az zahmetle hemen oluşturmak için ihtiyacımız olan her şeyi bize sunuyor. En güzel yanı ise her şeyi kurmanın teknik ayrıntıları konusunda endişelenmemize gerek kalmaması.

    “Yönetilen WordPress Hosting” planının ne olduğunu merak ediyorsanız, açıklayayım:

    • Managed – GoDaddy will be the ones who’ll make sure that everything runs smoothly, updated, fast and without any problems. And if you need any help, you can ask their customer support.
    • WordPress – This the content management platform that will be used. It’s what you’ll use to publish your content online. It’s awesome. If you want to know more about WordPress, WP101 has a great intro video on What WordPress Is
    • Hosting – Everything will be placed in GoDaddy’s servers, so everything can be accessed quickly and with almost no down time.

    When getting the plan from GoDaddy, they also provide you with a domain name for free. This is awesome since now we don’t have to do anything aside from signing up in order to get the full package!

    Ek bir avantaj olarak, Temel Plan’ı satın alarak e-posta adresleri de edinebilirsiniz. İlk yıl ücretsizdir; bu nedenle müşterilerle ve diğer insanlarla iletişim kurmak için e-posta kullanacaksanız bu kaçırılmayacak bir fırsattır.

    Planları hakkında daha fazla ayrıntı için aşağıdaki bağlantıya göz atın (ve hayır, onları önerdiğim için bana ödeme yapmıyorlar):

    GoDaddy’nin Yönetilen WordPress Hosting Planlarına Göz Atın

    Tüm ayrıntıları doldurun, istediğiniz alan adını bulun (supermegaawesomewebsite.com kullanmak zorunda değilsiniz), ardından ödeme adımına geçip ödemesini yapın.

    I recommend that you sign up for at least one year so that you can avail of their discounts. You can also scour the web to check if there are any promos available.

    Web Server Cost: $12.18 – $59.88 for 1 year (the key here is to find a promo) Email Cost: $0 for 1 year Domain Name Cost: $0 for 1 year

    Total Cost so far: $12.18 – $59.88

    Tebrikler, Artık Bir WordPress Web Siteniz Var!

    GoDaddy hostinginizi aldıktan sonra siteniz artık tamamen çalışıyor olmalıdır. http://supermegaawesomewebsite.com alan adınıza giderek sitenizi görmeye başlayabilirsiniz.

    Sitenizin ilk izlenimi biraz.. boş.. gelebilir ve bu oldukça normaldir. Merak etmeyin, bunu hemen düzeltelim!

    Web Sitenize Erişme

    Since you’ve signed up with GoDaddy, they’ll give you a URL where you can access the administration side of your website. If you can’t find it, you can add a /wp-admin at the end of your URL. e.g. http://supermegaawesomewebsite.com/wp-admin and log in from there. Once logged in, you’ll end up in your WordPress Dashboard.

    GoDaddy’nin yeni başlayanların sitelerini özelleştirmelerine yardımcı olmak için kendi “Hızlı Kurulum” sistemi vardır. WordPress’in nasıl çalıştığına aşina değilseniz bu kurulum sürecinden geçmenizi öneririm.

    WordPress’i Öğrenmek

    Şimdi WordPress’e alışma zamanı. Daha önce bahsettiğim gibi, WordPress artık içeriklerinizi yayınlamak için kullandığınız platformdur. Başka bir deyişle: sitenize giriş yapar, sayfalar ve blog yazıları oluşturur ve tam anlamıyla yayınla düğmesine basarsınız.

    Şimdi bir sonraki adım WordPress’i nasıl kullanacağınızı öğrenmektir. Daha önce WordPress kullanmadıysanız, paneli ilk kez gördüğünüzde bilgi yoğunluğu biraz fazla gelebilir. Farklı alanları kendi hızınızda keşfetmenizi öneririm.

    If you need guidance, there are a lot of tutorials on how to use WordPress online too. One of them is WP101. WP101 makes things super easy by providing lots of tutorials in video format, and they have a huge library of videos that will teach you all the ins and outs of WordPress.

    They have a few free videos in their site. For example, you can watch WP101’s video tutorial about the WordPress Dashboard.

    WP101’in Video Eğitimlerine Göz Atın

    Video Tutorials Cost: $15 per month (if you can obsess over all their videos within the first month, then you’re golden)

    Total Cost so far: $27.18 – $74.88

    Sitenizi Güzel Göstermek

    The next step is to change the design of your site to make it match your personality and/or needs. You’ll need themes for that. In short, themes are like “skins” for your WordPress site.

    There are a ton of free and paid themes out there. If you want free themes, then there’s no doubt that the WordPress.org theme directory is your number one option.

    Since there are a lot out there though, it’s sometimes hard to find the perfect one for you. Theme Friendly’s Find Themes helps by providing reviews for themes and gives them a score based on their review. They have a number of themes in their site, and probably the best thing there is that you can click on filters while browsing themes, so you can view only themes fit for portfolios, businesses or blogs, and many more.

    There are also paid themes, but for starters I would recommend the free ones first. If you decide to take the premium route check out Premium WordPress’ list of theme shops.

    If you’re wondering why I didn’t mention ThemeForest, it’s because there are a lot of themes there that add a lot of bloat (unnecessary features) to your site. So if you really want to find a theme from there, tread carefully.

    Theme Cost: $0 – $70 one time (I’d recommend looking for promos in theme shops too)

    Total Cost so far: $27.18 – $144.88

    Sitenize Daha Fazla İşlevsellik Eklemek

    As you create your site and continue to add content to it, you might find yourself wanting to add more stuff like contact forms, maybe some icons, or a Google Map, or something else. For these kinds of stuff, you’ll need plugins.

    As with themes, there are also a ton of free and paid options. And like themes, the number one choice for free plugins is the WordPress.org plugin directory. It’s a common saying within the WordPress community that if you need something in your site, “there’s a plugin for that.”

    For premium plugins, you can also find premium ones in CodeCanyon.net. But I would recommend going through the thousands of free ones in the WordPress.org plugin directory first.

    Plugin Cost: $0

    Total Cost so far: $27.18 – $144.88

    Conclusion

    You might have noticed that the total cost indicator is a range instead of a solid number. It’s because there are various ways to push the cost down like watching out for promotions, and opting for free themes & plugins.

    So if you play your cards right, you can actually have your own site from scratch (powered on for a full year), for only $27.18

    Most likely the succeeding years won’t be as cheap as the first year, but if you have your site up and running for at least a year already, then I would like to think that it’s a success and the other future costs aren’t a problem anymore.

    Hopefully you’ve learned a bunch from this article. And if you didn’t know about WordPress before and you’re now a proud WordPress user, consider joining the numerous WordPress communities online. Just search for a WordPress group in Facebook :)

    Bekleyin! Sekmeyi Henüz Kapatmayın!

    Bir dakika! Bu sekmeyi kapatmadan önce Page Builder Sandwich’ten bahsetmek istiyorum. Yukarıda pek çok harika şeyden bahsettim ama henüz Page Builder Sandwich’i görmediniz.

    Page Builder Sandwich, tek bir satır kod bilmenize gerek kalmadan yepyeni sitenizdeki sayfaları kolayca tasarlamanızı sağlar. Bir kelime işlemci belgesini düzenlemeye benzer şekilde görünür ve çalışır, ancak web siteleri içindir. Bununla birlikte döngüler (carousel), simgeler, butonlar, resim arka planları ve çok daha fazlasıyla sitenizi kolayca daha da harika hale getirebileceksiniz.

    You can try out the demo, or watch the video below. What’s cool is that we’re still below the $100 limit :)

    Page Builder Sandwich Demosunu Deneyin

    Page Builder Sandwich Cost: $39 for 1 site

    Total Cost so far: $86.18 – $203.88

  • Ana Sayfanızın Üst Kısmına Ne Koymalısınız – “Ekranın Üst Kısmı” İçeriği İçin İpuçları

    Tips-For-“Above-the-Fold”-ContentWhat you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.

    This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.

    Doğrudan konuya dalmadan önce, ön sayfanızın üst kısmına ne ad verildiğini bilmekte fayda var. Bunun için sitenizin-üst-kısmı ifadesinden daha iyi bir isim var.

    file000153814713_

    “Above the Fold”

    Buna “Above the Fold” (katlama çizgisinin üstü) denir. Neden mi? Çünkü eski günlerde, insanlığın gazete denen şeylere sahip olduğu zamanlarda, gazeteler genellikle ikiye katlanırdı; böylece hemen yalnızca üst kısım görünürdü. Bu üst kısım veya “katlama çizgisinin üstündeki” bölüm, günün en önemli manşetlerini içerirdi; gazeteyi açtığınızda ise daha az önemli diğer manşetleri görürdünüz. Benzer şekilde web sitelerinde de sitenizin üst kısmı insanların ilk gördüğü yerdir, ardından aşağı kaydırdığınızda gazetenin katını açmaya benzer şekilde sitenin geri kalanını görürsünüz.

    Gazete örneğinden devam edersek, sokakta yürüdüğünüzü ve bir gazete bayisi gördüğünüzü varsayalım. Gazeteyi gördüğünüzde manşet ilginizi çekerse, devamını görmek için o gazeteyi satın alabilirsiniz. Bu durum web siteleri için de temelde aynıdır; ziyaretçiler sitenize uğradığında ekranın üst kısmındaki (above the fold) içeriği ilgi çekici bulurlarsa, bunu benimseyip daha fazlasını görmek için aşağı kaydırabilir veya sitenizin geri kalanına göz atabilirler.

    Nielsen’in Araştırması

    Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters

    The average difference in how users treat info above vs. below the fold is 84%.

    If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.

    Bu oldukça mantıklıdır, çünkü bir web sitesinin üst alanı ilk gördüğünüz şeydir.

    Peki, ana sayfanızın ekran üstü (above the fold) içeriğinin ne kadar önemli olduğunu bildiğinize göre, sitenizin en üst kısmına ne koymalısınız?

    Doğrudan Sadede Gelin

    Sitenizin tam olarak neyle ilgili olduğunu hemen belirtin. Ana sayfanız ve ekran üstü alanınız, tüm sitenizin can damarıdır. Ziyaretçileriniz kaybolmuş hissederse, hızla uzaklaşır ve sekmeyi kapatırlar. Yeni bir kitap yazarıysanız, yazar olduğunuzu belirtin ve en son kitabınızı sergileyin. Bir düğün organizatörüyseniz, ziyaretçinize hayatının en unutulmaz düğününü yaşatacak bir düğün organizatörü olduğunuzu yazın. Ya da küçük oteliniz için bir site yapıyorsanız, şehirdeki en iyi oda-kahvaltı mekanı olduğunuzu yazın. (Bu örnekleri aşağıda daha fazla kullanacağım.)

    Ziyaretçileriniz sitenin neyle ilgili olduğunu tahmin etmek zorunda kalmamalıdır. Bunu hemen anlamalılar, ancak o zaman daha fazla ayrıntı görmek için aşağı kaydıracaklardır.

    Ziyaretçilerinizin İlgisini Bilinçli Olarak Çekin

    Ardından, web sitenizin asıl amacını düşünmelisiniz. En başta web sitenizi kurma sebebiniz nedir? Bu sebep her ne olursa olsun, onu da katlama çizgisinin üstüne yerleştirmelisiniz.

    Yukarıda bahsettiğim birkaç örneği ele alalım. Yeni bir kitap yazarı için muhtemelen daha fazla görünürlük istersiniz. Ücretsiz bir e-kitabınız varsa, ziyaretçilerinizin indirmesi için bir buton yerleştirebilirsiniz. Düğün organizatörü için, insanların hizmetleriniz hakkında sizinle iletişime geçmesini istersiniz; telefon numaranızı veya bir iletişim formu ekleyin. Ya da küçük otel için, telefon numaranızla birlikte bir rezervasyon formu koyun.

    Page Builder Sandwich için, insanların eklentiyi daha yakından tanımasını ve nihayetinde birer müşteriye dönüşmesini istiyorum. Bu yüzden orada ziyaretçilerin demoyu hemen denemelerini sağlayan bir buton ve eklentiyi satın almak için başka bir buton bulunduruyorum.

    Ekran Üstü Bölümü Tasarlamak

    Artık ne koyacağımızı bildiğimize göre, tasarım hakkında karar verme zamanı geldi. Şahsen ben temiz, bölümlere ayrılmış içeriği tercih ediyorum; ana sayfamızdaki düz arka planın sebebi de budur. Ancak ekran üstü içeriğinizi daha canlı hale getirmek için bir görsel veya video ile desteklemek de iyi bir fikirdir.

    Screen-Shot-2016-01-29-at-12.11.19-AM_Here’re a few examples of what you can do about your front page.

    Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.

    Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.

    Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.

    Sonuç

    Ana sayfanız için ekran üstü içerik oluşturmak zor değildir, ancak doğru yapmak biraz düşünmeyi ve test etmeyi gerektirir. Halihazırda bir siteniz varsa ve bu konuda kararlıysanız ancak Google Analytics’te yüksek bir hemen çıkma oranınız varsa, yukarıdaki ipuçlarıyla ekran üstü içeriğinizi yeniden düşünmenizi öneririm.

    If you have tips on creating above the fold content, kindly share them in the comments!

    Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content

    Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.

    Page Builder Sandwich Hakkında Daha Fazla Bilgi Edinin

  • Page Builder Sandwich Lite Artık WordPress Eklenti Dizini’nde Mevcut

    PBS-Lite-Is-Now-Available-In-The-WP-Plugin-RepoNow you can download the Lite version of Page Builder Sandwich from the WordPress.org plugin repository!

    Lite sürümü, premium eklentinin sadeleştirilmiş bir versiyonudur, ancak yine de tamamen kullanılabilirdir. İşte Lite sürümünde bulunan özelliklerin ve araçların bir listesi:

    • Canlı ön yüz düzenleme
    • Açılır pencere zahmeti olmadan doğrudan, tıkla ve yaz şeklinde düzenleme
    • Metin biçimlendirme araçları: renkler, kalın, italik, altı çizili, yatay çizgi, hizalamalar vb., temelde arka uç TinyMCE düzenleyicisinde yapabileceğiniz her şey.
    • WordPress Ortam Yöneticisi kullanılarak görseller ve görsel manipülasyonu
    • WordPress’in bağlantı oluşturucu iletişim kutusu kullanılarak bağlantı oluşturma
    • Blok öğeleri: başlıklar, alıntılar, maddeli ve numaralı listeler
    • Mevcut tüm kısa kodların tam listesiyle birlikte canlı kısa kod işleme ve düzenleme
    • İç içe yerleştirilebilir satırlar ve sütunlarla sayfa düzeni oluşturma
    • Satır ve sütun özellikleri: arka plan rengi, kenar boşlukları (margin/padding) ve kenarlıklar
    • Çalışan geri al/yinele işlevi
    • Ve çok daha fazlası!

    Lite Sürümünü Hemen İndirin

    Eklenti sayfasını gördüyseniz ve eklentinin neden yepyeni olmadığını merak ediyorsanız, bunun nedeni bu eklentinin ilk sürümü olmamasıdır. Bir yıl önce bir arka uç sayfa oluşturucusuydu, ancak bundan hoşlanmadım ve aylarca süren düşünme ve beyin fırtınasının ardından tamamen farklı bir yöne gittim ve artık şahsen kullanmaktan keyif aldığım harika bir ön yüz sayfa oluşturucusu oldu.

    Bu Temamla Çalışacak mı?

    Teknik olarak bunun her temayla çalışması gerekir. Kullanıcılarımız ve müşterilerimizle birlikte Page Builder Sandwich’i WordPress.org tema dizinindeki temalar, Genesis Temaları, StudioPress Temaları, Elegant Themes ve ThemeForest temaları dahil olmak üzere birçok temayla başarıyla kullandık. Temanızla çalışmazsa lütfen bize bildirin, düzeltelim.

    Bu Mevcut İçeriğimle Çalışacak mı?

    Page Builder Sandwich mevcut içeriğinizle sorunsuz çalışmalıdır. İçeriğiniz doğrudan ön yüzde düzenlenebilir olacaktır!

    İçeriğiniz iç içe geçmiş kısa kodlarla doluysa (örneğin sütun kısa kodları kullanıyorsanız), öncelikle bu sütun kısa kodlarını temizlemenizi ve kaldırmanızı öneririz. Page Builder Sandwich tamamen CSS tabanlı, kısa kodsuz ve duyarlı (responsive) sütunlarla birlikte gelir. Daha hızlı ve daha kararlı oldukları için bunun yerine onları kullanmanız daha iyi olacaktır.

    Özel tanıtım indirimi

    Tam genişlikte satırlar, gelişmiş metin, görsel, satır ve sütun biçimlendirmesi gibi daha fazla özellik istiyorsanız, premium sürümden keyif alacaksınız. Ayrıca eklenti güncellemeleri ve müşteri desteği de alacaksınız.

    For the next few days, we’re offering you a 50% introductory discount. Take advantage of this now!

    If you’re unsure, give the lite version a spin on your own setup first, or check out the live demo from the top menu ?

  • Markdown Artık Destekleniyor, Ayrıca Birkaç Harika Biçimlendirme Aracı

    Markdown-Now-Supported,-Plus-A-Few-Cool-Formatting-Tools2.4 sürümünden itibaren artık ön yüzden Markdown kullanarak içeriğinizi düzenleyebileceğinizi duyurmaktan mutluluk duyuyorum!

    Markdown Sözdizimi Desteği

    Markdown nedir? Temelde kısayol tuşları gibidir; ancak bir tuş kombinasyonuna basmak yerine bunları yazarsınız ve biçimlendirme anında uygulanır. WordPress de yakın zamanda Markdown desteği ekledi ve artık bunları Page Builder Sandwich içinde de gerçekleştirebilirsiniz. Markdown ile farklı başlıklar, alıntılar, önceden biçimlendirilmiş metinler veya kodlar, yatay çizgiler, madde imli veya numaralı listeler ve bağlantılar ekleyebilirsiniz.

    Bunu, biçimlendirme düğmelerine tıklamak için farenizi kullanmanın bir alternatifi olarak düşünün. Örneğin, bir blog yazısı yazarken başka bir başlık eklemek istediğinize karar verdiniz; artık sadece iki diyez işareti (##) ve ardından başlık metninizi yazabilirsiniz. Enter tuşuna bastığınız anda tüm satır bir <h2> etiketine dönüştürülür. Ne kadar harika, değil mi?

    Desteklenen tüm markdown sözdizimlerinin bir listesini dokümantasyon sayfamızda bulabilirsiniz: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

    Ayrıca canlı demo

    Birkaç Harika Biçimlendirme Aracı ve Özelliği

    Artık elinizin altında birkaç yeni aracın olduğunu da belirtmekte fayda var:

    • Düğme aracı – Artık kısa kod içermeyen düğmeler oluşturabilirsiniz! Önceden yalnızca bağlantı linkleri oluşturmakla sınırlıydınız, artık değil! Bunun harika yanı, can sıkıcı açılır pencerelerle uğraşmadan düğme etiketini ve renklerini doğrudan düzenleyebilmenizdir.
    • Kod aracı – Geliştiriciler sevinsin, artık satır içi metni code.
    • Yatay Çizgi aracı – İçeriğinizi ayırmak için harika. Bunun için de bir markdown sözdizimi var, bir satıra bir veya daha fazla tire işareti yazmanız yeterli, bu otomatik olarak yatay bir çizgiye dönüştürülecektir.

    Bunların yanı sıra yeni kolaylık özellikleri de mevcut:

    • Bir bağlantı yapıştırdığınızda, bu otomatik olarak bir bağlantı etiketine dönüştürülür (YouTube videosu gibi gömülebilir bir URL değilse; öyleyse içerik doğrudan gömülür).
    • Bir resmi Finder veya Dosya Gezgini’nden doğrudan pencereye sürüklemek, resminizi Ortam Kütüphanesi’ne yükler. Bu gerçekten büyük bir zaman tasarrufu sağlar.

  • Sürüm 2.2 İlerleme Güncellemesi

    Version-2-2-Progress-UpdateGeçtiğimiz hafta, birçok hatayı düzelten ve WordPress bağlantı düzenleyici iletişim kutusunu Page Builder Sandwich’e ekleyen sürüm 2.1’i yayımladık.

    Şimdi de Page Builder Sandwich’te en çok talep edilen iki önemli özelliği ele aldık:

    1. Daha akıcı, daha temiz, daha basit ve yeniden tasarlanmış bir kullanıcı arayüzü.
    2. Öğeler, satırlar ve sütunlar için özel CSS sınıfları ve kimlikleri (ID) ekleme/düzenleme yeteneği.

    Eski arayüz birden fazla butonun bir araya yığılmış hali gibi görünüyordu. Teknik olarak, butonlar olduğu ve sadece onlara tıkladığınız için basitti. Ancak gerçekte, basit görünmüyor veya hissettirmiyordu ve yeni kullanıcılar için biraz göz korkutucuydu (bunu belirttikleri için destekçilerimize teşekkür ederiz). Artık tüm farklı araçlar benzer araçlar altında gruplandırıldı: metin biçimlendirme, satırlar ve sütunlar vb. İşleri daha az korkutucu hale getirmek için başlangıçta yalnızca en temel butonlar gösteriliyor. Daha “gelişmiş” araçlar ise görünüme açılıp kapatılabiliyor. Bu sayede yeni kullanıcıların öncelikle yalnızca temel düzenle tanışarak her şeyin nasıl çalıştığını hızlıca kavramaları, ardından kendilerini rahat hissettiklerinde diğer araçları görüntüleyebilmeleri hedeflendi.

    Öğe başına özel sınıfların ve kimliklerin düzenlenmesine izin verilmesi konusunda ne kadar çok talep olduğunu görünce şaşırdım. Şahsen sayfa oluşturucuları kullanırken bu araçları nadiren kullanırım, ama bu benim tercihim. Özel sınıflar ve kimlikler eklemenin zorluğu, her şeyin her zaman olabildiğince basit ve sezgisel olması gereken Page Builder Sandwich felsefesini koruması gerekliliğiydi. Bu nedenle sürüm 2.2 ile sayfanızdaki herhangi bir öğeyi seçtiğinizde, denetçide özel CSS sınıflarınızı ve kimliklerinizi ekleyebileceğiniz veya değiştirebileceğiniz bir özellikler alanı göreceksiniz. Bu aynı zamanda satırlar ve sütunlar için de geçerlidir, böylece onları neye ihtiyacınız varsa ona göre tamamen ayarlayabilirsiniz.

    Page Builder Sandwich’in geliştirilmesini destekleyen herkese teşekkürler! Gelecekteki güncellemeler için takipte kalın ?

  • Video, Ses ve Diğer İçerikleri Gömme Artık Destekleniyor

    Embedding-Video-Audio-and-Other-Content-Now-SupportedHerkese Mutlu Yıllar!

    2.3 sürümü itibarıyla oEmbed özelliklerinin artık Page Builder Sandwich ile mümkün olduğunu sizinle paylaşmaktan heyecan duyuyorum! Artık YouTube, Vimeo, Twitter, Flickr, Instagram vb. platformlardan videolar, resimler, mesaj dizileri ve daha birçok içeriği gömebilirsiniz.

    oEmbeds

    Şimdiye kadar ön yüzde (kısa kodlar haricinde) video veya başka türde gömülebilir içerik eklemenin bir yolu yoktu. Artık oEmbed’lerin tamamen desteklendiğini söylemekten mutluluk duyuyorum. Herhangi bir yere bir oEmbed URL’si yapıştırıp enter tuşuna basmanız yeterlidir; içerik otomatik olarak gömülecektir.

    oembed_cast
    Bir URL’yi tek bir satıra yapıştırmak, onu gömülü bir içeriğe dönüştürür.

    Hangi URL’ler destekleniyor? WordPress tarafından desteklenen tüm Gömme URL’leri! Ayrıca, oEmbed sağlayıcıları ekleyen bir eklentiniz varsa (örneğin WordPress.com tarafından sunulan Jetpack), bunlar da desteklenecektir.

    Bu yeni özelliğin muhtemelen en iyi yanı, içerik gömmenin sayfanızı karmaşık hale getirmemesidir. Arka uç düzenleyicide gömülü URL’ler tek satırlık bir URL dizesi olarak görünür.

    Bunu denemek isterseniz, yukarıdaki canlı demo bağlantısına tıklayın ve oraya birkaç URL yapıştırın!

    Diğer geliştirmeler ve hata düzeltmeleri

    • İçerik türü araç düğmeleri (p, h2, h3 vb.) artık neyin seçili olduğuna bağlı olarak vurgulanacaktır.
    • Satır yüksekliği artık daha küçük span öğeleri yerine tüm öğeye uygulanır.
    • Düzeltildi: Öğeler bazen gereksiz satır içi stiller alıyordu
    • Düzeltildi: Denetçi, yönetici çubuğunun arkasına geçebiliyor ve sürüklenemez hale gelebiliyordu
    • Düzeltildi: Düğme durumları daha iyi işleniyor
    • Düzeltildi: Biçimlendirme/biçimlendirmeyi kaldırma işlemi bağlantılı metinleri kaldırıyordu
    • Düzeltildi: strong, em, i, b etiketleri içeren içerikler biçimlendirilemiyordu
    • Düzeltildi: Bazı biçimlendirme araçları sütunlar ve tablolar içinde kullanılamıyordu

  • Sitenize Video, Resim, Tweet ve Diğer İçerikler Nasıl Eklenir ve Gömülür?

    How-to-Add-and-Embed-Videos-Images-Tweets-and-Other-Content-in-Your-SiteThere may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can embed these content easily in your WordPress site.

    To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.

    Kalıcı bağlantıların birçok şekli ve biçimi vardır, ancak genellikle aşağıdaki gibi görünürler. Bu örnek YouTube’dan alınmıştır:

    https://www.youtube.com/watch?v=dQw4w9WgXcQ​

    İçeriği gömmek için bu URL’leri içerik düzenleyicisine yapıştırabilirsiniz. Gömülebilir nitelikteyse, URL’nin gerçek videoya veya içeriğe dönüştüğünü görürsünüz. Dönüşmüyorsa, bu durum o siteden içerik ekleyemeyeceğiniz anlamına gelir.

    Siteme Hangi Siteleri Gömebilirim?

    Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds

    Eklenti Yüklemek Daha Fazla Gömülebilir Site Ekleyebilir

    If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.

    There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider

    İçerik Eklemek İçin Başka Bir Yol – Iframe Gömme Kodları

    Yalnızca URL’yi yapıştırmak işe yaramazsa, içerik gömmenin bir yolu daha vardır. Eklemek istediğiniz sitenin paylaşım seçeneklerini kontrol edin; kalıcı bağlantının yanı sıra size küçük bir “gömme kodu” (embed code) parçası da verilmiş olabilir. Gömme kodları şuna benzer:

    <iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>​

    Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.

    Diğer Sitelerden Ön Yüz Üzerinden İçerik Eklemek İçin Page Builder Sandwich Kullanın

    While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.

    Page Builder Sandwich, sitenizi tamamen ön yüzden düzenlemenize izin vererek işleri kolaylaştırır. Page Builder Sandwich kullandığınızda, sitenizin içeriğini kolayca yazar ve düzenlersiniz. Diğer sitelerden içerik gömmek de çok daha kolay hale gelir.

    Page Builder Sandwich ile kalıcı bağlantıyı veya iframe gömme kodunu sitenizin ön yüzünde herhangi bir yere yapıştırmanız yeterlidir; hemen gömülü içeriğe dönüştürülecektir, artık içeriği hangi sekmeye yapıştırmanız gerektiğini bilmenize gerek kalmaz.

    Page Builder Sandwich’i hemen edinin.