چپ نویس کردن عنوان پست « انجمن وردپرس فارسی

میخواستم ببینم چه طور میشه عنوان پست رو چپ نویس کرد ؟

ببین باید با استایل ور بری..
باز باید قالب رو دید ولی بنظر من که تو استایل باید باشه. css.

مربوط به کدوم پوسته ؟

لطفا لینک بدید یا کدهای index.php و style رو اینجا بذارید :|

خیلی خیلی خلاصه ، یه همچین کدی رو باید به استایل مربوط به عنوان نوشته ها اضافه کنید :

text-align:left

البته به این راحتی نمیشه گفت فقط همین ، چون یه سری تنظیمات دیگه هم لازمه .

پوسته ی personal

<?php get_header(); ?>

		<div class="container inner">

<?php include (TEMPLATEPATH . '/menu.php'); ?>

			<div class="top"></div><div class="clear"></div>

			<div id="headimg"></div>

			<div id="content">

				<?php if(have_posts()) : ?><?php while(have_posts()) : the_post() ?>
				<?php if(function_exists('the_views')) { the_views(); } ?>

				<div id="post-<?php the_ID(); ?>" class="post">

					<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
					<div class="entry-meta">
						<span class="author"><?php _e('Published by','personal'); ?> <?php the_author_posts_link(); ?></span>
					</div>

					<div class="entry-date">
						<span class="month"><?php the_time(__('M','personal')); ?></span>
						<span class="day"><?php the_time(__('d','personal')); ?></span>
					</div>
					<div class="comments-link">
						<span><?php comments_popup_link(__('00','personal'), __('01','personal'), __('%','personal')); ?></span>
					</div>

					<div class="entry-content">

						<?php the_content(__('Read more...','personal')); ?>
						<?php wp_link_pages(); ?>

						<?php if(function_exists('the_ratings')) { the_ratings(); } ?>

					</div>
					<div class="entry-foot">
						<span class="cat-links"><?php _e('Filed under:','personal'); ?> <?php the_category(__(', ','personal')); ?><?php if(function_exists("the_tags")) the_tags(', ', ', ', ''); ?></span><?php edit_post_link(__('Edit','personal'), ' . ', ''); ?>
					</div>
				</div>

				<?php endwhile; ?>

				<div class="navigation">
					<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } else { ?>

					<?php next_posts_link(__('<span class="nav-previous alignleft">Older posts</span>','personal'));?>
					<?php previous_posts_link(__('<span class="nav-next alignright">Newer posts</span>','personal')); ?>

					<?php } ?>
				</div>

				<?php else : ?>

				<div class="post">
					<h2><?php _e('404 - Not Found','personal'); ?></h2>
					<div class="entry-content"><p><?php _e('The page you are looking for is not here.','personal'); ?></p></div>
				</div>

				<?php endif; ?>

			</div>

<?php get_sidebar(); ?>

			<div class="clear"></div><div class="bottom"></div>
		</div>

<?php include (TEMPLATEPATH . '/sidebar-secondary.php'); ?>

<?php get_footer(); ?>

و این هم استیل

/*
Theme Name: Personal
Theme URI: http://www.wpdesigner.com/
Description: 3-column Personal WordPress theme
Version: 1.0
Author: Small Potato
Author: http://www.wpdesigner.com/
*/

@import url('style-basics.css'); /* general body styles with wrapper */
@import url('style-header.css'); /* header styles i.e. h1 and search */
@import url('style-typography.css'); /* content typography styles */
@import url('style-sidebar.css'); /* general sidebar styles and custom styles for primary and secondary */
@import url('style-widgets.css'); /* sidebar widgets */
@import url('style-comments.css'); /* comments template */

.container{float: left;}
.outter{
	width: 890px;
	padding: 0 0 10px;
	background: #00496a url(images/bg-container-outter.gif) no-repeat left bottom;
}

.inner{
	width: 700px;
	margin: 0 0 0 10px;
	background: url(images/bg-container-inner.gif) repeat-y;
	display: inline;
}

.inner .top, .inner .bottom{
	float: left;
	width: 700px;
	height: 10px;
	font-size: 1px;
	background: url(images/bg-container-inner-top.gif) no-repeat;
}

.inner .bottom{
	background: url(images/bg-container-inner-bottom.gif) no-repeat;
}

#content{
	float: left;
	margin: 16px 10px 0 15px;
	width: 500px;
	display: inline;
}

#menu{
	float: left;
	width: 700px;
	background: url(images/bg-menu.gif) no-repeat;
	overflow: hidden;
}

#menu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li{
	float: left;
}

#menu ul li a{
	display: block;
	padding: 12px 20px 12px 22px;
	background: url(images/bg-menu-li-a.gif) no-repeat right top;
	color: #fff;
}

#menu ul li a span.feed{
	padding: 0 18px 0 0;
	background: url(images/feed.gif) no-repeat right 3px;
}

#headimg{} /* look in functions.php */

.ads-468x60 img {
	margin: 0 10px 16px;
	display: inline;
}

.post{
	width: 500px;
	padding: 0 0 16px;
	position: relative;
}

.post h2{
	padding: 0 10px;
	font: 18px georgia, "trebuchet ms", serif;
	text-transform: uppercase;
}

.post h2 a{
	color: #bf4d01;
}

.entry-date, .comments-link{
	width: 65px;
	height: 44px;
	position: absolute;
	top: 62px;
	margin: 0 0 0 -75px;
	font: bold 11px uppercase georgia, serif;
	text-transform: uppercase;
	background: #001a26 url(images/bg-entry-date.gif) no-repeat;
	color: #fff;
	display: inline;
}

.entry-date span, .comments-link span{
	display: block;
	text-align: center;
}

.entry-date span.month{
	padding: 8px 0 0;
}

.comments-link{
	top: 109px;
	height: 81px;
	background: #240e29 url(images/bg-comments-link.gif) no-repeat;
}

.comments-link span{
	display: block;
	margin: 15px 0 0;
	width: 65px;
	height: 29px;
	overflow: hidden;
}

.comments-link a{
	color: #fff;
}

.entry-meta{
	padding: 3px 10px 8px;
	font-size: 11px;
	background: url(images/dotted.gif) repeat-x left bottom;
	color: #666;
}

.entry-content{
	padding: 0 10px;
	line-height: 22px;
}

.entry-content p a{
	border-bottom: 1px solid #ddd;
	background: #ffd;
	color: #000;
}

.entry-content p a:hover{
	text-decoration: none;
	border: 0;
}

.entry-content h2{font: bold 24px arial, helvetica, sans-serif; line-height: 28px; text-transform: none;}
.entry-content h3{font-size: 18px; font-weight: bold; line-height: 24px;}
.entry-content h4{font-size: 14px; font-weight: bold; line-height: 20px;}
.entry-content h5{font-size: 11px; line-height: 16px;}
.entry-content h6{font-size: 10px; line-height: 14px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{
	padding: 10px 0 10px;
}

.entry-foot{
	padding: 4px 10px 3px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 22px;
	background: #f9f9f9;
}

.navigation{
	float: left;
	margin: 0 0 12px;
	width: 500px;
	display: inline;
}

.navigation span.nav-previous{
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
	background: url(images/bg-older-posts.gif) no-repeat 0 3px;
}

.navigation span.nav-next{
	margin: 0 10px 0;
	padding: 0 16px 0;
	background: url(images/bg-newer-posts.gif) no-repeat right 3px;
}

#footer{
	float: left;
	width: 890px;
	padding: 10px 0 10px;
	color: #74715b;
}

#footer a{color: #55523d;}
#footer p{padding: 10px 35px;}

<div id="post-<?php the_ID(); ?>" class="post">

					<h2 align="right" class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?p

متاسفانه تغییری حاصل نشد

لطفا از اتریبیوت align="right" استفاده نفرمایید. حرام است!

این اعلان‌ها رو در فایل استایل‌تون قرار بدید.

.entry-title {
align: left;
direction: ltr;
}

توضیح: سطر آخر رو فقط در صورتی بذارید که عنوان‌هاتون معمولا انگلیسی باشن. اگه فارسی هستن از این سطر چشم‌پوشی کنید.

ممنون از جواب گویی جناب martinboy من دستور شما رو به style.css پوسته اضافه کردم . متاسفانه بازهم تغییری حاصل نشد . لطفا بنده رو راهنمایی فرمایید . آیا قرار دادن در style.css به تنهایی کافیست ؟ مکان قرار گرفتن که تاثیری نمیگذارد ؟ اکتر عنوان ها انگلیسیست و تمام عنوان ها در سمت راست قرار گرفتند که نمای خوبی ندارد . باز هم ممنونم

میتونی قالبت رو بزاری اینجا؟

این کد رو تو فایل استایل بزار ببین درست میشه یا نه؟

.post h2 {
        text-align:left!important;
}

ممنون علی جان درست شد

وردپرس فارسی

انجمن

چپ نویس کردن عنوان پست (۱۱ نوشته)

درباره‌ی این موضوع

برچسب‌ها