المدونة

  • ما هي الأكواد القصيرة بحق، على أي حال؟

    What-Are-Shortcodes-Anywayإذا لاحظت، فإن إحدى القواعد الأساسية في ووردبريس هي جعل الأمور دائماً، دائماً أسهل قليلاً للجميع – المبتدئين والمطورين ذوي الخبرة على حد سواء. وإحدى الطرق التي يحققون بها هذا الهدف هي استخدام الأكواد القصيرة (shortcodes).

    صفحة دعم WordPress.com تُعرّفها على هذا النحو:

    shtيبدو الأمر بسيطاً للغاية. والآن، إذا لم تكن قد سمعت عن الأكواد القصيرة قبل هذا المقال، ولا تعرف كيف تبدو، فهي تلك النصوص التي تشبه الأكواد القديمة والمحاطة بأقواس معقوفة.

    مقارنة بـ الكود العادي، والذي يبدو عادةً هكذا:

    HTML5-video-tag-sample-code
    (إمـم. ماذا؟)

    الأكواد القصيرة بشكل عام كشيء يشبه هذا:

    embed_shortcode
    (في غاية السهولة.)

    … وإذا كنت مطوراً (أو في الواقع، حتى شخصاً استخدم الحاسوب مرتين على الأقل)، فمن المحتمل أن توافق على أن مجرد الكتابة والنقر لإنجاز مهمة بسيطة واحدة يمكن أن يستهلك الكثير من وقتك. للسبب نفسه الذي يجعلنا نستخدم اختصارات لوحة المفاتيح، وُجدت الأكواد القصيرة لتسهيل الأمور علينا جميعاً، حتى نوفر الوقت للقيام بأشياء أفضل وإنشائها؛ فهي تشبه مفاتيح الاختصار إلى حد كبير في كونها تخدم هذا الغرض تماماً.

    والآن دعونا نعود إلى هذا الكود القصير المحدد، وهو نفسه المذكور أعلاه:

    embed-shortcode يُطلق على هذا الكود تحديداً اسم كود التضمين القصير (embed shortcode) وهو مدمج افتراضياً في ووردبريس. يقوم بتضمين الفيديو من الرابط في المحتوى الخاص بك. إذا كنت تستخدم ووردبريس الآن، فيمكنك نسخ الكود القصير أعلاه ولصقه في موقعك إذا كنت ترغب في تجربته.

    ومع ذلك، فإن الأكواد القصيرة ليست الحل الأمثل لتوفير الوقت. ففي مقالنا السابق، نتعمق أكثر في سبب امتلاك الأكواد القصيرة لنصيبها الخاص من السلبيات، وما يعدّه فريق Sandwich من أجل حلها.

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

    نتمنى لك بناء مواقع ممتعاً!

  • تعيين الأكواد القصيرة: كيف سيدعم PBS أكثر من 800 إضافة وأكثر من 2000 كود قصير

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    خلال الأسابيع القليلة الماضية، أضاف فريق PBS عنصر خريطة، وعنصر علامات تبويب أيضًا.

    الآن، قد يبدو من السهل والروتيني بالنسبة لنا الاستمرار في إضافة عنصر جديد كل بضعة أيام.

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    إن فوائد نظام كهذا كبيرة للغاية:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    لكن تعيين الأكواد القصيرة (Shortcode mapping) ليس بالأمر الجديد، حيث تملكه بالفعل مجموعة من أدوات بناء الصفحات. ولكن ما الذي يجعل أداتنا مختلفة؟

    كيف يعمل تعيين الأكواد القصيرة في أدوات بناء الصفحات الأخرى

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

    في هذا السيناريو، يقع عبء تعيين الأكواد القصيرة على عاتقك أنت، المستخدم. إذا كنت تريد تعيين جميع أكوادك القصيرة بالكامل مع جميع السمات (ومع أدوات اختيار الألوان الجميلة وغيرها من الأمور)، فسيتعين عليك التأكد من إدخال كل تفصيل دقيق لكل كود قصير على حدة.

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    كيف يعمل تعيين الأكواد القصيرة في Page Builder Sandwich

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    هذا يمنحنا الكثير من الفوائد الرائعة:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    اشترك في نشرتنا الإخبارية!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • ٥ نصائح بسيطة لجعل موقعك الإلكتروني يبدو جذابًا

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    إليك بعض النصائح الأساسية حول ما يمكنك فعله لتحسين تصميم موقعك الإلكتروني.

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    اختر الألوان المناسبة

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

    يلعب نظام ألوان الموقع دورًا كبيرًا في خلق النبرة والمزاج المناسبين لعلامتك التجارية. اختيار لون لطيف لا يعني بالضرورة أنه اللون المناسب. فكل لون يبعث برسالة واستجابة مختلفة. وتعد الألوان من أوائل الأشياء التي يلاحظها زوار الموقع، ويمكن أن تؤثر بالفعل على نجاح موقعك الإلكتروني.

    اختر لونين إلى ثلاثة ألوان أساسية على الأكثر لتصميمك. وإذا شعرت بالحاجة لإضافة المزيد من الألوان، فيمكنك الاستفادة من تدرجات الفاتحة والداكنة (tints and shades) لألوانك الأساسية. في نظرية الألوان، التفتيح (tint) هو مزيج من لون مع الأبيض، مما يزيد من الإضاءة بينما التعتيم (shade) هو مزيج من لون مع الأسود، مما يقلل من الإضاءة.

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    استخدم خطوطًا متباينة

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

    قد يكون الجمع بين نوعي خطوط أمرًا صعبًا حتى بالنسبة للمصممين. يمكنك إبقاء الأمر بسيطًا عن طريق استخدام خطين مختلفين من عائلة خطية واحدة. وإذا كان من الضروري وجود خط ثانٍ، فاختر شيئًا يتباين جيدًا مع خطك الأول. عادةً ما يعمل الجمع بين خط مذيل (serif) وخط غير مذيل (sans-serif) بشكل جيد معًا. نصيحة مهمة أخرى هي اختيار خطوط تتطابق مع أسلوب شركتك. قد يكون لديك أجمل خط في العالم، ولكن عند استخدامه في السياق الخاطئ، فإنه قد يبدو سيئًا للغاية.

    حافظ على بساطته ونظافته باستخدام المساحة الفارغة

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    اجعله متوافقًا مع الهواتف الذكية

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    نصيحة إضافية: استخدام Page Builder Sandwich على موقعك سيمكّن العرض على الهواتف تلقائيًا ويضبطه ليناسب حجم شاشة الهاتف.

    خاتمة

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

  • 5 أسباب تجعل المساحات البيضاء مهمة

    Reasons-Why-Whitespace-Mattersفي الأساس، المساحة البيضاء (الفراغ)، في أبسط تعريفاتها، هي الـ مساحة المحيطة بـ جميع عناصر التكوين وبينهما والتي تُترك فارغة دون علامات. إنها ليست مجرد إهدار لمساحة الشاشة، كما يعتقد معظم أصحاب المواقع الإلكترونية. عند استخدامها بشكل جيد، يمكن للمساحات البيضاء في الواقع أن تقدم فوائد للترويج لمنتج ما بشكل أفضل. إنها مفتاح مهم لإنشاء تصميم جيد و تجعل الموقع الإلكتروني أفضل من كل النواحي.

    على الرغم من أن اسم المساحة البيضاء يوحي بأن المساحة بيضاء، إلا أنها لا يجب أن تكون دائمًا بيضاء حرفيًا. يمكن أن تكون المساحة البيضاء في الواقع بأي لون – حتى أنها يمكن أن تحتوي على نقش خفيف أو ملمس. إنها منطقة لا تريد أن تركز العين عليها. وبشكل بديل، يُطلق عليها اسم الفضاء السلبي.

    إذن، لماذا تُعد المساحة البيضاء مهمة؟

    newsfeed
    مصدر الصورة: News Feed

    السبب رقم 1: يُحسّن قابلية القراءة

    تساعد المساحة البيضاء بين خطوط الأساس والفقرات الأشخاص في قراءة كامل محتوى الموقع بكل أريحية. إن ضبط التفاصيل الصغيرة في موقعك (مثل تباعد الأسطر أو تباعد الأحرف) قد يُحدث فرقًا هائلاً في تسهيل القراءة.

    الهدف هو جعل الناس يرغبون في مواصلة القراءة من خلال تصميم تخطيطات مريحة للعينين.

    hpmagicwords
    مصدر الصورة: HP Magic Words

    السبب رقم 2: يُسرّع التفاعل

    لنكن صريحين: معظم زوارك لن يتحلوا بالصبر الكافي للبحث بدقة وتأنٍّ أثناء تصفح المواقع الإلكترونية. عندما يبدو الموقع الإلكتروني مبعثرًا ومزدحمًا، فإنه يشتت المستخدمين عن العثور على ما يبحثون عنه.

    ينبغي للمساحات البيضاء أن تساعد في إرشاد المشاهد والتنقل به في الصفحة. إن وجود عناصر أقل تتنافس على لفت الانتباه مع الاستخدام السليم للمساحات البيضاء يمكن أن يمنع عوامل التشتيت التي تبطئ الزوار.

    google
    مصدر الصورة: Google

    السبب رقم 3: توجيه الانتباه إلى العناصر المناسبة

    يمكن للمساحة البيضاء أن تمنح المستخدمين إشارات بصرية إلى المكان الذي ينبغي أن ينظروا إليه. وعند استخدامها بالطريقة الصحيحة، تساعد المساحات البيضاء في إبراز المعلومات وجذب الانتباه إلى منطقة معينة في موقعك الإلكتروني.

    تذكر، إذا كان كل شيء يبرز بشكل لافت، فإن لا شيء يبرز إطلاقًا.

    مصدر الصورة: Pocket Penguins

    السبب رقم 4: الانطباعات الأولى مهمة للغاية

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

    نصيحة: إليك فكرة حول كيفية جعل تصميم موقعك بسيطًا ومألوفًا.

    flockknitwear
    مصدر الصورة: Flock Knitwear

    السبب رقم 5: يساعد في خلق متنفس وتوازن

    لا يعني التصميم المتوازن بالضرورة أن يكون متماثلًا. يمكن موازنة عنصر تصميم كبير ببعض العناصر الأصغر حجمًا. إن إضافة مساحة بيضاء طريقة رائعة لموازنة عناصر التصميم ذات الأحجام المختلفة على صفحتك. اخلق انسيابية بصرية حتى لا تتشتت أعين المستخدمين في كل مكان. يجب أن يكون التصميم الجيد قادرًا على إرشاد المستخدم من نقطة إلى أخرى دون إرباك الزائر.

    الخاتمة

    في المرة القادمة التي تزور فيها موقعًا إلكترونيًا وتجد نفسك تقضي فيه بعض الوقت، فكر فيما جعلك تبقى وتقرأ. هل تعتقد أن تباعد الأسطر يجعل قراءة المقال أسهل؟ هل تجعلك التجربة ترغب في العودة مجددًا للمزيد؟ هل واجهت صعوبة في العثور على شريط التنقل؟

    انتبه إلى التطبيق المتقن للمساحات البيضاء في الموقع الإلكتروني. وإذا شعرت أنها قد تكون مجدية أيضًا في موقعك، فتعلم كيفية تطبيق وإدارة مقدار المساحة التي ينبغي تخصيصها لعناصرك حتى تصل إلى التعبير عن الطابع المناسب وسهولة القراءة دون التضحية بـ “الانسيابية” التي ترغب بها لموقعك.

    إن الهدف الأسمى لأي موقع إلكتروني هو التواصل. فالجاذبية البصرية تسير جنبًا إلى جنب مع نجاح موقعك الإلكتروني.

  • إضافة خرائط أنيقة إلى صفحتك هي تجربة تفاعلية

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2يمكنك الآن وضع الخرائط في تصميمات صفحاتك باستخدام Page Builder Sandwich!

    إنه لأمر غريب أن تكون متحمساً بشأن الخرائط. تأخذ رابط خريطة Google ثم تضمنه. أو ربما تحصل على إضافة خريطة عبر الإنترنت وتضع كوداً قصيراً. أو ربما يحتوي منشئ الصفحات الآخر لديك على خريطة بالفعل ويمكنك إضافة واحدة في أي وقت تريده. لكن السبب وراء حماسنا هو أننا ارتقينا بإضافة الخرائط إلى مستوى جديد تماماً.

    إليك معاينة:

    الطريقة القديمة المملة لإضافة خريطة

    إليك كيفية إضافة خريطة باستخدام منشئ الصفحات المعتاد لديك:

    1. تقوم بسحب عنصر خريطة جديد،
    2. تدخل خط العرض وخط الطول في الحقول،
    3. تدخل قيماً أخرى في الحقول مثل ارتفاع الخريطة وعرض الخريطة وتحدد مربع اختيار نمط الطرق، إلخ،
    4. تضغط على معاينة وتتحقق من مظهرها وتقرر أنك بحاجة إلى تغيير شيء ما لجعلها تبدو أفضل،
    5. تعود إلى منشئ الصفحات وتغير القيم، ثم تكرر الخطوة 4 أعلاه.

    طريقة Page Builder Sandwich لإضافة خريطة

    الخرائط في المواقع الإلكترونية تفاعلية – يمكنك التحريك، والتكبير والتصغير في الخريطة. لذلك فكرنا، لمَ لا نتخلص من كل أعمال التخمين ونسمح للمستخدمين بالتفاعل مع الخريطة مباشرة أثناء بناء صفحتك؟

    إليك كيفية إضافة خريطة باستخدام Page Builder Sandwich:

    1. تضيف عنصر خريطة،
    2. تكتب خط العرض وخط الطول أو العنوان الذي تريد أن تتمركز الخريطة حوله،
    3. تحرك الخريطة وتقوم بتكبيرها أو تصغيرها للحصول على المظهر المطلوب،
    4. تضيف بعض الألوان الرائعة إلى خرائطك لتناسب أسلوبك،
    5. تضغط على حفظ.

    طريقتنا أكثر متعة وسلاسة بكثير. أنت تتفاعل بشكل أساسي مع الخريطة بالطريقة التي تتفاعل بها مع خريطة Google العادية.

    خرائط ملونة أو تنسيقها باستخدام SnazzyMaps

    إحدى الميزات الرائعة التي وضعناها هي إمكانية تظليل وتلوين خرائطك، وهو أمر سهل للغاية. (هذا للإصدار المدفوع فقط). إذا كنت ترغب في تلوين خريطتك، فما عليك سوى النقر على أداة انتقاء الألوان واختيار لون، وستتغير خريطتك على الفور.

    إليك واحدة قمنا بتظليلها باللون الوردي:

    يدعم Page Builder Sandwich أيضاً أنظمة ألوان أكثر تفصيلاً عبر SnazzyMaps. لديهم قائمة ضخمة من أنظمة الألوان التي ساهم بها المستخدمون، كما يتيحون لك إنشاء نظامك الخاص إذا كنت تريد المزيد من التحكم في الألوان.

    ما عليك سوى العثور على نظام الألوان الذي يعجبك، ثم نسخ الكود ولصقه في Page Builder Sandwich. وسيتم تطبيق نظام الألوان على خريطتك على الفور.

    إليك نظام ألوان رائع يسمى papuportal dark من SnazzyMaps:

    ضع الخرائط أينما تريد

    هناك الكثير من الأشياء الرائعة الأخرى التي يمكنك فعلها بالخرائط – مثل إضافتها في صفوف بعرض كامل لإضفاء تأثير أكثر جاذبية. يمكنك أيضاً إضافتها داخل شريط تمرير إذا أردت، أو داخل علامات تبويب (ميزة قادمة).

    إذا لم يكن لديك Page Builder Sandwich بعد، فيمكنك تجربة الإصدار المدفوع بالنقر على رابط “العرض التجريبي المباشر” أعلاه.

  • المشكلة غير المعلنة للأكواد القصيرة

    The-Unspoken-Problem-of-Shortcodes

    تعد الأكواد القصيرة (Shortcodes) إحدى أبرز ميزات ووردبريس. فالأكواد القصيرة هي الجسر الذي يربط بين المطورين ومنشئي المواقع، مما يتيح للأشخاص وضع أجزاء متقنة من المحتوى في أي مكان يرغبون فيه تقريباً. يفضل مطورو الإضافات الأكواد القصيرة لأنها تمنح مرونة أكبر في كيفية ومكان عرض المستخدمين لمحتواهم.

    إذا كنت لا تعرف ما هي الأكواد القصيرة وكيف تبدو، فهي تلك النصوص التي تشبه الأكواد البرمجية والمحاطة بأقواس معقوفة. وتبدو بهذا الشكل تقريباً:

    هذا الكود القصير تحديداً يُسمى كود التضمين القصير (embed shortcode) وهو مدمج افتراضياً في ووردبريس. يقوم هذا الكود بتضمين الفيديو من الرابط في محتواك. ما عليك سوى نسخ ولصق الكود القصير أعلاه في موقعك إذا كنت ترغب في تجربته.

    ما يحدث خلف الكواليس هو أنه عندما يصادف ووردبريس كوداً قصيراً في محتواك، يتم معالجته وتحويله إلى شيء آخر. في حالتنا أعلاه، كلما تم اكتشاف كود

    قصير، يأخذ ووردبريس الرابط الموجود في الكود القصير ويتحقق منه مقابل عدد من مزودي المحتوى المتاحين لديه. وعندما يعثر على أحدهم، يجلب كود تضمين iframe المناسب ويعرضه بدلاً منه.

    إذاً، ما هي المشكلة هنا؟ يبدو الأمر سهلاً للغاية، فما عليك سوى إدخال نص قصير بأقواس وانتهى الأمر.

    هنا يأتي دور واجهة برمجة تطبيقات الأكواد القصيرة (Shortcode API)..

    وفرة من الأكواد القصيرة

    تتيح واجهة برمجة تطبيقات الأكواد القصيرة (Shortcode API) للمطورين إنشاء أكوادهم الخاصة. وبفضل هذا، يمكن للمطورين إضافة أكوادهم القصيرة المخصصة داخل إضافاتهم.

    هذا أمر رائع، فباستخدام مقتطف قصير يشبه الأكواد البرمجية (ومن هنا جاء اسم “الكود القصير”)، يمكن للمبتدئين والمستخدمين المتقدمين على حد سواء وضع أي نوع من المحتوى يرغبون به في أي مكان تقريباً.

    يحتوي ووردبريس افتراضياً على عدد محدود جداً من الأكواد القصيرة. من السهل كتابتها من الذاكرة لأن عددها قليل. ولكن إذا قمت بتثبيت بعض الإضافات، فإن عدد الأكواد القصيرة يقفز بسرعة إلى دستة أو أكثر، وفي بعض الحالات إلى أكثر من مئة. يحتوي كل كود قصير على مجموعة من الخصائص والتعليمات الخاصة بكيفية استخدامه. وعلى الأرجح أن كل إضافة تحتوي على نوع من التوثيق يشرح كيفية عمل جميع أكوادها القصيرة ويسرد جميع المعلمات المتاحة في كل منها. ولكنك ستفقد صوابك بالتأكيد إذا حاولت حفظ جميع الأكواد القصيرة وخصائصها.

    المشكلة تكمن في عدم وجود مكان مركزي يمكنك من خلاله معرفة جميع الأكواد القصيرة المتوفرة على موقعك وكيفية استخدامها.

    محاولات البعض لحل المشكلة

    تحاول بعض الإضافات حل هذه المشكلة من خلال تقديم جميع الأكواد القصيرة الخاصة بها في قائمة منسدلة يسهل الوصول إليها. ثم يؤدي النقر فوق أحدها إلى إدراج الكود القصير، مكتملاً بجميع الخصائص الممكنة له. لم تعد هناك حاجة لحفظه، وهو أمر جيد.

    Screen-Shot-2016-06-22-at-11.27.09-AM

    يذهب البعض إلى أبعد من ذلك ويضيف نموذج إعدادات منبثق يحتوي على خانات اختيار وأدوات لاختيار الألوان لتعبئة خصائص الكود القصير.

    Screen-Shot-2016-06-22-at-11.28.54-AM

    هذا الحل يعمل إلى حد ما. ومع ذلك، تقوم كل إضافة فقط بسرد أكوادها القصيرة الخاصة بها. لذا إذا أنشأت كل إضافة أداتها الخاصة لاختيار الأكواد القصيرة، فستواجه حتماً أوقاتاً تجد فيها أدوات اختيار متعددة على شاشتك (لقد حدث هذا معي من قبل).

    Screen-Shot-2016-06-22-at-11.22.41-AM

    بمعنى آخر، كل إضافة تفعل ما يحلو لها وتطبق حلها الخاص لأكوادها القصيرة فحسب. وتضيف بعض الإضافات إما زراً جديداً بجوار زر “أضف ملفات وسائط”، أو زراً جديداً داخل محرر TinyMCE.

    قد تفكر الآن: “لماذا لا نجمع أيضاً الأكواد القصيرة للإضافات الأخرى ونضمنها في القائمة المنسدلة / أداة اختيار الأكواد القصيرة أيضاً؟” حسناً، هذا بالضبط ما فكرت فيه. لكن هذا القول أسهل من الفعل. سأشرح السبب بعد قليل، ولكن دعنا نلقي نظرة أولاً على الشكل الذي سيبدو عليه الحل المثالي.

    الحل المثالي

    الخطة المثالية ستكون إنشاء إضافة تجمع جميع الأكواد القصيرة المتاحة في موقعك، ثم تقدم لك القائمة وتساعدك أيضاً في ملء جميع الخصائص. وفي كل مرة تقوم فيها بتثبيت إضافة جديدة، سيتم تقديم جميع تلك الأكواد القصيرة المضافة حديثاً إليك أيضاً.

    تخيل مكاناً مركزياً توضع فيه جميع أكوادك القصيرة لتسهيل الوصول إليها. يصف كل كود قصير ما يفعله والإضافة التي ينتمي إليها. ثم لكل خاصية متاحة، تخيل أن يكون لكل منها تسمية توضيحية، وطريقة ملائمة لاختيار قيمة لها، ووصف. سيتم عرض قوائم منسدلة، وأدوات اختيار ألوان، وأزرار اختيار (radio buttons)، ومفاتيح تبديل وغير ذلك الكثير.

    إن شيئاً كهذا سيجعل حياتنا كمنشئي مواقع ومحتوى أسهل بكثير. لن نضطر بعد الآن إلى مراجعة وثائق إرشادية مختلفة، أو التردد على أجزاء مختلفة من لوحة التحكم لمجرد نسخ كود قصير تم إنشاؤه لسلايدر ترغب في استخدامه.

    العقبة

    لسوء الحظ، من الصعب جداً القيام بشيء من هذا القبيل في الوقت الحالي. لا توجد طريقة مضمونة لمعرفة كل تفاصيل الكود القصير. يمكنك الحصول على قائمة بجميع الأكواد القصيرة، ولكن بأسمائها/وسومها الفعلية فقط، ولا يمكنك الحصول على أي تفاصيل إضافية عنها مثل قائمة الخصائص، أو ما تفعله، أو أنواعها – كنص، أو لون، أو رقم. كما لا يمكنك الحصول على أي وصف تقريبي لكل خاصية.

    ملاحظة للمطورين: نعم، هناك وسيط ثالث أُضيف حديثاً لدالة shortcode_atts، ولكنه ليس وسيطاً إلزامياً. لذا ما لم يقم كل مطور إضافات في العالم بتطبيقه، فلن تكون لدينا طريقة مؤكدة لتحديد جميع خصائص الكود القصير.

    لا توفر واجهة برمجة تطبيقات الأكواد القصيرة (Shortcode API) أي وسيلة لإضافة أوصاف للأكواد القصيرة، أو تحويل أنواع الخصائص (type casting)، أو إضافة أوصاف للخصائص. وما لم يضف ووردبريس نفسه قسماً مركزياً للوصول إلى الأكواد القصيرة، فإنني أشك في أن يتم إنشاء هذه الميزة.

    الخاتمة

    في الوقت الحالي، تُترك مهمة تنظيم الأكواد القصيرة لكل مطور على حدة. وما لم يتم تطوير طريقة مركزية داخل ووردبريس، فتوقع الاستمرار في رؤية أزرار متعددة لـ “إضافة كود قصير” (Add Shortcode) في لوحة التحكم الخاصة بك. وتظل مسألة ما إذا كان ينبغي إضافة شيء من هذا القبيل إلى نواة ووردبريس أم لا نقاشاً كبيراً بحد ذاته.

    حل بديل

    هناك إضافات لأدوات بناء الصفحات (Page Builders) تتعامل مع هذا الأمر بطريقة مختلفة. فبدلاً من اكتشاف الأكواد القصيرة برمجياً، توفر أدوات لتعيين الأكواد القصيرة (shortcode mappers) حيث يمكن للمستخدمين إدخال كل تفاصيل الكود القصير يدوياً. وبمجرد الانتهاء، يصبح الكود متاحاً داخل أداة بناء الصفحات. ورغم أن  هذا الحل يعمل، إلا أن هذه الإعدادات تقتصر على موقعك الخاص فقط.

    نحن هنا في Page Builder Sandwich نعمل على إنشاء شيء نأمل أن يتمكن من حل هذه المعضلة المتعلقة بالأكواد القصيرة. اشترك في نشرتنا البريدية أدناه لتصلك إشعارات حول تقدمنا.

  • كيفية إنشاء ترويسات رئيسية (Hero Headers) بسيطة في 3 خطوات سهلة

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    ما هي ترويسات الهيرو (Hero Headers)؟

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    للبدء في إنشاء أول ترويسة هيرو لك على الإطلاق باستخدام PBS، اتبع الخطوات السريعة أدناه:

    الخطوة 1: إدراج عمود وضبط عرض الصف

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    الخطوة 2: ضبط الهامش لإنشاء مساحة فارغة

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    الخطوة 3: إضافة خلفية مع تراكبات نصية وعناصر

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    نصيحة رقم 2: بالنسبة لعناصر الهوية البصرية، فكّر في استخدام شعار باللون الأبيض أو الأسود حتى لا يتعارض مع صورة خلفية مفعمة بالألوان.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    لا تنسَ حفظ عملك، وستكون جاهزاً تماماً!

    تهانينا على إنشاء أول ترويسة هيرو لك باستخدام PBS! وفي حال لم تفعل ذلك، فلا داعي للقلق؛ فالبدء من الصفر يُعتبر أسهل مع PBS، لذا لا ينبغي أن يمثل ذلك مشكلة كبيرة.

    نتمنى لك تجربة ممتعة في بناء موقعك!

  • لماذا ووردبريس؟

    Why-Wordpressأحد الأمور الهامة التي ينبغي مراعاتها عند إنشاء موقعك الإلكتروني الأول — سواء كنت تدير نشاطًا تجاريًا، أو تعمل مستقلاً، أو أي شيء وأي شخص آخر في الواقع — هو أنه ليس الجميع ضليعين بلغة البرمجة وتطوير البرمجيات. قد تكون، على سبيل المثال، طاهيًا يرغب في نشر وصفاته عبر الإنترنت. أو قد تكون طالبًا جامعيًا في كلية الفنون الجميلة يحتاج إلى ملف أعمال ذي مظهر احترافي، أو شركة ناشئة بحاجة إلى موقع خاص بها. وسواء كانت هذه الحالة أو تلك أو أي شيء بينهما، فإن الحقيقة تظل أن البعض منا قد يكون على دراية بأساسيات البرمجة، ولكننا لسنا جميعًا مطورين متفرغين، كما أنه ليس كل من يحتاج أو يرغب في موقع إلكتروني يعرف كيفية إنشائه من الصفر. وهنا تحديدًا تبرز أهمية WordPress وفائدته. ويطرح السؤال نفسه: “لماذا WordPress؟”

    السبب #1

    WordPress هو نظام إدارة محتوى، مما يجعله سهل الاستخدام تمامًا.

    أول ما تحتاج إلى معرفته هو أن WordPress هو نظام إدارة محتوى (أو CMS). وبعبارة أبسط، يعني هذا أن WordPress يتيح لمستخدميه إنشاء مواقع إلكترونية دون الحاجة إلى كتابة شفرة برمجية من البداية. فهو يمتلك واجهة منظمة وممنهجة تتيح لك إبقاء الأمور تحت السيطرة باستمرار دون الحاجة إلى التعديل على الشفرة البرمجية بين الحين والآخر.

    بالمقارنة مع إنشاء موقع إلكتروني من الصفر، والذي يبدأ عادةً بهذا الشكل:

    screenshot-1 أما مع نظام إدارة المحتوى، فيمكنك البدء بشيء كهذا:

    WordPress
    واجهة الإدارة الخلفية لـ WordPress. أصبحت إدارة المواقع الإلكترونية وإنشاؤها أسهل مع نظام إدارة المحتوى (CMS).

    رغم ذلك، قد تتساءل: “يبدو WordPress رائعًا، ولكن ماذا لو كان لا يحتوي على الميزات التي أريدها لموقعي؟”، أو “ماذا لو كنت أريد خريطة، أو مشغل موسيقى، أو محرك تخزين مؤقت، أو نظام أمان أكثر موثوقية؟”

    …من الناحية التقنية، من المرجح جدًا أن WordPress يمتلك تلك الميزة التي تبحث عنها، وستأتي على هيئة إضافة WordPress.

    السبب #2

    الإضافات: اللمسة المثالية التي تُتوج WordPress

    إذا كنت قلقًا من أن WordPress لا يتضمن تلك الميزة المحددة التي قد تريدها على موقعك، فلا تقلق: فمن المحتمل جدًا أنه يوفرها.

    الإضافات هي “ميزات توسعية” وجدت لزيادة وظائف موقعك على WordPress. إذا كنت رائد أعمال وبحاجة إلى نموذج اتصال لموقعك، فربما تلاحظ أن WordPress بحد ذاته لا يتضمن هذه الميزة، ولكن هناك أعداد هائلة من الإضافات التي توفرها. وبما أن WordPress مفتوح المصدر — أي أنه يمكن لأي شخص تقريبًا المساهمة في تطويره — يتم إنشاء إضافات جديدة بانتظام. يمكنك الحصول على نموذج الاتصال الذي تريده، بل وأكثر من ذلك بكثير. فلديك الحرية لإضافة إضافات أخرى تتراوح بين أزرار المشاركة على شبكات التواصل الاجتماعي، والخرائط، وحتى تدابير أمنية إضافية لموقعك، من بين العديد والعديد من الميزات والتوسعات الأخرى. والآن، ألا يبدو ذلك رائعًا حقًا؟

    حتى الآن، يحتوي WordPress على آلاف من هذه الإضافات — وبعضها متاح مجانًا و/أو يحتوي على إصدارات مجانية، بما في ذلك PBS.

    السبب #3

    المصدر المفتوح: مجتمع WordPress

    برنامج WordPress مفتوح المصدر. وهذا يعني أن لأي شخص حرية المساهمة في تطويره، وبإمكان أي شخص دراسة شفرته البرمجية الأساسية لمعرفة المزيد حول تطوير البرمجيات، وحتى حول WordPress نفسه. وهناك أيضًا شركات مخصصة بالكامل لإنشاء وتطوير المنتجات المتعلقة بـ WordPress، مثل الإضافات والقوالب (مثلنا تمامًا!)

    نظرًا لأن WordPress مفتوح المصدر، فإن هناك أعدادًا هائلة من المستخدمين والمطورين وحتى المصممين الذين يتعاونون باستمرار ويساعد بعضهم بعضًا في حل المشكلات المتعلقة بـ WordPress. وبهذه الطريقة، يمكنك الحصول على مساعدة حقيقية من أشخاص حقيقيين، وفي الوقت نفسه، التعلم المتبادل. وهو أمر نادرًا ما تنجح خدمات دعم العملاء التقليدية في تحقيقه.

    السبب #4

    WordPress منصة موثوقة وذائعة الصيت.

    شبكة CNN، والمدونة الرسمية لحرب النجوم (Star Wars)، ومجلة Time، وحتى (مفاجأة!) Beyoncé، جميعها تمتلك مواقع تعمل بنظام WordPress، من بين العديد من المواقع الأخرى. وهذه الأسماء الكبيرة ليست الأمر الوحيد الذي يدعم موثوقية WordPress ومكانته أيضًا — فوفقًا لموقع Treehouse.com، فإن ما يقرب من 25% من إجمالي المواقع الموجودة على شبكة الويب تعمل بنظام WordPress. وبالنظر إلى عدد الملايين والآلاف من المواقع الإلكترونية الموجودة… فإن نسبة 25% تعد رقمًا ضخمًا للغاية.

    السبب #5

    تخصيصات بلا حدود!

    يوفر WordPress عددًا هائلًا من القوالب المتاحة لك ولموقعك. فلديك الحرية للاختيار بين الإصدارات المجانية، أو المدفوعة، أو حتى بناء قالب خاص بك بنفسك (أو توظيف شخص ما لإنشائه لك!).

    السبب #6:

    إنه مجاني.

    نعم، لقد قرأتم ذلك بشكل صحيح. من خلال التطوير المحلي (Local Development)، يُعد WordPress مجانيًا بالكامل، ويمكنكم تثبيته على أجهزتكم بنقرة زر واحدة. وبالمثل، بدلاً من توظيف مطور، يمكنكم استغلال أي معرفة لديكم بالبرمجة لمعرفة المزيد عن كيفية عمل WordPress (والتعلم أمر رائع دائمًا على أي حال).

    …ناهيكم عن أنه في حال لم يكن لديكم متسع من الوقت للتعمق في WordPress وبناء المواقع، يمكنكم دائمًا الحصول على إضافة رائعة لتصميم الصفحات وتجربة إضافتنا.

    تذكروا أن الإمكانيات لا حصر لها مع WordPress، ولا يتطلب فهم آلية عمله أن تكونوا عباقرة!

    يمكن أن يوفر لكم استخدام WordPress الكثير من الوقت والمال والجهد. وفي وقت تشح فيه هذه الموارد، تذكروا أن مواقع WordPress وإضافاتها (مثل PBS!) وقوالبها ومجتمعها على وجه الخصوص، يمكن أن تقدم لكم المساعدة الكاملة وتجعل الأمور أسهل بكثير.

    نتمنى لكم تجربة ممتعة في إنشاء المواقع!

  • WordPress.com مقابل WordPress.org

    Wordpress-Com-VS-Wordpress-Orgإذا كنت جديداً نسبياً في مجال إنشاء المواقع الإلكترونية، فمن المحتمل أنك لست على دراية كافية بالجدل الكبير القائم بين WordPress.com و WordPress.org. ربما لم تكن تعلم حتى بوجود أحدهما بجانب الآخر، أو بالإيجابيات والسلبيات المختلفة لكل منهما. فما هو، بربك، هذا الجدل الكبير بين استخدام WordPress.com و WordPress.org؟ هل أحدهما مجرد تقليد رخيص في انتظار أن تتم مقاضاته؟

    حسناً، لا.

    إن الجدل، باختصار، يدور حول أي من هاتين الخدمتين من خدمات ووردبريس تناسب الموقع الذي تحاول إنشاءه بشكل أفضل. فليس أي منهما تقليداً للآخر، وكلا الموقعين مملوكان لـ WordPress؛ كل ما في الأمر أن أحدهما (.com) هو إصدار أكثر ملاءمة لغير المطورين مقارنة بالآخر، بينما يمتلك .org قيوداً أقل بكثير عندما يتعلق الأمر بإنشاء المواقع مقارنة بـ .com.

    “ولكن كيف أعرف أيهما أحتاج؟”

    الإجابة على هذا السؤال تعتمد كلياً على احتياجات موقعك المستقبلي. فلا يوجد كيان ووردبريس واحد يُعتبر موضوعياً الإصدار “الأفضل” أو حتى “الأنسب” للاستخدام. فلكل منهما ميزاته الفريدة، وقدر متساوٍ من الإيجابيات والسلبيات.

    WordPress.com: لماذا ومتى ينبغي عليّ اختياره؟

    يتولى WordPress.com رعاية الأساسيات البسيطة من أجلك، مما يتيح لك التركيز بشكل أكبر على محتوى موقعك. إنه أداة لإنشاء المواقع تُدار وتُستضاف بالكامل بواسطة مجموعة شركات تدعى Automattic. حيث تحصل على استضافة متميزة، ونسخ احتياطية، وأمان، وما إلى ذلك. وهذا يعني أنه يمكنك التركيز على محتوى موقعك بسهولة أكبر، مقارنة بالاضطرار إلى قضاء ساعات طويلة في بنائه من الصفر.

    ولكن تجدر الإشارة إلى أن WordPress.com يأتي أيضاً بقيوده الخاصة. فبينما قد لا تضطر إلى القلق كثيراً بشأن صيانة الآليات الداخلية لموقعك، قد تضطر إلى أن تضع في اعتبارك أنك على الأرجح لن تتمتع بنفس القدر من الحرية التي ترغب فيها. فرغم أن تخصيص واجهة موقعك قد لا يمثل مشكلة (يأتي WordPress.com مع عدد كبير من القوالب، على سبيل المثال)، إلا أن إضافة ميزات وعناصر معينة في شكل إضافات (plugins) قد يصبح مشكلة، لا سيما إذا كان موقعك يحتاج إلى ميزات محددة غير متوفرة في WordPress.com.

    أما كيفية صيانة الموقع الإلكتروني فهي قصة مختلفة تماماً. يعتمد الأمر بشكل كبير على: 1.) أنك لست مطور ووردبريس، 2.) ليس لديك أي نية لتعلم البرمجة، أو 3.) لديك القليل من الوقت أو لا تملك وقتاً على الإطلاق لذلك.

    WordPress.org: متى يحين الوقت للتفكير فيه؟

    من القواعد العامة عندما يتعلق الأمر بالتفكير في WordPress.org هي عندما تكون على الأقل على دراية قليلة بآليات البرمجة، أو تكون على استعداد لاستثمار بعض الوقت في تعلم كيفية القيام بذلك. ونظراً لأن WordPress.org هو إصدار مستضاف ذاتياً من ووردبريس، يمكنك خوض التجربة وتجربة كل ما تريد بنفسك. بالإضافة إلى ذلك، لديك الحرية في التعديل عليه بالقدر الذي تريده، كبيراً كان أم صغيراً. ستكون مسؤولاً عن العثور على الاستضافة الخاصة بك، وإعداد النسخ الاحتياطية للأمان بنفسك، وصيانة الموقع الإلكتروني بالكامل بمفردك – والأهم من ذلك، وفقاً لشروطك الخاصة.

    “ولكن مهلاً، لماذا أرغب في ذلك؟ أليس الهدف من ووردبريس هو جعل إنشاء المواقع أسهل؟”

    …ليس تماماً. فكر في الأمر بهذه الطريقة: تقدم مدونة The Daily Post تشبيهاً ممتازاً بين WordPress.org و WordPress.com، بطريقة تجعل حتى أكثر المبتدئين حداثة (مثلي تماماً) يفهمون المغزى على الفور.

    وفقاً لهم، عليك أن تنظر إلى WordPress.com على أنه شيء لا تملك ملكيته الكاملة. خذ على سبيل المثال نفسك وأنت في سن الخامسة عشرة، ولا تزال تعيش مع والديك. إذا أردت طلاء غرفة نومك، فسيتعين عليك طلب إذن والديك أولاً (اللذين يمتلكان بالطبع الملكية الكاملة للمنزل، بما في ذلك غرفتك). من الناحية الفنية، الغرفة لك، ولكن في نهاية المطاف، حسناً… هي ليست كذلك تماماً.

    لذا إذا كنت بحاجة أو ترغب في إجراء أي تغييرات جذرية (مثل طلاء جدرانك، أو توسيع الغرفة)، فسيظل يتعين عليك التحدث و/أو التوصل إلى حل وسط مع المالكين الفعليين للمنزل، أي أمك وأبيك. ومع ذلك، فإن الجانب الإيجابي في هذا هو أنه عندما يتعطل قاطع الكهرباء في الطابق السفلي، أو يتوقف مكيف الهواء عن العمل، يتولى والداك إصلاحه، ولا داعي للقلق بشأن أي شيء.

    أما WordPress.org، من ناحية أخرى، فهو شيء يمكنك تخصيصه وتعديله بحرية وفقاً لإرادتك الخاصة. يمكن مقارنة هذا باللحظة التي تستقل فيها أخيراً في سن الثامنة عشرة، وتحصل على شقة خاصة بك. نظراً لأنك تمتلك الملكية الكاملة لمسكنك، فلن تضطر إلى تقديم تنازلات مع أي شخص لطلاء جدرانك بذلك اللون الذي طالما كرهته والدتك؛ لديك الحرية في اتخاذ القرار، و/أو توظيف شخص يلبي معاييرك للقيام بذلك من أجلك. بالإضافة إلى ذلك، لديك أيضاً حرية اختيار وحدة التكييف التي تريدها بالضبط لغرفة المعيشة الخاصة بك. كل ما في الأمر أنه إذا تعطلت، فستضطر إلى استئجار فني لإصلاحها، أو معرفة المشكلة وكيفية إصلاحها بنفسك (وهو أمر ليس سيئاً للغاية، ففي النهاية، لقد تعلمت درساً، والتعلم شيء جيد).

    والآن، نأمل أن تكون قد حصلت على صورة أوضح للاختلافات الجوهرية بين WordPress.com و WordPress.org. ولكن باختصار:

    تثبيت ما تشاء قل أو كثر، القوالب مقتصرة فقط على قوالب ووردبريس، وعليك دفع رسوم معينة للتخلص من الإعلانات.لديك تحكّم شبه كامل بموقعك؛ يمكنك إضافة قوالب خاصة بك، أو تخصيصها، أو حتى بناؤها.

    التحكم في المحتوى محدود؛

    WordPress.com WordPress.org
    استضافة كاملة بواسطة ووردبريس؛ جميع الأساسيات مغطاة. استضافة ذاتية؛ اختر أساسياتك بنفسك، أو اختر أساسيات أفضل.
    الميزات محدودة بما يقدمه WordPress.com آلاف الميزات في شكل إضافات؛

    هذه بعض المقارنات التي تأتي مع الموازنة بين الفروق بين الاثنين. إن الاختيار بين الاثنين يعود في النهاية إلى مقدار الحرية التي تريدها في إنشاء موقعك، وكمية الموارد (الوقت، والجهد، والمال، وما إلى ذلك) التي ترغب في بذلها من أجله. تذكر أن كلا الخيارين حاسمان للغاية ويجب الموازنة بينهما قبل اتخاذ قرار بشأن منصة ووردبريس الأنسب لك. لذا، لا تتسرع في اتخاذ القرار!

    نتمنى لك تجربة ممتعة في إنشاء المواقع!

  • 3 أمور يجب مراعاتها قبل الخوض في أدوات بناء الصفحات

    3-Things-to-Consider-Before-Diving-Into-Page-Buildersهناك احتمال ضئيل أنك هنا لأنك سمعت أن PBS من المحتمل جداً أن تكون واحدة من أسرع الطرق المختصرة لإنشاء المواقع. في حين أن أدوات بناء الصفحات، بشكل عام، موجودة لتسهيل الأمور، لا يزال هناك بعض الأشياء التي قد ترغب في أخذها بعين الاعتبار قبل التعمق أكثر في هذا المجال المحدد من تطوير ووردبريس.

    تعلم ووردبريس: متطلب أساسي وحاسم لأداة بناء الصفحات

    ربما يكون هذا هو العنصر الأكثر وضوحاً في هذه القائمة، ولكنه يظل الأهم على الإطلاق. فمن المؤسف أنه لا يمكن شراء أدوات بناء الصفحات بمفردها تماماً، بل تأتي على شكل إضافات في ووردبريس، والتي ستحتاج إلى تثبيتها وتعلمها من أجل استخدامها والتحكم بها. كن مطمئناً أن ووردبريس هو أحد أسهل الطرق وأكثرها موثوقية لإنشاء موقع ويب. لن تندم أبداً على معرفة شيء تقني، بالنظر إلى العصر الذي نعيش فيه الآن. هناك فرق بين WordPress.com و WordPress.org، ومعرفة أيهما يلبي احتياجاتك يوفر الكثير من الوقت أيضاً!

    ومع ذلك، إذا كنت تشعر ببعض الرهبة من كثرة بعض المصطلحات التقنية في هذا المقال، فلا تقلق. فهناك بعض المواقع المفيدة التي يمكنك زيارتها لمساعدتك على البدء، ومن بينها WordPress Codex، و Treehouse. حيث تحتوي على نصائح حول ووردبريس وبناء المواقع الإلكترونية، وذلك حسب احتياجك ومستوى معرفتك.

    قد ترغب في استكشاف الأمر وتجربته أولاً، فقط لتتأكد

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

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

    التصاميم تحدث فارقاً كبيراً

    تطرح المتحمسة لووردبريس دونا فونتينوت كافاليير وجهة نظر سديدة للغاية فيما يتعلق بأدوات بناء الصفحات بالسحب والإفلات، وأهمية التصميم الأساسي. في حين أن أدوات السحب والإفلات مثل PBS يمكن أن توفر عليك الكثير من الوقت، فإن المعرفة الأساسية وبعض الإلمام على الأقل بالنواحي الجمالية هو أمر حاسم آخر يجب مراعاته عند إنشاء مواقع الويب. تخيل هذا السيناريو – لنفترض أنك حصلت على أداة بناء صفحات بارعة من اختيارك: هذا رائع! ولكن لنفترض أيضاً أنك شخص لا يملك تماماً أفضل نظرة للفن والتصميم وقابلية الاستخدام: يا للمصيبة.

    لا تقلق، على أية حال. فـ Page Builder Sandwich ليست مجرد أداة لبناء الصفحات؛ بل إن فريقنا مكرس أيضاً لمد يد العون لمستخدمي ووردبريس الآخرين. لذا، إذا كنت تواجه بعض الصعوبات فيما يتعلق بالتصميم، فلا تقلق – فلدينا مجموعة من المقالات هنا في مدونة PBS تتضمن الكثير من النصائح المفيدة لمساعدتك على البدء. وبهذه الطريقة، يمكنك إنجاز المزيد، وتعلم المزيد، والقلق بشكل أقل.

    تذكر، إذا كان لديك أي أسئلة أو استفسارات بخصوص أدوات بناء الصفحات، أو أي شيء يتعلق بالنقاط المذكورة أعلاه، فلا تتردد في ترك رسالة لنا في قسم التعليقات أدناه. يسعدنا دائماً تقديم المساعدة لعملائنا.

    نتمنى لك تجربة ممتعة في إنشاء المواقع!