سلام دوستان.
با قسمت دوم آموزش ساخت کد کوتاه دسته بندی در وردپرس همراه شما هستم.در قسمت قبل بررسی کردیم که چطور میتوان دسته بندی را به محتوای وب سایت اضافه کرد و حال در این نوشته به ادامه آن و نحوه قرار دادن یک استایل زیبا برای آن میپردازیم.پس تا انتها با من همراه باشید
در ابتدا باید کد زیر را در درون فایل استایل قالب وردپرس خود قرار دهید:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
.one_half { /* عرض ستون بندی 1/2 */ width: 49%; } .one_third { /* عرض ستون بندی 1/3 */ width: 32%; } .one_fourth { /* عرض ستون بندی 1/4 */ width: 23.5%; } .one_fifth { /* عرض ستون بندی 1/5 */ width: 18.4%; } .one_sixth { /* عرض ستون بندی 1/6 */ width: 15%; } .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: right; margin-left: 2%; margin-bottom: 15px; text-align: right; min-height:100px; } .one_half.last, .one_third.last, .two_third.last, .one_fourth.last, .three_fourth.last, .one_fifth.last, .two_fifth.last, .three_fifth.last, .four_fifth.last, .one_sixth.last, .five_sixth.last { margin-left: 0; } |
حال آن فایل را ذخیره سازی کرده و سپس باید برای مشاهده خروجی کد های کوتاه را قرار دهید که به صورت زیر باید آن ها را قرار دهید دوستان.برای اینکار باید کد ها را در داخل یک نوشته و یا یک برگه قرار دهید.پس یکی از موارد زیر را برگزینید:
دسته بندی 1/2
|
1 2 3 4 5 6 |
[one_half] متن مورد نظر اینجا قرار می گیرد [/one_half] [one_half_last] متن مورد نظر اینجا قرار می گیرد [/one_half_last] |
دسته بندی 1/3
|
1 2 3 4 5 6 7 8 9 |
[one_third] متن مورد نظر اینجا قرار می گیرد [/one_third] [one_third] متن مورد نظر اینجا قرار می گیرد [/one_third] [one_third_last] متن مورد نظر اینجا قرار می گیرد [/one_third_last] |
دسته بندی 1/4
|
1 2 3 4 5 6 7 8 9 10 11 12 |
[one_fourth] متن مورد نظر اینجا قرار می گیرد [/one_fourth] [one_fourth] متن مورد نظر اینجا قرار می گیرد [/one_fourth] [one_fourth] متن مورد نظر اینجا قرار می گیرد [/one_fourth] [one_fourth_last] متن مورد نظر اینجا قرار می گیرد [/one_fourth_last] |
دسته بندی 1/5
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
[one_fifth] متن مورد نظر اینجا قرار می گیرد [/one_fifth] [one_fifth] متن مورد نظر اینجا قرار می گیرد [/one_fifth] [one_fifth] متن مورد نظر اینجا قرار می گیرد [/one_fifth] [one_fifth] متن مورد نظر اینجا قرار می گیرد [/one_fifth] [one_fifth_last] متن مورد نظر اینجا قرار می گیرد [/one_fifth_last] |
دسته بندی 1/6
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
[one_sixth] متن مورد نظر اینجا قرار می گیرد [/one_sixth] [one_sixth] متن مورد نظر اینجا قرار می گیرد [/one_sixth] [one_sixth] متن مورد نظر اینجا قرار می گیرد [/one_sixth] [one_sixth] متن مورد نظر اینجا قرار می گیرد [/one_sixth] [one_sixth] متن مورد نظر اینجا قرار می گیرد [/one_sixth] [one_sixth_last] متن مورد نظر اینجا قرار می گیرد [/one_sixth_last] |
کار تمام است.شما توانستید موارد کفته شده را به وب سایت خود اعمال کنید
آموزش ساخت کد کوتاه دسته بندی در وردپرس،قمست اول
فریش تم :
قالب فروشگاهی وردپرس,پوسته وردپرس,قالب شرکتی وردپرس,قالب چند منظوره وردپرس
هنوز هیچ دیدگاهی وجود ندارد