- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Personalizzare una sola pagina di Wordpress
-
Ho eliminato la stringa "<?php get_sidebar(); ?>" dal file page.php
Vorrei però che la larghezza della pagina fosse maggiore. Dove devo agire?
Grazie
-
Penso tu debba modificare il width nel foglio di stile per la classe ".container".
Vuoi solo espandere la pagina fino ai limiti del blog dove stava prima la sidebar giusto?
-
@n1gH7 said:
Vuoi solo espandere la pagina fino ai limiti del blog dove stava prima la sidebar giusto?
Esatto
-
@n1gH7 said:
Penso tu debba modificare il width nel foglio di stile per la classe ".container".
Questo è il foglio di stile:
/* */ /* STANDARD STYLING */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } body { color:#333333; /* DEFAULT BODY TEXT COLOR CUSTOMIZE IN THEME OPTIONS */ font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */ font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; background: #efefef url(images/back-gradient.jpg) repeat-x left top; } a {color:#0088CC;text-decoration: none;} /* LINK COLOR */ a:hover {text-decoration: underline;} p,.p {margin-bottom: 15px;} img {border: none;} ul li { margin: 0px;} ul {margin: 5px 0px 15px;padding-left: 20px;} ol {margin: 5px 0px 15px;padding-left: 20px;} form {margin: 0px;padding: 0px;} small { font-size: 90%;} hr{border: none; border-bottom: 1px dotted #666;margin: 1.5em 0;} blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;} /* @ rounded corners in mozilla and apple browsers */ .page-nav{ -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* LAYOUT SECTION - EDIT THESE TO ADJUST LAYOUT */ #wrapper { width: 960px; /* width of content */ margin: 0px auto; position: relative; } #header { padding: 15px 0;position:relative;} /* height of the header */ #left-col { width: 660px; /* width of left column */ float: left; } .post .title { width: 540px; /* width of title area for posts & pages */ float: left; margin-left: 10px; } #sidebar{ width: 280px; float:right; } /*width of sidebar */ .icons { position:absolute; right:0; bottom:8px; height: 50px; } /* site title */ #blogtitle { font-size: 39px; /* blog title size */ float:left; line-height: 47px; position:relative; } .sheen { position: absolute; z-index: 5; background-color: transparent; background-image: url(images/sheen.png); background-position: 0 0; background-repeat: repeat-x; display: block; width:100%; height: 25px; float: left; } a{color: #000;} a:hover{color: #0088CC;text-decoration: none;} #blogdescription { float: left; margin-top: 25px; /* description distance from top of screen */ margin-left: 10px; } .nav-icon {float: right;margin:13px 0 0 8px;} /* HEADERS */ h1, h2, h3, h4, h5, h6{color: #333;font-weight: normal;margin:0;padding: 0; line-height: 1.1em;} h1 a, h2 a, h3 a, h4 a, h5 a{color:;} h1{font-size: 32px;} h2{font-size: 28px;} h3{font-size: 24px;} h4{font-size: 20px;} h5{font-size: 16px;} h6{font-size: 12px;} /* SEARCH BAR STYLING */ #searchform { width: 200px; float: right; font-size: 13px; padding:0; margin:2px 5px 0 0 ; position: relative; } #s{ background:transparent url(images/search-bar-trans.png) no-repeat scroll center top; margin:0; border: none; padding:7px 0 0; height: 25px; position:absolute; right:13px; top:0; width:163px; color:; overflow: hidden; } :focus { outline: 0;} .left{ background:transparent url(images/search-leftcap-trans.png) no-repeat scroll left top; display:block; height:29px; left:0; position:absolute; top:0; width:33px; } .right{ background:transparent url(images/search-rightcap-trans.png) no-repeat scroll right top; display:block; height:29px; position:absolute; right:0; top:0; width:14px; } #searchsubmit { background: url(images/search-button.png) no-repeat center; height: 24px; width: 24px; border: none; cursor: pointer; text-indent: -999%; line-height: 1px; margin:0; } /* @ welcome */ #welcome p { font-size: .95em; color: #555; } p a{text-decoration: underline;} p a:hover{color: #3399cc;} /* MAIN NAVIGATION */ #nav { font-size: 14px; background: transparent url(images/nav-bg.png) no-repeat 0px -1px; height: 36px; margin-bottom: 16px; } ul{ list-style: none; display: block; margin: 0px 0px 0px 10px; padding: 0px; width: 600px; float: left; } ul li{ font-weight: bold; margin: 0px 5px 0px 0px; padding: 0px; float: left; } ul li a.home{padding: 5px 10px 5px 10px;} ul li a{ padding: 9px 10px 9px 10px; text-decoration: none; color: #222; display: block; } ul li a small{display: none;} .current_page_item a, .current_page_item a:hover{ text-decoration: none; background: #2a2a2a url(images/nav-current.png) repeat-x top left; color: #fff; } li a:hover{ color:; background: #b1b1b1 url(images/nav-hover.png) repeat-x top left; } li a:active{ color:; background: url(images/nav-action.png) repeat-x top left; } /* SUB NAVIGATION (ONLY ON PAGES) */ #subnav { margin-top: 15px; font-size: 14px;} ul { margin: 0px; padding: 0px 0px 0px 5px; list-style: none; } li { padding: 4px 7px; margin: 0px; float: left; } ul li a { color:#555; float:left !important; margin:5px 10px 0px 0px; padding:0; text-decoration:none; } ul li ul li{display: none;} li a, li a:visited, .page_item { text-decoration: none; color:; } .current_page_item a, .current_page_item a:visited { color: #3b9acc; } li a:hover { text-decoration: none; color:; } /* CONTENT */ #content { clear: both; overflow: hidden; } .post { padding: 25px 25px 15px 25px; background: url(images/post-bg.png) repeat-x left bottom; clear: both; overflow: hidden; padding-bottom: 1em; border: 1px solid; border-right: 1px solid #ccc; border-bottom: 1px solid #bbb; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .post .date { height: 50px; width: 50px; background: url(images/calendar.png) no-repeat; font-size: 22px; color: #666666; text-align: center; padding: 0px 2px 0 0; line-height: 19px; float: left; } .post .date span { height: 16px; display: block; font-size:11px;; color: #ffffff; text-align: center; margin-bottom: 6px; } .postdata { font-size: 90%; color: #999999; } .postdata a, .postdata a:visited { color:; text-decoration: none; } .postdata a:hover { color:; text-decoration: none; } .postdata .category{ float: left; } .postdata .comments{ float: right; } .mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat left center; padding-left: 12px; float: right; } .entry { padding: 15px 0px 5px; clear: both; font-size: 14px; line-height: 1.6em; margin-bottom: 1em; } /* POST TITLE STYLING */ h2.posttitle { margin: 0px 0 2px; padding-bottom: 4px; font-size: 24px; border-bottom: dotted 1px #CCCCCC; } h2.posttitle a, h2.posttitle a:visited { text-decoration: none; } h2.posttitle a:hover { color:; text-decoration: none; } .tags { float: right; color: #aaa; margin-top: 4px; margin-bottom: 1em; } .tags a{font-weight: bold;color:;} .tags a:hover{color:#0088CC ;text-decoration: none;} /* next & previous page navigation */ .page-nav { clear: both; padding: 5px; background: #e5e5e5 url(images/agradient-30.gif) repeat-x left top; } .page-nav a, .page-nav a:visited { color:; text-decoration: none; } .page-nav a:hover { color:; text-decoration: none; } .previous-entries a { float: left; padding-left: 10px; margin-left: 10px; background: url(images/navigation-left.gif) no-repeat left center; } .next-entries a { float: right; padding-right: 10px; margin-right: 10px; background: url(images/navigation-right.gif) no-repeat right center; } /* next & previous post navigation */ .post-nav { clear: both; padding-bottom: 35px; margin-top: 15px; font-size: 95%; } .post-nav a, .post-nav a:visited { color:; text-decoration: none; } .post-nav a:hover { color: #000000; text-decoration: none; } .post-nav .previous a { float: left; padding-left: 20px; background: url(images/post-nav-previous.gif) no-repeat left center; } .post-nav .next a { float: right; padding-right: 20px; text-align: right; background: url(images/post-nav-next.gif) no-repeat right center; } /* ------------------------------------- comment area */ h3#comments { background: url(images/comments.gif) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; clear: both; } #respond h3 { background: url(images/icons/edit.png) no-repeat; padding-left: 22px; font: normal 140%/120% Arial, Helvetica, sans-serif; margin: 20px 0px 0px; clear: both; } /* commentform */ #commentform { margin-top: 10px; } label { font-weight: bold; color:#666; font-size: 100%; padding-left: 5px; } small { font-size: 90%; } textarea { font: 110% Arial, Helvetica, sans-serif; width: 480px; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border: solid 1px #e6e6e6; padding: 5px 3px 3px 7px; } textarea:focus, input[type="text"]:focus { border: solid 1px #999; } /* comment list */ .commentlist { margin: 10px 0px; padding-left: 45px; line-height: 130%; } .commentlist li{ padding: 5px 10px; } .commentlist ul.children {list-style-type: none;} .commentlist .alt { background: #F4F4F4; } .commentlist cite { font-weight: bold; font-style: normal; font-size: 110%; color:; } .commentlist cite a{ color:; } img.avatar { float: right; margin: 5px; } .commentlist .comment-meta { margin-bottom: 5px; display: block; font-size: 87%; } .commentlist .comment-meta a{ color:; } /* ------------------------------------- cred area */ #bottomnav { margin: 8px 3px; clear: both; } a.pagelines { display: block; float: right; text-indent:-3330em; height: 35px; width:35px; font-size: 8px; color:; font-weight: bold; background: url(images/iphone-pagelines.png) no-repeat 3px 0px; } #cred a, a:visited { text-decoration: none; color: #444; } a:hover { text-decoration: underline; } /* Before footer */ #morefoot { background:#FFFFFF url(images/post-bg.png) repeat-x scroll left bottom; border-color:#DDDDDD #BBBBBB #DDDDDD; border-style:solid; border-width:1px; border: 1px solid; padding: 25px; color:; margin: 1.5em 0 10px 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } p { margin: 5px 0; padding: 5px 0; } ul { list-style-type: none; margin-top: 5px; } ul li, p { font-size: 9pt; } a { text-decoration: underline; color:; } a:hover { text-decoration: underline; color: #0088cc; } h3 { color:; letter-spacing: -1px; border-bottom: 1px dotted; margin: 0; padding: 0 0 2px 0; } #searchbox { padding: 1px; width: 180px; } .col1 { float: left; width: 340px; } .col2 { margin: 0 25px; } .col2, .col3 { float: left; width: 250px; } li { margin-bottom: 5px; background: url(images/more.gif) left 2px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */ } /* @ FORMS */ legend{display: none;} fieldset{border:none;background: transparent;} /* commentform */ label { color:#555; font-size: .85em; display: block; } small { font-size: 90%; } input{ font: 110% arial, helvetica; padding: 5px 3px 3px 5px; background: url(images/form-field-bg.gif) no-repeat; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-left: 1px solid; } textarea { font: 110% courier, arial, helvetica; height: 140px; background:url(images/form-field-bg.gif) no-repeat; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-left: 1px solid; padding: 5px 3px 3px 7px; } textarea:focus, input[type="text"]:focus { border: solid 1px; } .button, input[type="submit"], .submit { border: 1px solid; background: url(images/gradlight.gif) repeat-x left top; margin:0; padding: 5px 3px 4px 5px; font-family: arial, helvetica; font-weight: bold; color:; } .button:hover, input[type="submit"]:hover{ background: #535353 url(images/graddark.gif) repeat-x top left; color: #FFF; cursor: pointer; } #cformsform ol {list-style-type: none;} /* sidebar */ { color:; margin:0; padding: 0; font-size: 13px; } p { margin: 0px 0px 15px; } h2{ font-size: 20px; margin-bottom: 5px; } a, a:visited { color:; text-decoration:none; } a:hover, a:focus, a:active { text-decoration:underline; } ul { list-style: none; margin: 0; padding: 0;} ul li {padding-left: 20px ;} ul li ul li { padding: 2px 2px 2px 12px;} .widget{ margin-bottom: 1.5em; border: 1px solid; background:#FFF; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #sidebar_drawer h3{ font-size: 13px; color:; padding: 8px 10px; font-weight: bold; background: url(images/nav-default.png) repeat-x left top; } .ui-sortable h3:hover{cursor: move;background: url(images/graddark.gif) repeat-x left top;color:;} .drawer-content{ padding: 10px 10px 20px 10px; background: url(images/post-bg.png) repeat-x left bottom; } ul li{ border-bottom: 1px solid #eee; padding: 6px; } ul li a{ font-weight: bold; } ul li ul li{ border: none; padding: 2px 2px 2px 12px; } ul li ul li a{ font-weight: normal; color:#0088CC; } /* meta */ #meta .rss { background: url(images/icons/feed.png); background-repeat: no-repeat; } .check { background: url(images/comment.gif); background-repeat: no-repeat; } #accordion{ border: 1px solid; margin-bottom: 1.5em; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .widget{ margin:0; border:none; line-height: 1.6em; } .drawer-handle{ font-weight: bold; display: block; cursor: pointer; padding: 12px 10px; background: url(images/gradlight.gif) repeat-x left top; font-size: 13px; } .drawer-handle:hover{ background: url(images/graddark.gif) repeat-x left top; text-decoration: none; } .drawer-handle:hover a{color:;} .selected{ color:; background: url(images/graddark.gif) repeat-x left top; } .drawer-content{ border-bottom: 1px solid; background:; color:; padding: 14px 10px; } #feedbox {margin-right: 8px;} #archives ul li { background: url(images/archive.gif) no-repeat right 9px;} #recent-comments ul li { background: url(images/comment.gif) no-repeat left 5px;padding: 5px 4px 3px 20px;} /* meta */ .rss {background: url(images/mini-rss.gif) no-repeat right 9px;} .check { background: url(images/comment.gif) no-repeat right 9px;} /* calendar */ #calendar table { margin: 0px auto;} td { padding: 0px 4px; } caption{ color:; font-weight: bold;font-size: 1.2em; } /* alignments */ .center {text-align: center;} img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; } img.left, img[align="left"] { float:left; margin: 2px 10px 5px 0px; } img.right, img[align="right"] { float:right; margin: 2px 0px 5px 10px; } hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;} .wp-caption { text-align: center; background-color:; margin: 10px; padding: 4px; margin-bottom: 1em; } .wp-caption-text {font-size: 10px;margin:0;padding:6px 3px 2px;line-height: 16px;} .wp-caption img {margin: 0; padding: 0; border: 0 none;margin-top: 5px; } .wp-caption-dd {font-size: 11px;line-height: 17px; padding: 0 4px 5px; margin: 0; } /* @ STANDARD ELEMENTS */ img#wpstats{width:0px;height:0px;overflow:hidden;} .border{ padding: 2.5px; border: 1px solid;} .hidden {display: none; visibility: hidden;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;margin:0 10px 5px 0;} .alignright {float: right;margin:0 0 5px 10px;} .left { float: left; } .right { float: right; } .clear {clear:both;} /* FLOATING AND ALIGNMENT */ .floatleft{float:left;margin:3px 7px 0 0;} .floatright{float:right;margin:3px 0 0 7px;} .right{float:right;} .block{display:block;} .center {text-align: center;} /* PIPED LINKS */ .piped { display: block; zoom: 1; padding: 0;margin:0;float: left;} .piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .piped li { float: left; display: inline; } .piped a {padding: 0 0 0 0.75em; margin-left: 0.75em; } .piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; } .piped small {display:none;} /* CLEARFIX */ .fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{display:inline-block;} * html .fix{height:1%;} .fix{display:block;} /******************************/
Non trovo nessun "container"
-
è tutto commentato...
width: 960px; /* width of content */
width: 660px; /* width of left column */
-
@LAR said:
è tutto commentato...
width: 960px; /* width of content */
width: 660px; /* width of left column */
Grazie mille!
Se modifico questi parametri modificherò il layout solo delle pagine o di tutto (anche il blog)?
In ogni caso proverò
-
@danielegenova said:
Se modifico questi parametri modificherò il layout solo delle pagine o di tutto (anche il blog)?
Mi sa che le modifiche al foglio di stile varranno per tutte le pagine; io personalmente rinominerei il div relativo al content della pagina singola in questo modo puoi utilizzare una larghezza diversa soltato per le pagine singole.
-
Oppure puoi creare un DIV solo ed esclusivamente per la pagina personalizzata di cui hai bisogno.
-
@lukas75 said:
Oppure puoi creare un DIV solo ed esclusivamente per la pagina personalizzata di cui hai bisogno.
Questo all'interno del file page.php?
-
No no, io intendo proprio un DIV diverso nel file CSS, da richiamare poi nel file page.php o nel tuo file personalizzato.
-
@lukas75 said:
No no, io intendo proprio un DIV diverso nel file CSS, da richiamare poi nel file page.php o nel tuo file personalizzato.
Direi di non esserne in grado purtroppo
-
@giapox said:
Mi sa che le modifiche al foglio di stile varranno per tutte le pagine; io personalmente rinominerei il div relativo al content della pagina singola in questo modo puoi utilizzare una larghezza diversa soltato per le pagine singole.
Questo div lo trovo nel foglio di stile menzionato prima?
Sorry per l'ignoranza
-
Certamente, lo trovi nel file styles.css del template che stai usando.
-
Chiedo troppo se vi chiedo di inserire la modifica all'interno del codice che ho postato?
Grazie tante
-
Girami via mail il file styles.css e il file page.php... te la inserisco io!
-
Grazie mille per la disponibilità!
Non trovo la tua mail nel profilo
-
Grazie a Luca che mi ha modificato i file e me li ha spediti via mail!!
-
De nada... quando si può, a disposizione!