Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
wmaraci reklam
tr.link

WordPress’te Yan Menüsüz Sayfa Şablonu Oluşturmak!

 3 Mesajlar 3.494 Okunma
acebozum
tr.link

#1
aDesigner aDesigner Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 26.10.2010
  • Yaş/Cinsiyet - / E
  • Meslek Tasarımcı
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 396
  • Beğeniler 18 / 129
  • Ticaret 0, (%0)
Merhaba :) Bu gün sizlere, kendi blogumda da kullandığım, yan menü olmamasını istediğimiz bir sayfayı WordPress’e nasıl entegre edeceğimizden bahsedeceğim. WordPress bilindiği üzere dünyaca ünlü bir blog sistemidir. Son yıllarda ülkemizde de blogların popülerleşmesi ile WordPress hala adını duyurmaya devam ediyor. Her neyse, kısaca bu yazımda WordPress’te bir sayfa şablonu oluşturma konusundaki bilgilere kendimden de bir şeyler katıp anlatmak istedim :)

Not: Bu anlatımda kendim düzenlemiş olduğum BiNot temasının kodlarını kullanacağım.

Yan Menüsüz Sayfa Oluşturmak:

Öncelikle temamızdaki page.php adlı dosyamızın kopyasını oluşturuyoruz. Kopya olanın adını yan-menusuz-sayfa.php olarak değiştiryoruz.

Page.php sayfası görünümü:











'

Sayfalar: ', 'after' => '

', 'next_or_number' => 'number')); ?>





', '

'); ?>









Daha sonra yan-menusuz-sayfa.php adlı sayfanın en başına aşağıdaki kodu ekliyoruz. Bu kod sayfa ekleme panelimizden şablon seçimi yaparken seçenekte görünen ismi belirlemeye yarıyor


Template Name: Yan Menüsüz Sayfa
*/
?>

Şimdi de, sayfanızdan yan menüye ait bütün izleri silmelisiniz. Yani yan-menusuz-sayfa.php sayfasından veya yan menüyü çağıran her kodu kaldırmalısınız. Ben sadece komutunu kaldırdım.

Yan-menusuz-sayfa.php’nin olması gereken görünümü:

Template Name: Yan Menüsüz Sayfa
*/
?>









'

Sayfalar: ', 'after' => '

', 'next_or_number' => 'number')); ?>





', '

'); ?>








Daha sonra Yönetim Paneli >> Yeni Sayfa Ekle bölümünden yeni sayfamıza bir başlık giriyoruz. Daha sonra da “Sayfa Özellikleri” bölümünden şablon olarak “Yan Menüsüz Sayfa” seçeneğini ayarlıyoruz.



ve önizleme yapıyoruz.

Şimdi önizleme aşağıdaki şekilde gözükecektir:



Görünüşe göre yazılar beli bir sınırda kalıyor. Bunun sebebi de belli bir genişlik verilmiş olması. Bunu da CSS’mizden sayfa içindeki stilleri bularak ayarlayabiliriz. Örneğin BiNot temasının page.php sayfasında her şey
ile genişletilmiş. Yani sadece onu değiştirirsek işlem tamamlanmış olacak. Bu nedenle CSS sayfamızdan bu değeri kopyalayıp yapıştırıyoruz. Yapıştırdığımız koldarın değerini #yazi-icerik-yanmenusuz olarak adlandırıyoruz ve genişlik değerini width: 90%; olarak ayarlıyoruz.

Yani CSS aşağıdaki hali alıyor:

#yazi-icerik {
float: left;
width: 590px;
margin-left: 15px;
padding: 0 0 0 30px;
}

#yazi-icerik-yanmenusuz {
float: left;
width: 90%;
margin-left: 15px;
padding: 0 0 0 30px;
}

Daha sonra yen-menusuz-sayfa.php sayfasındaki
bölümünü
olarak değiştiriyoruz.

Sayfamız son olarak aşağıdaki görünümü alacak:



İşte bu kadar :) Artık sayfamızda yan menü görünmeyecek :) Anlatımda herhangi bir hataya rastlarsanız veya sorunuz olursa yorum panelinden bildirirseniz sevinirim, iyi çalışmalar :)

Kaynak: Sorbize.com / WordPress’te Yan Menüsüz Sayfa Oluşturmak
 

 

googleasistan
reklam

#2
Adil Adil Sms Onayı Gerekli Banlı Kullanıcı
  • Üyelik 26.11.2010
  • Yaş/Cinsiyet 28 / E
  • Meslek Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad A** Ö**
  • Mesajlar 1217
  • Beğeniler 99 / 125
  • Ticaret 3, (%100)
Sorbizede görmüştüm yazını yine faydalı bi konuya parmak basmışsın.Teşekkürler +tb
 

 

#3
Orifame Orifame Oriflame Danışmanı Kullanıcı
  • Üyelik 01.01.2013
  • Yaş/Cinsiyet 38 / E
  • Meslek Oriflame Danışmanı
  • Konum Ankara
  • Ad Soyad E** Ç**
  • Mesajlar 343
  • Beğeniler 69 / 42
  • Ticaret 2, (%100)
ben yaren tema kullanıyorum.
Style.css dosyası:


/* Theme Name: Yaren Wordpress Teması



Theme URI: http://demo.safirtema.com/yaren



Description: http://demo.safirtema.com/yaren



Author: Safir Tema */
@font-face {
font-family: 'pf_beausans_pro_semiboldRg';
src: url('fonts/pfbeausanspro-sebold-webfont.eot');
src: url('fonts/pfbeausanspro-sebold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pfbeausanspro-sebold-webfont.woff') format('woff'), url('fonts/pfbeausanspro-sebold-webfont.ttf') format('truetype'), url('fonts/pfbeausanspro-sebold-webfont.svg#pf_beausans_pro_semiboldRg') format('svg');
font-weight: normal;
font-style: normal; }

* {
margin: 0;
padding: 0;
outline: 0; }

ul {
list-style: none;
list-style-position: outside; }

a { text-decoration: none; }

a img { border: none; }

body {
font: 14px "Calibri", Arial, Helvetica, sans-serif;
background: url(images/body-bg.png);
color: #333; }

h1 { font-size: 24px; }

h2 { font-size: 20px; }

h3 { font-size: 18px; }

h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-family: 'pf_beausans_pro_semiboldRg', sans-serif; }

/* html5 elements */
section, header, footer, article, aside, nav { display: block; }

/* Custom Classes */
.box {
background: #fff;
border-radius: 5px;
border: 1px solid #cdc;
padding: 10px;
position: relative;
overflow: hidden;
margin-bottom: 10px; }

.box h1 {
background: #eee;
line-height: 36px;
margin: -9px -9px 12px -9px;
padding: 0 10px;
font-size: 17px; }

.box .extra {
position: absolute;
right: 10px;
top: 10px; }

.extra a {
display: block;
float: left; }

.box .extra a.thumb {
width: 22px;
height: 20px;
background: url(images/sprite.png) -500px -1790px;
text-indent: -9999px; }

.box .extra a.detail {
width: 22px;
height: 20px;
background: url(images/sprite.png) -540px -1790px;
text-indent: -9999px;
margin-left: 4px; }

.box .extra a.thumb:hover, .box .extra a.detail:hover { opacity: 0.8; }

.pic {
padding: 3px;
box-shadow: 0 0 2px #aaa;
border-radius: 3px;
background: #fff; }

.wide-ad {
height: 90px;
width: 728px;
margin-bottom: 10px; }


/* Article List */
.list {
float: left;
margin-left: 10px;
text-align: center;
width: 169px;
margin-bottom: 10px;
position: relative; }

.list.clear {
margin-left: 0;
clear: both; }

.list img {
width: 160px;
height: 160px;
margin: 2px; }

.list h2 {
margin: 0;
font-weight: normal;
font-size: 14px;
margin: 0 5px;
line-height: 1.2; }

.articledetail {
overflow: hidden;
margin-top: 10px; }

.articledetail:first-child { margin-top: 0; }

.articledetail .thumb {
width: 140px;
float: left; }

.articledetail img { margin: 2px; }

.articledetail .detail {
width: 565px;
float: right; }

.articledetail h2 { margin: 0; }

.articledetail p { line-height: 1.4; }

.articledetail p { text-align: justify; }

#detail, #thumb { display: none; }

#detail.active, #thumb.active { display: block; }

#recents.box, #content.box, #gallery.box { min-height: 180px; }

/* layout */
#wrapper, #header-cont, #footer-cont {
width: 1040px;
margin: 0 auto; }

header {
height: 200px;
background: url(images/sprite.png);
margin-bottom: 10px; }

#topmenu { height: 35px; }

#topmenu ul {
float: right;
line-height: 35px;
overflow: hidden; }

#topmenu li { float: left; }

#topmenu a {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #d2529f; }

#topmenu li:first-child a {
margin-left: 0;
padding-left: 0;
border: none; }

#banner {
height: 104px;
position: relative; }

#header-logo {
position: absolute;
left: 0;
bottom: 10px; }

#header-logo h1 { margin: 0; }

#banner-ad {
position: absolute;
right: 0;
line-height: 104px; }

#menu {
height: 60px;
position: relative;
z-index: 20; }

#menu li {
float: left;
text-align: center; }

#menu li:first-child { border-left: none; }

#menu a {
display: block;
color: #fff;
min-width: 99px;
padding: 0 15px;
line-height: 60px;
font-family: 'pf_beausans_pro_semiboldRg', sans-serif;
font-size: 14px; }

#menu a:hover { background: url(images/sprite.png) 0 -1080px no-repeat; }

.sub-menu {
visibility: hidden;
position: absolute;
margin-left: -1px; }

li:hover .sub-menu { visibility: visible; }

#menu .sub-menu li {
text-align: left;
float: none;
border-left: none; }

#menu .sub-menu a {
width: auto;
min-width: 100px;
line-height: 34px;
display: block;
padding: 0 15px; }

/* Slider */
#slider-cont {
position: relative;
z-index: 10;
margin-bottom: 10px;
background: url(images/sprite.png) 0 -200px no-repeat;
border: 1px solid #cdc;
border-radius: 5px;
overflow: hidden; }

#slider {
position: relative;
height: 250px;
overflow: hidden;
margin: 1px; }

#slider .slide { display: none; }

#slider .slider-picture {
display: block;
float: left;
width: 610px;
height: 250px;
border-radius: 3px 0 0 3px; }

#slider .info {
float: right;
width: 405px;
padding: 8px; }

#slider h2 { font-size: 20px; }

#slider .content {
line-height: 1.8;
text-align: justify; }

#slider .meta {
overflow: hidden;
margin: 10px 0;
list-style: none; }

.meta li {
float: left;
padding-left: 20px;
margin-right: 10px;
line-height: 20px; }

.readmore {
border-radius: 4px;
position: absolute;
bottom: 10px;
left: 620px; }

.readmore a {
display: block;
padding: 5px 10px;
color: #fff;
line-height: 20px;
height: 20px; }

.readmore a:hover { background: url(images/sprite.png) 0 -1080px; }

#slider-nav {
position: absolute;
bottom: 8px;
right: 8px; }

#slider-thumbs a {
width: 12px;
height: 12px;
margin: 0 2px;
display: block;
text-indent: -9999px;
float: left; }

/* Featured */
#featured { overflow: hidden; }

#featured article {
float: left;
margin-left: 9px;
text-align: center;
width: 196px; }

#featured article:first-child { margin-left: 0; }

#featured img {
width: 190px;
height: 110px; }

#featured h2 {
margin: 0;
font-weight: normal;
font-size: 14px;
margin: 0 5px;
line-height: 1.2; }

/* Main */
#main { overflow: hidden; }

#content, #home, #single {
width: 728px;
float: left; }

/* Home - Recents */
#recents { overflow: hidden; }

/* Gallery */
span.icon {
position: absolute;
top: 35px;
left: 70px;
display: none;
width: 35px;
height: 35px;
background: url(images/sprite.png) -980px -1730px no-repeat;
cursor: pointer; }

/* Tabbed Section */
#tabbed {
overflow: hidden;
min-height: 300px; }

#titles {
overflow: hidden;
margin: -9px -9px 10px -9px;
background: #eee;
padding: 0 5px; }

#titles li { float: left; }

#titles a {
line-height: 32px;
display: block;
padding: 0 12px;
margin: 4px 3px 0;
font-size: 14px;
font-family: 'pf_beausans_pro_semiboldRg', sans-serif; }

#titles a.active, #titles a:hover {
background: #fff;
border-radius: 5px 5px 0 0;
box-shadow: 0 0 4px #ccc; }

#tabbed .tab {
display: none;
overflow: hidden; }

#tabbed h2, #tabbed p {
margin: 0;
font-weight: normal; }

.tab-big {
width: 340px;
padding: 2px;
float: left; }

.tab-big h2 { font-size: 14px; }

.tab-right {
width: 350px;
float: right; }

.tab-right h2 {
font-size: 14px;
text-align: center; }

.tab-item {
width: 160px;
float: left;
padding: 2px; }

.tab-item:first-child { margin-right: 15px; }

.tab-right ul {
clear: both;
background: url(images/sprite.png) -600px -2240px no-repeat;
margin-top: 10px;
padding-top: 10px; }

.tab-right li {
line-height: 24px;
padding-left: 14px; }

/* Sidebar */
aside {
width: 300px;
float: right; }

.panel { margin: 10px -10px 0 -10px; }

.panel:first-child { margin-top: -10px; }

.panel .content {
padding: 0 10px;
overflow: hidden; }

.panel li { line-height: 1.8; }

.panel h2 {
font-size: 14px;
font-weight: normal;
color: #fff;
line-height: 30px;
margin: 1px 1px 10px 1px;
padding: 0 8px; }

.panel:first-child h2 { border-radius: 3px 3px 0 0; }

.panel.sidebarAd {
width: 300px;
height: 250px;
margin: 0 0 10px 0; }

.panel.social ul {
overflow: hidden;
margin-bottom: -5px; }

.panel.social li {
float: left;
margin: 0 0 6px 6px; }

.panel.social li:first-child { margin-left: 0; }

.panel.social a {
display: block;
width: 34px;
height: 34px; }

.panel.social li.facebook { background: url(images/sprite.png) -500px -1730px no-repeat; }

.panel.social li.twitter { background: url(images/sprite.png) -540px -1730px no-repeat; }

.panel.social li.youtube { background: url(images/sprite.png) -620px -1730px no-repeat; }

.panel.social li.google { background: url(images/sprite.png) -580px -1730px no-repeat; }

.panel.social li.linkedin { background: url(images/sprite.png) -660px -1730px no-repeat; }

.panel.social li.digg { background: url(images/sprite.png) -740px -1730px no-repeat; }

.panel.social li.pinterest { background: url(images/sprite.png) -780px -1730px no-repeat; }

.panel.recent .item {
padding-top: 5px;
margin-top: 5px;
overflow: hidden;
border-top: 1px dashed #ddd; }

.panel.recent .content .item:first-child {
padding-top: 0;
margin-top: 0;
border-top: none; }

.panel.recent .thumb {
float: left;
margin-right: 5px; }

.panel.recent img {
display: block;
margin: 2px; }

.panel.recent h3 { font-size: 14px; }

.panel.recent .info {
float: left;
width: 170px; }

.panel .cat-item {
border-top: 1px dashed #ddd;
line-height: 32px;
padding-left: 14px;
font-family: 'pf_beausans_pro_semiboldRg', calibri, sans-serif; }

.cat-item span {
float: right;
font-style: italic;
color: #ccc;
font-size: 14px;
font-family: Calibri, Arial, Helvetica, sans-serif; }

.cat-item:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }

#safir-recent-comments li {
border-top: 1px dashed #dcd;
padding-top: 5px;
margin-top: 5px;
color: #666;
line-height: 1.2; }

#safir-recent-comments li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }

#safir-recent-comments a { color: #666; }

#safir-recent-comments a:hover { color: #333; }

#safir-burclar {
overflow: hidden;
margin: 0 -1px -10px; }

#safir-burclar li {
width: 70px;
float: left;
text-align: center;
margin-bottom: 10px; }

#safir-burclar a {
padding-top: 30px;
display: block; }

#safir-burclar li.koc { background: url(images/sprite.png) 0 -1680px no-repeat; }

#safir-burclar li.boga { background: url(images/sprite.png) 0 -1740px no-repeat; }

#safir-burclar li.ikizler { background: url(images/sprite.png) 0 -1800px no-repeat; }

#safir-burclar li.yengec { background: url(images/sprite.png) 0 -1860px no-repeat; }

#safir-burclar li.aslan { background: url(images/sprite.png) 0 -1920px no-repeat; }

#safir-burclar li.basak { background: url(images/sprite.png) 0 -1980px no-repeat; }

#safir-burclar li.terazi { background: url(images/sprite.png) 0 -2040px no-repeat; }

#safir-burclar li.akrep { background: url(images/sprite.png) 0 -2100px no-repeat; }

#safir-burclar li.yay { background: url(images/sprite.png) 0 -2160px no-repeat; }

#safir-burclar li.oglak { background: url(images/sprite.png) 0 -2220px no-repeat; }

#safir-burclar li.kova { background: url(images/sprite.png) 0 -2280px no-repeat; }

#safir-burclar li.balik { background: url(images/sprite.png) 0 -2340px no-repeat; }

footer {
background: url(images/sprite.png) 0 -580px;
border-top: 1px solid #cdc;
padding: 15px 0; }

#footer-cont {
width: 1040px;
margin: 0 auto;
overflow: hidden;
height: 60px; }

#footer-logo {
float: left;
width: 400px; }

#footer-menu {
float: right;
width: 600px;
overflow: hidden; }

#footer-menu a { color: #333; }

#footer-menu a:hover { color: #000; }

#footer-menu nav {
overflow: hidden;
text-align: right;
float: right; }

#footer-menu li {
float: left;
padding-left: 10px;
margin-left: 10px;
line-height: 15px;
border-left: 1px solid #999; }

#footer-menu li:first-child {
padding-left: 0;
margin-left: 0;
border-left: none; }

#footer-menu a { font-weight: bold; }

#footer-cont #copyright {
clear: both;
text-align: right;
margin-top: 20px; }

#searchform {
position: relative;
width: 280px;
height: 36px;
background: url(images/sprite.png) -500px -2460px no-repeat; }

#searchform label { display: none; }

#s {
display: block;
float: left;
width: 220px;
height: 18px;
line-height: 18px;
border: none;
margin: 9px 4px 7px 4px;
padding: 0 6px;
color: #999;
font-family: "century gothic", Arial, Helvetica, sans-serif; }

#searchsubmit {
display: block;
float: right;
margin: 6px 0;
line-height: 22px;
height: 22px;
width: 34px;
border: none;
border-left: 1px solid #efefef;
cursor: pointer;
background: url(images/sprite.png) -780px -2460px no-repeat;
text-indent: -9999px; }

/* Switcher */
#switcher {
position: fixed;
top: 320px;
left: -1px;
width: 20px;
padding: 5px 5px 0 5px;
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 0 2px #ccc;
border-radius: 0 3px 3px 0; }

#switcher li {
margin-bottom: 5px;
border-radius: 3px; }

#switcher a {
display: block;
height: 20px; }

#modalburc {
display: none;
position: fixed;
z-index: 100;
top: 5%;
left: 35%;
width: 500px;
background: #fff;
border-radius: 12px;
border: 2px solid #a1a1a1;
padding: 20px;
line-height: 1.5;
box-shadow: 0 0 50px #000; }

#modalburc a.close {
position: absolute;
top: 5px;
right: 5px; }

/* WP Classes */
.float { overflow: hidden; }



page.php dosyası






şeklinde.
Birkaç yerde düzenleme yaptım ama olmadı. Burada ki gibi oluyor ve sağ tarafa doğru genişlemiyor. Yardımcı olur musunuz ?
 

 

Winpress-7 Tema
WordPress Arama Motorunuzu Güçlendirin
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)