caspianhero

جمع کردن مطالب در وردپرس

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

با سلام

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

http://8pic.ir/images/43240982007584921138.jpg

سپاس

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


لینک به پست

شما یا با تگ جدول <table> در html و یا از طریق کد های css میتونید چنین چیزی بسازید

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


لینک به پست

ممنون :یعنی توی وردپرس چنین امکانی وجود نداره!!!!!!!!!!!!!!!!

کم کم دارم نا امید میشم از دست وردپرس ها!!! توی جوملا چنین امکانی بود!!!

سپاس

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


لینک به پست

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

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


لینک به پست

کافیست کمی از زبان سی اس اس رو فرا بگیرین اون وقت طراحی چنین چیدمانی براتون آسوده خواهد شد

این یه نمونه من براتون اماده کردم

میتونی استفاده کنین در قالبتون


<!DOCTYPE html>
<html>
<head>
<style>
#post {
width:40%;
border:solid 1px #CCC;
border-radius:3px;
background:#EEEEEE;
text-align:right;
overflow:hidden;
}
#post .boxs {
width: 45%;
height: 150px;
overflow: hidden;
border: solid 1px #C7C7C7;
border-radius: 2px;
font-family: Arial;
font-size: 0.8em;
float: right;
padding: 1.3%;
margin:1%;
}
#post .boxs h2 {
font-size:1.5em;
font-family:Aral;
padding:1.3%;
}
#post .boxs .date {
background: #DD4414;
padding: 0.5%;
color: #4B2E03;
font-weight: bold;
direction:rtl;
width:44%;
}
</style>
</head>
<body>
<div id="post">
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
<div class="boxs">
<div class="date"> 21 اردیبهشت 93 </div>
<h2> مطلب برای انجام آزمایش </h2>
<p> سلام این یک آزمایش محتوا هست برای اینکه ببینم مطالبمون به چه صورت نمایش داده میشه شما برای انجام مانور بیشتر در این قسمت باید به زبان سی اس اس تسلط داشته باشین </p>
</div>
</div>
</body>
</html>

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


لینک به پست

ممنون :یعنی توی وردپرس چنین امکانی وجود نداره!!!!!!!!!!!!!!!!

کم کم دارم نا امید میشم از دست وردپرس ها!!! توی جوملا چنین امکانی بود!!!

سپاس

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

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


لینک به پست

دوستان:لطفا به این سایت نگاه کنید!!

یعنی این کار ها با css شده هست!! یا قابلیت خود قالب هست؟؟؟

سایت

سپاس

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


لینک به پست

خب معلومه

یه چیز خیلی سادس تو امر طراحی

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

خیلی ساده بگم

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

شما یه کادر برگ تعریف میکنین و بعد برای مطلب ها یه کادر کوچیک که نصب کادر بزرگ رو بگیره در این حالت دو تا کادر مطلب کنار هم نشون داده میشه

شما اون کدهای بالا رو داخل یه صفحه HTML بریزین و بعد اجرا کنیدش

دقیقا همون چیزیه که نشون دادین

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

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


لینک به پست

دوست عزیز وردپرس هم بی‌نهایت قالب آماده و این‌ چنینی داره که می‌تونید استفاده کنید ازشون ، و این سایتی هم که لینک دادید با وردپرس ایجاد شده نه جوملا

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


لینک به پست

ممنون دوستان: منظور من این بود که برای اضافه کردن متن به این سبک و چیدمان ایا باید از توابع وردپرس استفاده کرد؟؟؟ اخه اگر هر وقت بخواهیم متن را داخل این ستونها به صورت دستی قرار بدهیم کار سخت هست!! باید یک چیزی وجود داشته باشد که اتوماتیک متن را درج کند!!

سپاس

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


لینک به پست

استایل ستونی برای مطالب در کنار هم توسط CSS ایجاد میشه و مطالب و عکس‌ها و سایر محتوای مطالب توسط توابع وردپرس و حلقه‌ها از پنل وردپرس به قالب ارسال میشه و اصلا ارسال مطلب دستی انجام نمیشه . دوستان نمونه استایل HTML رو قرار دادند که باید به وردپرس تبدیل بشه ، شما میتونید چند نمونه پوسته این مدلی رو دانلود کنید و ببینید به چه صورت عمل شده

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


لینک به پست

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

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

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

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


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

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

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


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