امروزه با توجه به توسعه وردپرس و قالب های متنوع، یکی از گزینه هایی که در اکثر قالب ها می توان دید شورت کد ستون بندی است. از این شورت کد برای ستون بندی مطالب و محتوا استفاده می شود. آموزش امروز مدرسه وردپرس به ساخت شورت کد ستون بندی وردپرس اشاره دارد. با این آموزش خواهیم توانست ستون بندی های 1/2،1/3،1/4،1/5 و 1/6 بسازیم. مانند تصویر زیر:

ستون بندی در وردپرس

بسیار خب شروع می کنیم.

قدم اول: کدهای php

در قدم اول ساخت شورت کد ستون بندی وردپرس ، فایل functions.php پوسته خود را باز کرده و کد زیر را داخل آن قرار دهید:

با استفاده از کد بالا، شورت کد ستون بندی وردپرس را به پوسته معرفی کردیم. حال فایل را ذخیره کنید.

 

قدم دوم: استایل دهی به ستون ها

قدم دوم در آموزش ساخت شورت کد ستون بندی وردپرس ، استایل دهی به ستون ها می باشد. پس کد زیر را داخل فایل استایل خود قرار دهید:

فایل را ذخیره کنید.

حال نوبت به این رسیده که شورت کد ها را قرار داده و خروجی را ببینیم. نحوه استفاده از شورت کد بدین صورت است که کدهای زیر را داخل یک برگه یا نوشته جدید قرار دهید:

کد ستون بندی 1/2:

کد ستون بندی 1/3:

کد ستون بندی 1/4:

کد ستون بندی 1/5:

کد ستون بندی 1/6:

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

دمو کدهای بالا در تصویر زیر نمایش داده شده است.

موفق باشید

ساخت شورت کد ستون بندی وردپرس

 

6 دیدگاه برای “ساخت شورت کد ستون بندی وردپرس

  • سیروس
    - ۱۸ خرداد , ۱۳۹۳

    چند روزی نبودید نگران شده بودیم …
    منتظر مقاله های جدیدتون هستیم…
    با تشکر…

  • بهاران
    - ۲۰ خرداد , ۱۳۹۳

    مرسی برای آموزش های خوبتون

  • world
    - ۲۴ خرداد , ۱۳۹۳

    سلام

    چند تا سوال داشتم لطفا راهنماییم کنین

    ۱ – تو سایت wordpress.com امکان ست کردن دامنه .IR هست؟ بدلیل تحریمات جلوگیری

    نمیکنن؟

    ۲- تو وبلاگ های شخصی که تو wordpress.com درست کردیم امکان گذاشتن تبلیغات هست؟

    ۳-با خرید پلن vip از wordpress.com ، چه امکاناتی رو در اختیارمون قرار میده؟

    ۴- آیا تو wordpress.com میشه بجای دامنه اصلی یه ساب دامین ست کرد؟ مثلا

    world.example.com

    مرسی/.

    • الناز بیک زاده
      - ۳۱ خرداد , ۱۳۹۳

      سلام دوست من.
      سوال ۱: بله امکانش هست
      سوال۲: خیر امکان گذاشتن تبلیغات در وبلاگ نیست
      سوال۳: امکانات را خود سایت ذکر کرده
      https://signup.wordpress.com/signup/?site=test

      سوال۴: خیر این کار رو نمیشه انجام داد

  • وردپرس
    - ۴ شهریور , ۱۳۹۳

    فوق العاده بود

    بسیار ممنون بابت وب سایت خوبتون

  • احسان
    - ۱۴ اسفند , ۱۳۹۳

    سلام…..با عرض پوزش.. از تم اماده صحیفه استفاده میکنم… امکان ستون بندی نداره…. میخاستم از کد شما استفاده کنم اما نمیدونم کجا برم…
    یعنی راستش
    spadanaclub.ir / httpdocs / wp-content / themes / my-sahifa-b / functions.php

    و

    spadanaclub.ir / httpdocs / wp-content / themes / my-sahifa-b / style.css

    رفتم و اخر نوشته اون چیزایی که اینجا بود را کپی کردم اما بعدش دیدم سایت شده بود خرچنگ قورباغه 🙂

    ایا امکان راهنمایی بیشتر هست؟؟

دیدگاه خود را بیان کنید