Мундариҷа
- Дониш лозим аст: PHP ва CSS асосӣ
- Талаб мекунад: WordPress install, муҳаррири матнии интихобшуда
- Вақти лоиҳа: Дақиқаҳои 10
Агар шумо ба нусхаи чопии маҷаллаи .net обуна шавед (агар не, чаро не !?), шумо дидед, ки дар шумораи ин моҳ як мақолаи аъло дар мавзӯи "Тарроҳии ҷавобгӯ бо WordPress" ҷой дода шудааст.
Дар мақола, муаллиф Ҷесси Фридман бори техникаи воқеан муфидро барои истифодаи бештар ва бартараф кардани функсияҳои ҷудогонаи WordPress барои тавлиди як вебсайти воқеан ҷавобгӯ нишон медиҳад. Агар шумо дар фикри таҳияи сайти ҷавобгӯ бо WordPress бошед, бояд бешубҳа нусхаи мақолаи ӯро бигиред. Ин бояд хонда шавад.
Бо наздикӣ блоги шахсии худро дар WordPress бо истифода аз усули ҷавобгӯ ва аввалиндараҷаи мобилӣ барқарор кардам ва ман бо баъзе усулҳои дар мақола овардашуда ошно будам. Бо вуҷуди ин, як чиз, ки воқеан барои ман фарқ мекард, муносибати Ҷисси барои фароҳам овардани тасвирҳои моеъ тавассути jQuery буд.
Мушкилот бо WordPress ва "тасвирҳои моеъ"
Тавре ки ман боварӣ дорам, ки шумо ҳама "тасвирҳои моеъ" -ро медонед, ки аз max-width истифода мебаранд: 100% - талаб мекунанд, ки тасвирҳо паҳн ва баландии собит надошта бошанд, то онҳо ба андозаи зарфашон миқёс гиранд. Мутаассифона, WordPress андозаи тасвирҳои аз китобхонаи Медиа тавлидшударо ба таври худкор ҳисоб мекунад ва ба ҳама гуна img> тегҳо атрибутҳои мувофиқ ва васеъро илова мекунад.
Ин барои суръатбахшии саҳифа хеле хуб аст, аммо a азим вақте ки сухан дар бораи сохтани тарҳҳои ҷавобгӯ меравад, зеро андозаи тасвир акнун на ба андозаи зарфи онҳо маҳдуд мешавад.
Ин мушкилот аст.
Ҳалли ғайри jQuery
Дар мақолаи худ Ҷесси ’истифодаи jQuery-ро барои хориҷ кардани атрибутҳои паҳнои ва баландӣ аз ҳамаи img> тегҳои саҳифа пас аз бор кардан пешниҳод мекунад. Ин албатта кор мекунад, аммо ҳангоми сохтани сайти ман идеяи ба JavaScript такя кардан барои ин ба ман маъқул нашуд, алалхусус агар дар сафҳаи тасвирҳо бисёр тасвирҳо буданд.
Ин ҷо филтрҳои WordPress ба кӯмак омадаанд.
WordPress codex филтрро чунин муайян мекунад:
"... қалмоқе, ки WordPress барои тағир додани матни намудҳои гуногун пеш аз илова кардан ба базаи маълумот ё ба экрани браузер оғоз мекунад."
Тавре ки маълум мешавад, ин маҳз ҳамон чизест, ки ба мо лозим аст. Бо насб кардани филтр барои коркарди ҳама тасвирҳо ҳамчун амали ниҳоӣ пеш аз он ки онҳо дар саҳифа амал кунанд, мо метавонем PHP -ро истифода барем, то атрибутҳои паҳноӣ ва баландиро аз байн бардорем, то ин ки зарурати (эҳтимолан) идоракунии гаронбаҳои DOM тавассути JavaScript-ро аз миён бардорем.
Рамз
- /**
- * ФУНКСИЯҲОИ ҶАВОБГАРИ СУРАТ
- */
- add_filter ('post_thumbnail_html', 'remove_thumbnail_dimensions', 10);
- add_filter ('image_send_to_editor', 'remove_thumbnail_dimensions', 10);
- функсияи remove_thumbnail_dimensions ($ html)
- $ html = preg_replace (’/ (паҳнои васеъ
Дар коди дар боло овардашуда мо бо истифодаи функсияи add_filter ду филтр илова мекунем. Далели аввал филтрест, ки мо мехоҳем ба он часпонем ва дуввум он функсияеро, ки мехоҳем ҳангоми даъват кардани филтр иҷро кунем, муайян мекунад.
Дар рамзи худ мо ба ду вазифаи номуайян пайваст мешавем:
- post_thumbnail_html - тасвирҳо бо post_thumbnail ()
- image_send_to_editor - тасвирҳои ба муҳаррир иловашуда
Пас аз он мо ибораи муқаррариро истифода мебарем, то ҳам атрибутҳои паҳнӣ ва баландиро аз барчаспҳои тасвир хориҷ кунем. Ҳоло вақте ки тасвирҳои мо ба браузер фиристода мешаванд, онҳо метавонанд комилан 'моеъ' шаванд, ҳамон тавре ки ҷаноби Маркотте ба мо гуфт, ки онҳо бояд.
Иқрор
Ман бояд иқрор шавам, ки фикри истифода доштам add_filter Барои нест кардани атрибутҳо, ман наметавонистам дар тӯли ҳаётам филтрҳои дурусти WordPress-ро пайдо кунам.
Пас аз ҷустуҷӯҳои зиёд, ман ниҳоят ба ин паёми хеле муфид дар Wordpress Stack Exchange аз ҷониби Натаниэл Тайнтор дучор омадам, ки дар бораи ду филтре, ки ба ман лозим буданд, маълумот дод.
Огоҳӣ
То он ҷое ки ман медонам, ягона ҷаззобии ин равиш ин аст, ки он атрибутҳои паҳноӣ ва баландиро аз ҳамаи тасвирҳои сайти шумо дур намекунад. Ман ин масъаларо ёфтам, алахусус бо тасвирҳои Gravatar, ки WordPress дар шарҳҳо истифода мебарад.
Агар касе ҳалли ин масъаларо дошта бошад, лутфан шарҳ диҳед, то ҳама манфиат гирем.
Ман умедворам, ки ин муфид буд ва як алтернатива барои такя ба JavaScript барои татбиқи "тасвирҳои моеъ" дар вебсайтҳои WordPress нишон дод.
Калимаҳо: Дэвид Смит
Дэйв Смит тарроҳи охири пеш аст, ки дар наздикии шаҳри зебои Бат, Бритониё ҷойгир аст. Вақте ки ӯ дар веб-лоиҳаҳои нав ва шавқовар кор намекунад, ӯро дар ҳама ҷо аз гурӯҳҳои ҷазии Big Band то оркестрҳои Symphony пайдо кардан мумкин аст. Шумо метавонед Дейвро дар Twitter ҳамчун @get_dave пайгирӣ кунед.
