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

Posts tagged ‘html’

إضافات لمحرر النصوص في الووردبريس (تميز بكتابة مقالتك) – Yourcolor

 الووردبريس wp

yourcolor.net
yourcolor.net

yourcolor.netكثير منا يستخدم المحرر المرئي أو محرر الHTML لكن وكما تعرفون أن الخيارات المتاحة قليلة جداً وتكاد أن تصبح مملة!
الحمدلله تمكنت من الانتهاء من تطوير وتعريب بعض الاضافات الخاصة بالمحرر
بعد تنزيل الاضافات سيظهر شكل المحرر كالتالي

1.محرر النصوص المرئي.

yourcolor-net

2.محرر النصوص الHTML

yourcolor.net

سأريكم بعض الأمثلة

[learn_more caption=”صندوق”]هذا الصندوق ديناميكي[/learn_more]
[box]هذا صندوق متعدد الخيارات لكن سيتم تطبيق اختيار واحد، أترك الباقي لكم لتجربوها [/box]
[button link=”http://www.yourcolor.net” type=”icon” icon=”paper”]هذا زر[/button]

[tabs slidertype=”top tabs”][tabcontainer] [tabtext]الاكاديمية– كل شيء عن الووردبريس[/tabtext]

[tabtext]yourcolor.net[/tabtext] [/tabcontainer] [tabcontent] [tab]الاكاديمية العربية لفنون التصميم و الجرافيك,[/tab] [tab]اضافة لمحرر النصوص فى الوورد بريس[/tab] [/tabcontent] [/tabs]


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

EmbedIt لتضمين HTML في الووردبريس – yourcolor

EmbedIt لتضمين HTML في الووردبريس

yourcolor.net

yourcolor.net

yourcolor.net
إضافة لتضمين أكواد الهتمل في تدوينات الووردبريس عن طريق الحقول المخصصة
تساعد على التحكم الكامل السهل في الأكواد بأقل مجهود وفي أقل وقت دون التعامل مع محرر الهتمل الغلس الخاص بالووردبريس
قم بتحميل الإضافة ورفعها لمجلد plugins و فعلها من لوحة التحكم
مثال لتضمين كود أدسنس
لتضمين أي كود هتمل قم بإضافة حقل مخصص بالإسم [*HTML]
مع تبديل * بالرقم 1
yourcolor.net
و أضف الرمز داخل المحرر الصوري للوردبريس وتحكم في مكانه زي ما تحب

yourcolor.net

[إضافة Dewslider ] لعرض صور التدوينة على شكل ديابوراما – yourcolopr

[إضافة Dewslider ] لعرض صور التدوينة على شكل ديابوراما

yourcolor.net

yourcolor.net

yourcolor.net
مزاياها :
1 – إمكانية وضع عنوان أو وصف لكل صورة .
2 – التحكم بمدة العرض التلقائي للصورة .
3 – إخفاء روابط الصور المعروضة .
4 – التحكم بطريقة الأنتقال transition بين الصور .

طريقة التركيب :
1 – تنزيل dewslider.swf ( من المرفقات).
2 – تقوم بربط ملف الفلاش مع كود html أو ملف xml على النحو التالي :
html

<object type="application/x-shockwave-flash" data="dewslider.swf?img=image1.jpg,image2.jpg,image3.jpg" width="500" height="300">
<param name="movie" value="dewslider.swf?img=image1.jpg,image2.jpg,image3.jpg" />
</object> 

طبعا مع تغيير روابط الصور في المقطع التالي من الكود
“dewslider.swf?img=image1.jpg,image2.jpg,image3.jpg”
**عن طريق ملف xml :
في هاته الحالة لا بد أن يحتوي ملف xml على كل بيانات الصور :

<object type="application/x-shockwave-flash" data="dewslider.swf?xml=dewslider.xml" width="200" height="20">
<param name="movie" value="dewslider.swf?xml=dewslider.xml" />
</object> 

حيث تستبدل xml=dewslider.xml بمسار ملف xml .
كود ملف xml

<?xml version="1.0" ?>
<album
showbuttons="yes"
showtitles="yes"
randomstart="yes"
timer="5"
aligntitles="bottom"
alignbuttons="bottom"
transition="push"
speed="20"
>
<img src="img/1.jpg" title="Titre 1" />
<img src="img/2.jpg" title="Titre 2" url="test.html" />
<img src="img/4.jpg" title="Titre 3" url="
http://yourcolor.net/" />
<img src="img/5.jpg" title="Titre 4" />
</album>

أتمنى ان يكون الشرح مفهوما

بعض من دوال ووردبرس yourcolor – WordPress Function

بعض من دوال ووردبرس WordPress Function

yourcolor.net

yourcolor.net

yourcolor.net

هي بأختصار دوال functions (أو لنقل سطر برمجي) سابقة التجهيز فى وردبرس و تستطيع بها أن تفعل أشياء جميلة .. أمثلة:
لعرض قائمة أقسام المدونة

<?php wp_list_cats(); ?>

 لعرض قائمة بصفحات المدونة الثابته

<?php wp_list_pages(); ?>

 لعرض قائمة لأرشيف المدونة

<?php wp_get_archives(); ?> 

 لعرض قائمة بالروابط الخارجية

<?php get_links_list(); ?> 

 لعرض قائمة بأخر التعليقات المضافه

<?php @wp_widget_recent_comments(''); ?> 

 لعرض قائمة بأخر التدوينات المضافة

<?php @wp_widget_recent_entries(''); ?> 

لعرض قائمة بالإسم الكامل للمسجلين بالمدونة

 <?php wp_list_authors('show_fullname=1&exclude_admin=0'); ?>

لعرض وصف القسم الحالي

<?php category_description(); ?> 

<?php fetch_rss('xxx'); ?> 

  تطبع لك أول 50 كلمة فقط من التدوينه بغض النظر عن خيار طرح الخلاصات كاملة أو جزئية

<?php the_content_rss('', TRUE, '', 50); ?> 

(الإستخدام: إفتح ملف “الصفحة الرئيسية” فى القوالب و إستبدلها بدالة حيث xxx هى كلمة متغيرة حسب الثييم الذي تستخدمه).

 <?php the_content('xxx'); ?>

الطريقة العامة لإستخدام هذه الدوال
الطريقة العامة لإستخدام أى من الدوال السابقة يكون بنسخه و لصقه فى أى ملف من ملفات القالب، فمثلاً لو أردت طبع صفحات المدونة الثابته فى أعلى الصفحة، إنسخ الدالة الخاصة بذلك فى أعلى الصفه 😀 .. أقصد ملف أعلى الصفحة فى القالب الذى تستخدمه. بالطبع هذا يتطلب أن تكون عندك خلفيه و لو بسيطه على الـ HTML
الطريقة الخاصة بكل داله
هناك لكل دالة من هذه الدوال ما يعرف عربياً بالمقابض أو تقنياً Arguments و هى مثل الخيارات Options فى أى برنامج و مثال على ذلك أخر دالة ذكرتها و التى تطبع أول 50 كلمة من التدوينه، حيث يمكنك تغيير الرقم 50 إلى 60 مثلاً و هذا يسمى argument خاص بالدالة أو مقبض تتحكم فيه بخصائص ما ستطبعه
يمكنك التعرف أكثر على مقابض كل دالة و تفاصيل إستخدامها من صفحة Template Tags « WordPress Codex
أدوات إضافية
بصور رئيسية يجب أن تعلم هل الدالة التى ستستخدمها متوافقة مع إصدارة وردبرس الخاصة بك أم لا و هذه البرمجية تساعدك كثيراً فى هذا الأمر WordPress Functions Implementation History

معرض الوسوم