• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
Abraham

استایل کردن همه ی پست ها به یک شکل

25 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

من می خوام همه ی پستهام رو به شکلی که در تصویر می بینید استایل کنم.

در تصویر توضیحات رو دادم، اما جدای از اون دو تا مشکل دارم:

اول اینکه چطور در سمت راست تصویر همونطور که می بینید، یک تصویر ثابت برای تمامی پستها بزارم که با کلیک بر روی اون به ادامه ی مطلب همون پست بره

دوم اینکه چطور یک تصویر غیر ثابت بزارم که بازم به ادامه ی همون مطلب بره.

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

البته با کلیک بر روی توضیحات بیشتر هم باید به ادامه ی مطلب همون پست بره.

دسته بندی اون پست هم همونجا که نوشتم نمایش داده بشه.

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

post-1145-0-57350000-1355614686_thumb.pn

ویرایش شده در توسط Abraham
0

به اشتراک گذاری این پست


لینک به پست

تمامی دستورات باید در قالب شما پیاده شوند.

نکته : تصویر غیر ثابت همان بند انگشتی است.

جستجو کنید در بخش آموزش انجمن موجود هست.

3

به اشتراک گذاری این پست


لینک به پست

سلام

به انجمن خوش اومدین دوست عزیز

یک مورد هم اضافه کنم برای بخشهای متغییر(عکس) هم میتونید از زمینه دلخواه استفاده کنید.

4

به اشتراک گذاری این پست


لینک به پست

تمامی دستورات باید در قالب شما پیاده شوند.

نکته : تصویر غیر ثابت همان بند انگشتی است.

جستجو کنید در بخش آموزش انجمن موجود هست.

نمی دونم اون تصویر که قراردادم منظورم رو به صورت کامل می رسونه یا نه، اونم اینه که: تصویر غیر ثابتی که اندازه اش با تصویر ثابت طرف مقابلش یکیه، دقیقاً پشت بدنه ی محتوای پست قرار می گیره، هر چند خودش داخل بلاک اصلی پست هست، ولی از پشت عنوان پست شروع می شه، و عنوان پست بعد از اون قرار میگیره.

با تصاویر بند انگشتی هم می شه اینکار رو کرد؟

به عکس سمت راست پست و همچنین عنوان و محتوای پست بعد از اون دقت کنید، فکر کنم منظور رو رسونده باشم.

متشکرم

سلام

به انجمن خوش اومدین دوست عزیز

یک مورد هم اضافه کنم برای بخشهای متغییر(عکس) هم میتونید از زمینه دلخواه استفاده کنید.

متشکرم، کاش این انجمن رو زودتر پیدا می کردم

برای استفاده از تصویر زمینه که متغیر هم هست و قراره برای تمامی پست ها استفاده بشه و از طرفی قراره وقتی روش کلیک می کنی به ادامه ی پست بره، چیکار کنم دقیقاً؟ اونم با این توجه که قبل از عنوان قرار میگیره، و با اینکار عنوان به سمت چپ شیفت پیدا می کنه

0

به اشتراک گذاری این پست


لینک به پست

ظاهرا منظورتون رو درست متوجه شدم .

شما کدی چیزی از قاب دارید یا نه میخوایید تازه این بخش رو کدنویسی کنید ؟

0

به اشتراک گذاری این پست


لینک به پست

نه من هیچ چیزی ندارم، جز یک قالب که می خوام تمام پست هاش به همون شکل باشه که توی تصویر مشاهده می کنید، همین، منتهاش واقعاً اصلاً نمی دونم چیکار کنم.

اولین مشکل من اینه که وقتی یه تصویری رو توی ویرایشگر متن برای یک نوشته ی تازه در وردپرس به سمت راست اضافه می کنم می ره زیر عنوان ( که با توجه به تصویری که من ارسال کردم، نمی خوام اینطور بشه، چون عکس ( سمت راست تصویر ( کاملاً توی بدنه ی پست هست اما با عنوان توی یک خط نیست، و وقتی هم یه تصویر به سمت راست اضافه می کنم وقتی اون "عنوان پست" هم که توی تصویر مشاهده می کنید بیشتر از یک خط باشه، اون عکس به زیر اون متن می ره.

امیدوارم منظورم رو درست رسونده باشم.

متشکرم

0

به اشتراک گذاری این پست


لینک به پست

شما همین بخشی که مدنظرتون هست رو بصورت html طراحی کنید.

بعد اینجا بزارید تا باهم قدم به قدم بریم جلو و شما هم تبدیل رو این بخش و توابع رو یاد بگیرید. برای باقی دوستان هم آموزش خوبی میشه.

3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

بعید می دونم از اساس درست باشه، ولی خب، اینه:

<style type="text/css">
* {
font-family: tahoma;
font-size: 14px;
}
#WholePost {
border: 5px solid #999;
height: 150px;
width: 700px;
}
#LeftPic {
positon: absolute;
border: 1px solid #FC0;
float: Left;
width: 150px;
height: 150px;
background: #FC0;
}
#RightPic {
position: absolute;
float: right;
border: 1px solid #FC0;
width: 150px;
height: 150px;
background: #FC0;
}
#PostTitle {
width: 50%;
height: auto;
float: right;
background: #CC3;
margin-right: 150px;
padding-right: 10px;
}
#PostCategory {
width: 40%;
height: auto;
float: right;
background: #F90;
margin-right: 150px;
margin-top: 5px;
}
#MoreInfo {
position: absolute;
top: 100;
width: 20%;
height: auto;
background: #F90;
right: 50%;
top: 145;
}
</style>
<div id="WholePost" dir="rtl">

<div id="LeftPic">
این تصویر ثابت سمت چپ است که با کلیک بر روی آن به ادامه ی پست می رویم
</div>

<div id="PostTitle">
عنون پست در اینجا قرار می گیرد که ممکن است طولانی تر از این باشد باید به چند خط تبدیل شود
</div>
<div id="PostCategory">
عنوان دسته بندی این پست
</div>

<div id="MoreInfo">
توضیحات بیشتر
</div>
<div id="RightPic">
این تصویر غیر ثابت سمت چپ است که با کلیک بر روی آن به ادامه ی پست می رویم
</div>
</div>

post-1145-0-99933900-1355709806_thumb.pn

ویرایش شده در توسط Abraham
0

به اشتراک گذاری این پست


لینک به پست

کدی که دادید این شده :

http://jsfiddle.net/FhSBx/

فکر کنم با عکس پست اول همخوانی نداره. درسته؟

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

کدی که دادید این شده :

http://jsfiddle.net/FhSBx/

فکر کنم با عکس پست اول همخوانی نداره. درسته؟

بله، نداره، چون اون div "توضیحات بیشتر" باید طبق چیزی که من توی دریم ویور کار کردم، و عکسش هم توی پست قبلی هست می چسبید به پائین div ی که آی دیش WholePost هست، نمی دونم چرا توی jsfiddle اینجوری نمایش می ده.، هر چند اگر این مشکل هم رفع بشه بازم حق باشماست و مثل عکس اولی نیست، چون همینقدر کفایت می کنه، توی "توضیحات بیشتر" برای هر پست در حدود یک خط می شه که کفایت می کنه و اگر مقایسه کنید در کل فقط یک div کم داره.

برای ادامه ی کار خوب نیست یا اینکه اصطلاحش کنم؟

ویرایش شده در توسط Abraham
0

به اشتراک گذاری این پست


لینک به پست

در ضمن اینم اضافه کنم که: اگر منظورتون اون Padding ها و Rounded Border هائیه که طبق تصویر اول باید اعمال می شد، فقط بخاطر اینکه اهمیت چندانی نداشتن ست نکردم، چون چه اونها تنظیم بشن و چه تنظیم نشن، مشکل رو می شه حل کرد.

0

به اشتراک گذاری این پست


لینک به پست

http://jsfiddle.net/FhSBx/4/

بررسی کنید همین هست. اگر اوکی هست تبدیل روانجام میدیم.

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

1

به اشتراک گذاری این پست


لینک به پست

از اینکه ویرایش کردید متشکرم، بخاطر امتحانات میان ترم یه کم درگیرم فعلاً، بنظرم باید از پایه و اساس چکش کنم، بعد از اون می ریم برای تابع نویسیش. البته نمی زارم بیشتر از یه چند روزی طول بکشه.

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

با اینکه تا چند ساعت دیگه، یعنی صبح ساعت 8:30 امتحان میان ترم دارم مثلاً، ولی خوابم نمی بره، مجبورم که روی این کار کنم، یعنی میزان علاقه ی من به این مسأله ( فراگیری وب ) حالا هر چی که بود توی این زمینه خیلی بیشتر از امتحان میان ترم صبحه، در هر صورت بزارین یه سوال بپرسم:

با چه دستوری و چجوری می شه در یک پست "دسته بندی " اون پست رو نشون داد؟ مثلاً با کدهای کوتاه؟ یا هر چیز دیگه ای؟

با اینکه تا چند ساعت دیگه، یعنی صبح ساعت 8:30 امتحان میان ترم دارم مثلاً، ولی خوابم نمی بره، مجبورم که روی این کار کنم، یعنی میزان علاقه ی من به این مسأله ( فراگیری وب ) حالا هر چی که بود توی این زمینه خیلی بیشتر از امتحان میان ترم صبحه، در هر صورت بزارین یه سوال بپرسم:

با چه دستوری و چجوری می شه در یک پست "دسته بندی " اون پست رو نشون داد؟ مثلاً با کدهای کوتاه؟ یا هر چیز دیگه ای؟

مشکل با ویرایش کد های قالب با گفته ی دوستمون امید در لینک زیر حل شد:

http://forum.wp-pars...خ-از-بالای-پست/

0

به اشتراک گذاری این پست


لینک به پست

http://jsfiddle.net/FhSBx/4/

بررسی کنید همین هست. اگر اوکی هست تبدیل روانجام میدیم.

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

تأخیر بخاطر امتحانات میانترم بیش از حد طولانی شد، پوزش.

این طرح مشکلی نداره تا اینجا بنظرم، هر چند هیچ کی تا حالا نظری نداده، اگر شما صلاح بدونین تابع نویسیش رو شروع کنیم، متشکرم.

0

به اشتراک گذاری این پست


لینک به پست

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

این کد رو برای هرجایی که نیاز هست تا پستهای تکراری ایجاد بشه باید استفاده کنید.

<?php if(have_posts()): while(have_posts()): the_post(); ?>
<?php the_title() ?>
<?php the_content() ?>
<?php endwhile; endif; ?>

2

به اشتراک گذاری این پست


لینک به پست

بعید می دونم یه خطش هم درست باشه، ولی خب، اینه:

jsfiddle.net/3TaMz/

0

به اشتراک گذاری این پست


لینک به پست

ببینید برای هر تکرار جدا. چون بخش وسط تکرار میشه حلقه فقط برای وسط هست:

http://jsfiddle.net/3TaMz/1/

2

به اشتراک گذاری این پست


لینک به پست

ببینید برای هر تکرار جدا. چون بخش وسط تکرار میشه حلقه فقط برای وسط هست:

http://jsfiddle.net/3TaMz/1/

بله، متوجه شدم، متشکرم. اینجوری بنظر منطقی میاد.

0

به اشتراک گذاری این پست


لینک به پست

خوب برای پست های کناری هم کافیه شما یک کوئری بزنید و یک پست آخر از اون بخشی که میخواین رو فراخوانی کنید.

query_posts('cat=1&showposts=1');

1

به اشتراک گذاری این پست


لینک به پست

خوب برای پست های کناری هم کافیه شما یک کوئری بزنید و یک پست آخر از اون بخشی که میخواین رو فراخوانی کنید.

query_posts('cat=1&showposts=1');

امان از دست این امتحانات پایان ترم...

متوجه ی منظورتون از پست های کناری نمی شم، یعنی چی اونوقت؟

0

به اشتراک گذاری این پست


لینک به پست

شما بجز بخش وسط میخواستین در دوطرف هم یک پست نمایش بدبد درسته؟

اگر همین رو میخواید باید از کوئری استفاده کنید.

1

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

شما بجز بخش وسط میخواستین در دوطرف هم یک پست نمایش بدبد درسته؟

اگر همین رو میخواید باید از کوئری استفاده کنید.

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

ویرایش شده در توسط Abraham
0

به اشتراک گذاری این پست


لینک به پست

اگر فقط عنوان پست قبلی و بعدی هست یک راهش استفاده از کوئری هست و خاصیت offset که در کوئری استفاده میشه.

0

به اشتراک گذاری این پست


لینک به پست

اگر فقط عنوان پست قبلی و بعدی هست یک راهش استفاده از کوئری هست و خاصیت offset که در کوئری استفاده میشه.

خب حالا باید چیکار کنیم؟، می خواهید من یه شمای کلی از اونچیزی که توی ذهنمه رو بصورت مصور بزارم؟

0

به اشتراک گذاری این پست


لینک به پست

روی همون کد هست یا مشکل جدید هست؟

توضیح بدید کافیه.

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط mrasoul
      با عرض سلام و خسته نباشید ... لطفا این صفحه را ببینید :
      صفحه مورد نظر
      در این صفحه و بعد از ویدئو یک فهرست وجود دارد با آیتمهایی مثلا
      1.Introduction
      2.Brackets Extensions
      و ... که در اصل سرفصل های این آموزش است که شامل یکسری زیر مجموعه هستند ... وقتی روی زیرمجموعه ها کلیک می کنید اون مجموعه را نشان می دهید . به عنوان مثال روی
      1.2The Extension Manager
      کلیک کنید ...
      من اگر بخوام یک پست آموزشی کامل بسازم و تو این پست این سرفصل ها رو تعریف کنم آیا وردپرس امکانی رو داره بدون اینکه برای هر فصل یک پست ساخت همه ی پستها را داخل یک پست نوشت ؟ یعنی یک پست چند صفحه ایی مثلا مقدمه در خود پست و در مقدمه سرفصل ها رو تعریف کنیم حالا همون پست چند صفحه را زیرمجموعه داشته باشد که این صفحه ها همون سرفصل ها باشند .
      چون اگر قرار باشد برای هر فصل یک پست بفرستم طبیعتا کار بسیار مشکل و زمان بری است چرا که در هرکدام از این پستها باید با زمینه دلخواه سرفصل ها را تعریف کنم و هربار که پست جدید بفرستم در داخل بقیه سرفصل های قبل باید بروم و در زمینه دلخوه لینک این سرفصل جدید را تعریف کنم
       
    • توسط lloyd
      سلام دوستان خوبم اگر کسی میتواند پوسته The Voux را در هاست من نصب کند لطفا به من اینجا اطلاع بدهد. خطای نصب: شیوه نامه گم شده است !
       
    • توسط shayan201680
      با سلام
      بنده یک سایت اصلی وردپرسی دارم و قرار شده که در ساب دامینشم از وردپرس استفاده کنم.
      الان میخوام کاری کنم که کاربران اگر در سایت اصلی ثبت نام کردند بتونند با همون مشخصات در ساب دامین نیز لاگین کنند و برعکس!
      ولی نمیدونم باید چکار کنم! 
      ممنون میشم اگر کسی بلده راهنمایی کنه، با تشکر... 
    • توسط dastjerdisf
      با سلام
      در بین اساتید کسی می تونه به من کمک کنه بگه چرا وقتی آدرس سایتم رو می نویسم اتومات این متن رو به اون اضافه می کنه/?i=1
      از مدیریت هاست پرسیدم میگند از کش مرورگر هستش اما چرا سایت های دیگه این جوری نیستند
      آدرس سایتم:http://hushmandyar.ir
    • توسط saeid1872
      سلام دوستان
      تو کمتر از یک ماه سایتم 61 ارور 500 ثبت کرده که در حال زیاد شدن هستش نمیدونم چرا این ارورهارو ثبت میکنه
      لطفا دلیلش رو بگید و اینکه چطور باید رفع کنم
      من خیلی اصلا حرفه ای نیستم فقط خواهشا جوری راهنمایی کنید که بتونم رفعش کنم.