• اطلاعیه ها

    • Saeed Fard

      برگزاری چهارمین همایش Coder Conf و کد تخفیف برای کاربران وردپرس پارسی   20/04/97

      کدرکانف هر سال در آخرین پنجشنبه مرداد با بورد‌های مختلفی برگزار می‌گردد،امسال نیز کدرکانف در همین تاریخ با حضور برنامه نویسان مطرح کشور در بورد تخصصی جاوااسکریپت برگزار خواهد شد، یک گردهمایی متفاوت با طعم Javascript. Coderconf هر سال نسبت به سال‌های گذشته با حضور برنامه‌نویسان پر رنگتر می‌شود. ما سعی کردیم هر ساله به این کنفرانس مفهوم عمیق تری ببخشیم تا از آنچه در سال‌های گذشته عرضه شده به روزتر و مفیدتر واقع شویم. امسال فرصتی خواهد بود تا با نگرشی جدید و بهبود مطالب ارائه شده، عمیقتر به این موضوع نگاه کنیم تا بجای تکرار مباحث پیشین گامی هر چند کوچک در مسیر ارتقای دانش فنی برنامه‌نویسان ایرانی برداریم. ما در Coderconf ۴ با تمرکز بر روی Javascript نیت کرده‌ایم این فرصت را در اختیار برنامه نویسان قرار دهیم تا با ظرافت و استانداردهای روز دنیا کار خود را پیش ببرند. به نظر ما امسال زمان آن فرا رسیده‌است تا این زبان را به صورت تخصصی و از ابعاد مختلف به چالش بکشیم.   دبیر علمی همایش میلاد حیدری، کدرکانف ۴ را اینگونه توصیف کرده است :اشتراک گذاری دانش بهترین راه رسیدن به جاودانگی اطلاعات است. هر ساله همایش‌های زیادی برگزار میشه که افراد شرکت‌کننده می‌توانند با افراد مجرب شبکه سازی کنند. امسال در کدرکانف سعی کردیم علاوه بر بخش شبکه سازی بین افراد بیشتر روی انتقال دانش و کیفیت ارائه ها تمرکز داشته باشیم . به قصد یک گردهمایی بلند مدت بین برنامه‌نویسان جاوااسکریپت که با هم تبادل دانش و اطلاعات کنند گردهم آییم.
      بنده به عنوان عضو کوچکی از جامعه برنامه‌نویسان جاوااسکریپت ایران امیدوارم در کدرکانف امسال علاوه بر شبکه سازی، از اطلاعاتی که دوستان در این همایش در اختیارتان قرار می‌دهند استفاده کنید. در سایت همایش میتوانید سخنرانان و موضوع پنل همایش کدرکانف رو مشاهده کنید . علاقه‌مندان به حضور در این همایش می‌توانند با کد تخفیف wpparsi اقدام به ثبت نام در این گردهمایی کنند. سایت همایش :‌http://coderconf.org
      بلیط فروشی همایش :‌https://evand.com/events/coderconf4  
kasra

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

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

سلام

شرمنده دوستان یه مدت به خاطر بیماری نبودم و نشد ادامه بدم اگه خدا بخواد دوباره ادامه میدم

بازم شرمنده

26

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


لینک به پست

سلام

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

قبل از شروع ادامه آموزش ، بگم که یه وقفه طولانی افتاد که به خاطر مشکلات من بود و از این بابت ازتون ماذریت میخوام و امیدوارم دیگه تا آخرش آموزش رو تموم کنم.

در ضمن این قسمت فقط برای آموزش هست و هیچ پستی ندید !!! پست های اضافی پاک شدن ...

خب توی پست های قبلی تا قسمت منو پیش رفتیم و تقریبا میشه گفت یه هیدر ساده ساختیم و با توابعی مثل list_pages برای نمایش صفحه ها و wp_head و date و ... به صورت ابتدایی آشنا شدیم و استفاده کردیم.

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

خالا میرسیم به محتوای داخلی سایت :

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

فایل index.php رو باز کنید و با استفاده از :


<?php get_header() ?>

هیدری که ساختید رو فراخوانی کنید.

بعد از اون باید قسمت مطالب رو ایجاد کنیم که با استفاده از تگ :


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

اون رو ایجاد میکنیم و در css به اون استایل میدیم :


article {
background:#fff;
width:690px;
border:1px solid #ccc;
float:left;
padding:5px;
}

تو این استایل ما اومدیم رنگ پس زمینه رو سفید گذاشتیم و اندازه عرض رو 690 و خاصیت float برای بردن به سمت چپ

که اگر درست انجام داده باشید باید یه همچین چیزی در بیارید :

post-403-0-38286400-1394624147_thumb.jpg

خب حالا میریم سراغ این قسمت و شرح محتوا و پست ها و .... :

توی این قسمت میایم با استفاده از تگ section پست هارو تعریف میکنیم به این صورت یک کد مینویسیم :


<section class="posts">
<?php if(have_posts()) : ?> <?php while(have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
<?php endwhile; ?>
<?php endif; ?>
</section>

حالا توضیح کدها :

همونطور که میبینید به تگ sectiuon اومدیم کلاس posts دادیم :

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


<section class="posts">
.......

به اون در css استایل میدیم به این صورت :


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

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


<?php if(have_posts()) : ?>

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


<?php while(have_posts()) : the_post(); ?>

اطلاعات بیشتر در این مورد :


https://codex.wordpress.org/The_Loop

برای حلقه مطالب یا همون لوپ

و :


https://codex.wordpress.org/Function_Reference/have_posts

برای وجود مطالب با استفاده از شرط

خب ،

بعد اومدیم قسمتی که از پست ها میخوایم رو فراخوانی کنیم که من در ابتدا عنهوان مطلب رو داخل h2 میزارم به این صورت :


<h2><?php the_title(); ?></h2>

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


<h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

تو اینجا the_permalink وظیفه دریافت آدرس یا همون پیوند به مطلب رو داره

اطلاعات بیشتر در کدکس وردپرس :


http://codex.wordpress.org/Function_Reference/the_permalink

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


<?php the_content(); ?>

اطلاعات بیشتر در :


codex.wordpress.org/Function_Reference/the_content

ولی من در کدها از خلاصه استفاده کردم به این صورت :


<?php the_excerpt(); ?>

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

اطلاعات بیشتر :


codex.wordpress.org/Function_Reference/the_excerpt

البته در این مورد خلاصه مطلب بعدا در صورت لزوم مفصل صحبت میکنیم البته سوالی هم داشتید بپرسید ( در تاپیک سوالات )

خب حالا باید شرط و حلقمون رو ببندیم با این کدها :


<?php endwhile; ?> // بستن حلقه
<?php endif; ?> بستن شرط

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

حالا شاید مطالبتون عنوانش که با h2 بود یه کم بد جلوه کنه که در css به اون خاصیت میدیم :


.posts h2 a {
font:bold 12px tahoma;
color:#333;
border-bottom:1px solid #ccc;
padding-bottom:7px
}

خب حالا اگر همه چیو به درستی انجام داده باشید باید یه چیزی مثل این داشته باشید :

post-403-0-20910300-1394625979_thumb.jpg

خب فک کنم تا همین جا بست باشه و تمرین کنید تا خوب با قسمت پست ها آشنا بشید تا در قسمت بعدی سایدبار و ... رو هم اضافه کنیم

در آخر با هم تاکید میکنم که هیچ کدوم از این کدهارو کپی و پیست نکنید و سعی کنید خودتون همرو تایپ کنید.

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

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

بپرسید حتی اگر ربطی به وردپرس نداشت مثلا شرط ها در php یا حلقه ها در php و ...

تا قسمت بعد موفق باشید.

47

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


لینک به پست
مهمان
این موضوع برای عدم ارسال قفل گردیده است.