رفتن به مطلب

تاپیک رفع مشکلات و سوالات مربوط به آموزش طراحی پوسته وردپرس


پست های پیشنهاد شده

در در 10/13/2013 at 21:18، kasra گفته است :

سلام

در تاپیک زیر :

آموزش قدم به قدم طراحی پوسته وردپرس از مبتدی تا پیشرفته

آموزش طراحی پوسته رو قرار دادم که سوالات و مشکلاتی که در مورد اون تاپیک دارین رو در این تاپیک مطرح کنید تا من و یا سایر دوستان رفعش میکنیم.

سلام

 

اول از همه با تشکر از مطالب و راهنمایی های خیلی خوبتون

من 2 تا سوال داشتم یکی اینکه هر کار کردم نتونستم style گزینه جستجو رو تغییر بدم کدهای من:

در header.php اینو گذاشتم:

<div class="search"></div>
<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div><input type="text" size="18" float=left value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" placeholder="جستجو ..."/>
<input type="submit" id="searchsubmit" value="Search" class="submit_input" />
</div>
</form>

در style هم اینو گذاشتم:

.search input[type="text"]{
border:1px solid #ccc;
width:250px;
padding:3px 5px;
}
.search input[type="submit"]{
background:#7ba60d url(images/search_icon.png) no-repeat 50%;
text-indent: -3000em;
border:1px solid #008800;
border-radius:3px 0 0 3px;
margin:3px -5px 0 0;
width:26px;
padding:2px 5px;

}

 

ولی مثل مال شما نشد و فقط استایل پیش فرض خود سرچ رو میاره

 

 

سوال دوم اینکه در قسمت قسمت و شرح محتوا و پست ها و .... :

چجوری میتونم تنظیم کنم که مقالات از کادر مربوط به 

<article> محتوا </article>

بیرون نزنه

مرسی از شما

 

نقل قول

در تاپیک زیر :

آموزش قدم به قدم طراحی پوسته وردپرس از مبتدی تا پیشرفته

آموزش طراحی پوسته رو قرار دادم که سوالات و مشکلاتی که در مورد اون تاپیک دارین رو در این تاپیک مطرح کنید تا من و یا سایر دوستان رفعش میکنیم.

 

ویرایش شده توسط anita666
لینک به ارسال
  • 4 هفته بعد...

سلام دوستان عزیز اولین باره که من در انجمن سوالی مطرح میکنم چون اعتقاد دارم پاسخگویی نمیشه.امیدوارم که اشتباه کنم.

من بشدت علاقه مند به طرحی قالبم و اموزش خوبتونو دنبال کردم ولی تو قسمت هدر سایت دوتا مشکل دارم.

1-سرچ به هیچ عنوان سمت چپ نمیره float هم زدم نشد. میچسبه به سمت چپ لوگو همش ولی چپ چین نمیشه.از کد clearboth هم استفاده کردم فایده ای نداشت حذفش کردم.

2-بازم سرچ، استایل به خودش نمیگیره. بیچارم کرده.استایلاشو دقیقا مث همونی که داده بودید پیاده کردم میتونید با developer mode توی ادرسی که در انتها دادم چک کنید.

این کد هایی است که من در هدر وارد کردم:

<!DOCTYPE html>
<html <php language_attributes(); ?>>
      <head>
	        <meta charset="<?php bloginfo( 'charset' ); ?>" />
			<title><?php wp_title(); ?></title>
			<meta name="description" content="<?php bloginfo( 'description' ); ?>">
			<link type="text/css" href="<?php echo get_stylesheet_uri(); ?>" rel="stylesheet" media="screen" />
			<?php wp_head(); ?>
		</head>
<body>
    <header id="header">
            <nav class="menu">
                <li><a href="/"> صفحه اصلی </a> </li>

                <li><a href="/wp-login.php"> ورود به سایت </a> </li>

                <li><a href="/about"> درباره ما </a> </li>

                <li><a href="/contact"> ارتباط با ما </a> </li>
           </nav>
            <div class="logo">
			</div>
			<div class="search">
	    <form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
            <div><input type="text" size="18" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" placeholder="جستجو ..."/>
            <input type="submit" id="searchsubmit" value="Search" class="submit_input" />
            </div>
        </form>
		    </div> 
    </header>	
	

چون همه رو دستی نوشتم ممکنه اشتباه شده باشه لطفا چک کنید.

این قالبو روی سایت ریختم این شکلی شده:اینم ادرس

comicha.ir

ویرایش شده توسط mjulaye
لینک به ارسال
در 42 دقیقه قبل، mjulaye گفته است :

سلام دوستان عزیز اولین باره که من در انجمن سوالی مطرح میکنم چون اعتقاد دارم پاسخگویی نمیشه.امیدوارم که اشتباه کنم.

...

سلام دوست عزیز

به انجمن وردپرس پارسی خوش اومدین

دلیلش اینه که شما فرم جستجو رو float:left; بش ندادین، یعنی این کد رو باید اضافه کنید به استایلتون:

#searchform {float:left;}

البته با انجام اینکار هم کامل درست نمیشه، چون به نظر میاد یه بخش کوچیکی رو در فایل هدرتون اشتباه نوشتید (البته اینجا درسته ولی سورس سایتتون رو که نگاه می‌کنم این کد داخلشه):

<div class="search">
			  </div>
	    <form method="get" id="searchform" action="http://comicha.ir/">
            <div><input type="text" size="18" value="" name="s" id="s" placeholder="جستجو ..."/>
            <input type="submit" id="searchsubmit" value="Search" class="submit_input" />
            </div>
        </form>

اون </div> که در خط دوم هست باید بره آخر این بخش کدها تا همه چیز درست بشه، یعنی اینطوری:

<div class="search">
 <form method="get" id="searchform" action="http://comicha.ir/">
    <div>
      <input type="text" size="18" value="" name="s" id="s" placeholder="جستجو ..."/>
      <input type="submit" id="searchsubmit" value="Search" class="submit_input" />
    </div>
 </form>
</div>

این کد پایین رو جایگزین کنید + اینکه اون کد اولی رو هم داخل استایلتون بذارید تا درست شه.

پ‌ن: بهتره برای سوالات جداگونه یه تاپیک جدید بزنید، چون این تاپیک خیلی شلوغ شده و احتمال اینکه بدون جواب بمونید بیشتره.

ویرایش شده توسط Farshad
لینک به ارسال

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

#searchform {float:left;
}

 

توی اموزش اصلی نبود!!!! چطوری بقیه بش رسیده بودن پس؟!

و یک سوال دیگه که اینم جواب بدید یک دنیا ممنون میشم منو nav که ایجاد کردم اون li ها و صفحاتی که توش قرار دادم دقیقا وسطش قرار نگرفته یجورایی زیرشه انگار اونو چطوری بیارم وسط مرسی

 

ویرایش شده توسط mjulaye
لینک به ارسال
در 35 دقیقه قبل، mjulaye گفته است :

توی اموزش اصلی نبود!!!! چطوری بقیه بش رسیده بودن پس؟!

من این آموزش رو مطالعه نکردم، شاید این مورد رو توضیح دادن (ولی به یه روش دیگه)

در 35 دقیقه قبل، mjulaye گفته است :

و یک سوال دیگه که اینم جواب بدید یک دنیا ممنون میشم منو nav که ایجاد کردم اون li ها و صفحاتی که توش قرار دادم دقیقا وسطش قرار نگرفته یجورایی زیرشه انگار اونو چطوری بیارم وسط مرسی

متاسفانه اصلا منظورتون رو متوجه نشدم، لطفا بیشتر توضیح بدین یا یه تصویر از کاری که می‌خواین انجام بدین بم نشون بدین.

ویرایش شده توسط Farshad
لینک به ارسال
در 9 دقیقه قبل، mjulaye گفته است :

اره بد گفتم ببخشید

این عکسو چک کنید:

عکس1

صفحه اصلی،ورود به سایت، تماس با ما و ... توی کادر مربوطه نیست و پایین تر قرار گرفته

یه تصویر در پیوست واستون گذاشتم، منظورتون اینه که می‌خواین اینطوری بشه؟

اگه این کار رو می‌خواین بکنید کافیه کلاس menu رو داخل استایلتون پیدا کنید و این ویژگی رو بش اضافه کنید:

height: 20px;

 

Untitled.png

لینک به ارسال

سلام دوباره به همگی. من اموزشو تموم کردم فقط 2 تا مشکل دیگه دارم

1-قسمت پست های سایت، زیر قسمت محتوا که ایجاد کردم قرار نمیگیره و رفته کنارش:

2-قسمت پست ها رو بصورت زیر استایل دادم ولی تغییری نکرد

.posts {
  font:normal 11px tahoma;
  color:#355;
  line-height:21px;
}

آدرس سایت:comicha.ir

TnX A LoT

ویرایش شده توسط mjulaye
لینک به ارسال
  • 3 هفته بعد...

سلام

این دوتا آدرس url که در کد زیر نوشته شده مربوط به چی هست؟

خب بعد از اینکه این فایل هارو ایجاد کردید ، فایل style.css رو با نوت پد ویندوز یا ++notepad باز کنید و در اول اون کدهای زیر رو وارد کنید :

 

 
/*
Theme Name: mythem
Theme URI: http://www.wp-parsi.com
Description: amouzeshe tarahi pouste wordpress
version: V1.0
Author: Kasra.GH
Author URI: http://www.doweb.ir
*/
لینک به ارسال

به این قسمت قبل از </ul> یک li اضافه کنید.

	    <ul class="title-single-pro tabs row">
		    <li data-target="#baresi" class="active"><i class="fa fa-pencil-square-o fa fa-fw"></i> بررسی تخصصی محصول</li>
			<?php if( isset($attr_groups) && !empty($attr_groups) ) echo '<li data-target="#fani"><i class="fa fa-sliders fa fa-fw"></i></i> مشخصات فنی محصول</li>'; ?>
			<li data-target="#soalat"><i class="fa fa-comments  fa fa-fw"></i> نظرات و سوالات کاربران</li>
		</ul>
لینک به ارسال
  • 2 هفته بعد...
  • 4 ماه بعد...
در هم اکنون، reptal گفته است :

سلام

بعد از ایجاد فایلها و در قسمت مدیریت پیغام زیر نمایش داده میشود

mythem.jpg

قالبتون فایل استایل نداره. یه فایل style.css بزارید کنار پوشه های قالبتون ، تا این خطا رو نده دیگه

لینک به ارسال
در 3 دقیقه قبل، reptal گفته است :

ممنون از پاسخ تون در اسرع وقت

ولی فایلی که فرمودین در پوشه mythem درست کردم

 

mythem1.jpg

پسوند فایلهاتون txt نیست؟

چک کنید که پسوند css باشه

لینک به ارسال

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

 

برای به نمایش در آوردن پسوندها وارد پوشه ی مورد نظر شوید (پوشه ای که فایل های شما در آن قرار دارد) و  از طریق منوی Organize گزینه Folder and Search Options را فعال کرده، وارد نوار View شده و تیک گزینه "Hide extensions for known file types" را بر دارید (در ویندوز XP این عمل از طریق منوی Tools و گزینه "Folder Options" قابل انجام است)

حال بر دکمه OK یا Apply کلیک کنید. اکنون باید بتوانید پسوند فایل را ببینید:

البته اینا برای ویندوز 7 بود

ویرایش شده توسط logomaster
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...