دروس ووردبرس ** الدرس الرابع: التعامل مع المحرر

[الأستاذ سامي]

دروس ووردبرس

الدرس الرابع: التعامل مع المحرر


فهرس دروس وورد برس (http://www.djelfa.info/vb/showthread.php?t=375859)



السلام عليكم

درس اليوم هو حول كيفية استعمال محرر المقالات على وورد برس
للتذكير نصل اليه من لوحة التحكم ---> تدوينات
و بعدها اما ان نضيف تدوينة جديدة فيظهر المحرر فارغا او ان نقوم بالتعديل على تدوينة سابقة فيظهر محتواها عليه


بداية بمن يهمه الامر فالمحرر المدمج مع ووردبرس هو TinyMCE (http://tinymce.moxiecode.com/)و هو احد المحررات المجانية المفتوحة المصادر الاكثر استعمالا على عدد كبير من البرامج الاخرى نذكر كمثال جوملا

بالرجوع لمحرر وورد برس فالصورة بالاسفل توضح اول اما يظهر لنا من المحرر

http://img97.imageshack.us/img97/9540/screenshot001mr.png

على اليمين إدراج /رفع تسمح بادراج محتوى ميلتمديا الى المقالة اي صورة او فلاش او فيديو وذلك من موقعك او برفعها من جهازك

مرئي تسمح برؤية المقال منسق
html تسمح برؤية الكود ان كنت تريد ذلك

شريط الادوات يحوي كل ما يسمح بتنسيق النص مثلما نجده على الوورد مثلا
وفيما يلي سنذكر باختصار وظيفة 3 ايقونات

الرقم واحد تسمح باضافة فاصل اقرأ المزيد و شرح استعمالها هو في الاسفل
الرقم 2 تسمح بتمدد المحرر على كل الشاشة مما يعطي راحة اكبر في الكتابة
الرقم 3 :D تظن ان المحرر محدود ؟؟.... اضغط فقط على هذه الايقونة فيظهر لك الشريط الثاني من الايقونات


http://img163.imageshack.us/img163/971/screenshot003hn.png
الشريط الثاني يحوي المزيد من امكانيات التنسيق و ايقونتي لصق:
الاول تحوي حرف T و تستعمل للصق النص بدون اي تنسيق
اما الثانية التي تحوي حرف w تسمح بلصق النص كما هو منسق من مصدره

اما ان احتجت لفهم المحرر اكثر انقر على ايقونة المساعدة و رقمتها ب 4
http://img535.imageshack.us/img535/1329/screenshot005j.gif

تظهر لك نافذة فيها بعض المعلومات حول المحرر

http://img248.imageshack.us/img248/5723/screenshot002t.gif

وكذا اختصارات لوحة المفاتيح

http://img202.imageshack.us/img202/3411/screenshot006u.png


الان مثلا نريد كتابة مقال بحيث لا يظهر منه الا المقدمة في الصفحة الرئيسية و يمكن رؤيته كاملا عند النقر على القرأ المزيد الفئدة من هذا هو تخفيف الصفحة الرئيسية.
لعمل ذلك نقوم بكتابة المقدمة ثم ننقر على الايقونة كما في الصورة اسفله : أضف فاصل قراءة المزيد
فيظهر لنا خط متقطع تحت المقدمة معنون ب اقرأ المزيد ...
تحته نكمل كتابة باقي المقال

http://img840.imageshack.us/img840/2219/screenshot004r.png

نتمنى لك أخي النجاح وأن تستعمل هذا فيما يفيدك و يفيد اخوانك
وفقنا الله لما يحبه و يرضاه
***** نهاية الدرس بفضل الله ******

لاي استفسارات او اضافات و لعرض تجاربكم فيما يتعلق بهذا الدرس يمكنكم استعمال الردود


فهرس دروس وورد برس (http://www.djelfa.info/vb/showthread.php?t=375859)

[بورمله]

جزاك الله خيرا ونقبل الله منا ومنكم صالح الاعمال

الايقونات تبدوا مفهومة لمن سبق له ان تعامل محرر نصوص الا ان ايقونة poll الايقونة 16 فى الصف الاول تحتاج الى شرح

وجزاك الله خيرا

كما يوجد كما هو الحال مع القالب الذى استعمله صناديق خاصة كما فى الصورة
فهل يستعمل كصندوق مستقل او هو بعمل مع الصندوق الاول عند استعمال html
http://i38.servimg.com/u/f38/14/58/09/35/00001_10.jpg

[الأستاذ سامي]

السلام عليكم
الصندوق و و الايقونة poll لا توجد في وورد برس
اخي انت تستعمل اضافات لتحصل على هذ؟؟

االايقونة من اسمها و رمزها يظهر انها لاضافة تصويت و سبر اراء للموضوع و الله اعلم

[بورمله]

السلام عليكم
الصندوق و و الايقونة poll لا توجد في وورد برس
اخي انت تستعمل اضافات لتحصل على هذ؟؟

االايقونة من اسمها و رمزها يظهر انها لاضافة تصويت و سبر اراء للموضوع و الله اعلم



بارك الله فيك
لقد فهمتها الان فقط بالفعل لقد قمت برفع اضافة استفتاء وركبتها فى القوائم الجانبية الا ان هذه الاضافة تمكن من ادراج الاستفتاء فى التدوينة عن طرق وضع رقم الاستفتاء ID وهى تعمل بشكل ممتاز
وصدق من قال نصف عقلك عند اخيك

اما الصندوق الخاص فقد تم ظهوره عند تركيب القالب والذى حكلته من موقع دعم ووردبريس وساحاول معه لارى لماذا ينفع وان استطعت المساعدة فلا تحرمنى

وهذا هو القالب

Redline (http://www.ar-wp.com/attachment.php?attachmentid=4956&d=1280143530)

تحيتى

[الأستاذ سامي]

الصندوق حسب مبرمج القالب يسمح باضافة تنسيقات css و استعمالها في المقال
ان كنت لا تحتاج لذلك اتركه فارغا
و انا افضل استعمال التنسيقات الموحدة من ملف styles.css

[fatimazahra2011]

http://www.samysoft.net/forumim/slambasmla/123g.gif

http://www9.0zz0.com/2010/02/23/22/332441700.gif



http://www.iraqup.com/uploads/20090613/q3P5B-yeE1_664075767.gif


http://img187.imageshack.us/img187/7174/30816609tn1.gif

[الـ^ـسَّــآآحِـ^ــرْ ،]

شكرا أخي سامي ،

تم بحمد الله تنصيب الوورد بيس ،لم أكن أتوقع أن تكون بهاته السهولة و السلاسة ،

سؤالي هل يمكنني تنصيب محرر نصوص آخر غير tinymce ؟

[الأستاذ سامي]

السلام عليكم و رحمة الله
اكيد اخي عملية التثبيت جد سهلة
اما عن سؤالك فلا أعتقد أن ذلك ممكن على الاقل بالطرق المباشرة
لكن المحرر يوفر كل ما تحتاجه و يعتبر الكثير احسن مجاني حاليا

[الأستاذ سامي]

شكرا أخي سامي ،

تم بحمد الله تنصيب الوورد بيس ،لم أكن أتوقع أن تكون بهاته السهولة و السلاسة ،

سؤالي هل يمكنني تنصيب محرر نصوص آخر غير tinymce ؟
يمكنك تجريب اضافة محرر ckeditor اا ان النتيجة سننتظرها بعد تجربتك
http://wordpress.org/extend/plugins/ckeditor-for-wordpress/

[الـ^ـسَّــآآحِـ^ــرْ ،]

شكرا أخي سامي : أردت تغييره بسبب عدم تواجد خاصية حجم الخط ، سأجربها إن شاء الله ..

[الأستاذ سامي]

أخي الانترنت الحديثة تفصل بين المضمون و الشكل
المحرر يسمح لك بكتابة النص و تحديد نوعه ... مثلا عنوان او فقرة او .....
الشكل و اللون يتحكم فيه ملف التنسيق css و هو موجود في القالب
اي ان الالوان يمكن أن تتغير مع القوالب