تصميم مواقع | خامات تصميم | برمجيات | css |design | vectors

Posts tagged ‘عمل’

حصرياً قالب light bright معرب – YourColor

 الووردبريس wp

yourcolor.net
yourcolor.net

yourcolor.net

قالب ووردبريس معرب

مثال حي 
LightBright
بعد تنزيل القالب عليك تعطيل الcufon حتى يتناسب عمله مع اللغة العربية

قالب لايت برايت

من لوحة التحكم>light bright theme options > تأكد ان الخيار معطل كما في الصورة > اضغط save

الاكاديمية العربية لفنون التصميم و الجرافيك

كيفية عمل شريط ترقيم الصفحات – YourColor

الووردبريس wp

yourcolor.net

yourcolor.netyourcolor.net

افتح النوت باد
واكتب الكود التالي :

<?php

global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, ´?´) ¦¦ ! $wp_rewrite->using_permalinks()) {
	$paginate_format = ´´;
	$paginate_base = add_query_arg(´paged´, ´%#%´);
} else {
	$paginate_format = (substr($paginate_base, -1 ,1) == ´/´ ? ´´ : ´/´) .
	user_trailingslashit(´page/%#%/´, ´paged´);;
	$paginate_base .= ´%_%´;
}

echo ´<div class="pagenavi">´. "n";
echo paginate_links( array(
	´base´ => $paginate_base,
	´format´ => $paginate_format,
	´total´ => $wp_query->max_num_pages,
	´mid_size´ => 5,
	´current´ => ($paged ? $paged : 1),
        ´type´ => ´list´,
        ´prev_text´ => ´ &laquo; السابق´,
        ´next_text´ => ´التالي &raquo;´,
));
echo "n</div>n";

?>

احفظ الملف في مسار القالب الرئيسي باسم navigation.php

ثم افتح صفحة الاندكس index.php بالنوتباد

واكتب الكود التالي بعد انتهاء لوب المقالات :

<?php if (function_exists(´wp_pagenavi´)) { wp_pagenavi(); } else { include(´navigation.php´); } ?>

	<?php endif; ?>

yourcolor.net

انتهينا تقريباً

بقي علينا الستايل

افتح ملف الستايل :

.pagenavi {
    margin: auto;
    overflow: hidden;
}
.pagenavi ul {
    margin-bottom: 50px;
    padding: 10px;
}
.pagenavi ul li {
    display: block;
    float: right;
    margin: 3px;
}
.pagenavi ul li a:hover, .pagenavi ul li .current {
    background: none repeat scroll 0 0 #FF9C00;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 10px;
}
.pagenavi ul li a {
    background: none repeat scroll 0 0 #2D2C2C;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    padding: 10px;
}

احفظ ملف الاستايل وافتح موقعك

ستظهر بهذا الشكل :

YourColor.Net

تحديث

لتطبيق هذا الشرح على قالب twenty ten
طبق الخطوة الاولى
ثم افتح ملف الindex.php
بعد div الاغلاق الخاص بالمحتويات

			</div><!-- #content -->

اضف الكود التالي :

		<?php include(´navigation.php´);  ?>

ثم افتح ملف loop.php

وامسح الكود التالي :

<?php /* Display navigation to next/previous pages when applicable */ ?>
<?php if (  $wp_query->max_num_pages > 1 ) : ?>
				<div id="nav-below" class="navigation">
					<div class="nav-previous"><?php next_posts_link( __( ´<span class="
meta-nav">&larr;</span> Older posts´, ´twentyten´ ) ); ?></div>
					<div class="nav-next"><?php previous_posts_link( __( ´Newer posts
 <span class="meta-nav">&rarr;</span>´, ´twentyten´ ) ); ?></div>
				</div><!-- #nav-below -->
<?php endif; ?>

الاكاديمية العربية لفنون التصميم و الجرافيك

كيفية عمل قائمة بريدية – YourColor

الووردبريس wp

yourcolor.net

YourColor.Net

yourcolor.net

في هذا الفيديو يتم شرح كيفية عمل قائمة بريدية في الووردبريس باستخدام الfeedburner
شاهد الفيديو

http://www.youtube-nocookie.com/embed/2Bl4HQn9zBs

الاكاديمية العربية لفنون التصميم و الجرافيك

كيفية عمل استطلاع فى الووردبريس – YourColor

الووردبريس wp

yourcolor.net

yourcolor.net

yourcolor.net

1.تنزيل اضافة الاستطلاع

لتنزيل الاضافة
polldaddy.2.0.9
بعد تنزيل الاضافة وتفعيلها

2.التسجيل في الموقع

اذهب الى هذه الصفحة للتسجيل في الموقع
من هنا
yourcolor.net

 

بعد اتمام عملية التسجيل سيصلك بريد لتفعيل حسابك

 

yourcolor.net

3.تسجيل الدخول في حساب الاستطلاع

من لوحة التحكم سجل دخولك في حسابك

yourcolor.net

4.عمل الاستطلاع

ومن هذه النافذه يوجد الكثير من الخيارات

نترك لك استكشافها

yourcolor.net

بعد الانتهاء اضغط على زر حفظ.

5. نشر الاستطلاع في مدونتك

لنشر الاستطلاع، انسخ الكود اللي ظهر معنا في الخطوة السابقة

ومن ثم من لوحة التحكم > المربعات الجانبية > مربع نص
والصق الكود

yourcolor.net

الاكاديمية العربية لفنون التصميم و الجرافيك

معرض الوسوم