Cómo cambiar el número de entradas en diferentes dispositivos con Divi
Hola mis queridos Kaóticos!
No sé si les habrá pasado alguna vez que quieren mostrar, por ejemplo en la página de inicio, las últimas entradas del blog y elegimos diseño de rejilla para que se muestren las 3 últimas, una al lado de la otra.
Pero, ¿qué pasa cuando vemos esas 3 entradas en un tablet o teléfono móvil?
Debido a la anchura de la pantalla de estos dispositivos, se van a ver de manera diferente. En un teléfono se van a mostrar una debajo de la otra, pero en un tablet, se van a mostrar en 2 columnas; es decir de a dos en dos. La primera fila va a tener 2 entradas una al lado de la otra, pero la segunda fila va a tener sólo 1! Y esto la verdad es que se ve bastante mal.


Así como Divi tiene la opción de cambiar ciertos ajustes para cada dispositivo, como tamaño de fuente, de imagen, para hacer la página responsive, lamentablemente no tiene la opción de elegir la cantidad de entradas a mostrar en cada dispositivo.
Entonces, ¿cómo lo podemos hacer para que no nos pase esto?
La primera solución que se viene a la cabeza es mostrar un número par de entradas, pero que no sean 4, porque entonces tendríamos el mismo problema pero ahora en la vista de computador (en la segunda fila sólo se vería una entrada). La siguiente solución sería entonces cambiar el número de entradas a 6. De esta forma se verían 2 líneas de 3 entradas en el computador, 3 líneas de 2 entradas en el tablet y 6 entradas una debajo de la otra en el teléfono. Pero esto se ve muy grosero, por lo menos para mí no es una opción.
Entonces no nos queda otra que buscarle la vuelta al sistema con una sencilla solución. Y digo sencilla, porque es bastante fácil, hasta que se te ocurre. Antes de eso estamos pateando piedras.
Bueno, dejemos la intro y empecemos!
Lo primero va a ser crear el módulo Blog. En la pestaña «Diseño» elegimos la opción rejilla y en la pestaña «Contenido» le decimos que nos muestre 3 entradas.


A continuación vamos a ir a los ajustes «avanzados» del módulo Blog y le vamos a decir que nos desactive la visibilidad del módulo en dispositivos tablet y teléfono, para que de esta manera nos muestre, únicamente, este módulo Blog con 3 entradas en nuestro computador.


Lo siguiente va a ser insertar justo debajo de este módulo Blog, otro módulo Blog. Ahora vamos a ir a la pestaña «Diseño» y elegimos la opción «rejilla» de nuevo. Ahora en la pestaña «Contenido» en mi caso voy a configurarlo para que me muestre solamente 2 entradas, para que al igual que en el computador, sólo se vea una fila, pero con 2 entradas. También podríamos decirle que nos muestre 4, pero ya serían 2 filas con 2 entradas cada una. Esto ya depende de los gustos personales o necesidades de cada uno.


Ahora, lo siguiente y último, es ir a la pestaña «Avanzado» de nuestro módulo Blog y desactivar la «visibilidad» del módulo para «Escritorio».


De esta manera, este último módulo sólo va a ser visible en tablets y teléfonos pero no en computadores.
En nuestro constructor visual de Divi vamos a seguir viendo los 2 módulos de Blog, pero en la práctica no. Y por eso el segundo módulo Blog (si estamos construyendo desde computador) se debería ver más así, tipo transparente, y con sólo 2 entradas.


Y cómo dice Bugs Bunny, «that’s all Folks».
Espero que les haya gustado y que este truco les sirva.
Cualquier duda me la pueden dejar en los cometarios que les responderé a la velocidad de la luz.
The point of view of your article has taught me a lot, and I already know how to improve the paper on gate.oi, thank you. https://www.gate.io/fr/signup/XwNAU
I don’t think the title of your enticle matches the content lol. Just kidding, mainly because I had some doubts after reading the enticle. https://accounts.binance.com/en/register-person?ref=P9L9FQKY
The point of view of your article has taught me a lot, and I already know how to improve the paper on gate.oi, thank you. https://www.gate.io/id/signup/XwNAU
I may need your help. I tried many ways but couldn’t solve it, but after reading your article, I think you have a way to help me. I’m looking forward for your reply. Thanks.
Reading your article has greatly helped me, and I agree with you. But I still have some questions. Can you help me? I will pay attention to your answer. thank you.
Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me. https://accounts.binance.com/es/register?ref=T7KCZASX
prednisone 10mg online: http://prednisone1st.store/# prednisone 7.5 mg
drugs for ed: cheap ed pills – pills for ed
amoxicillin canada price: https://amoxicillins.com/# buy amoxicillin over the counter uk
Get warning information here.
get generic propecia prices buy generic propecia without a prescription
Actual trends of drug.
[url=https://pharmacyreview.best/#]cheap canadian pharmacy online[/url] canadian pharmacy store
where buy mobic without a prescription [url=https://mobic.store/#]cost generic mobic online[/url] can i get mobic without prescription
canada pharmacy online legit canadian pharmacies
canadian pharmacy store canada ed drugs
legitimate canadian pharmacy online best canadian pharmacy online
https://propecia1st.science/# how cЙ‘n i get cheap propecia pills
[url=https://propecia1st.science/#]buy cheap propecia for sale[/url] cheap propecia pill
Commonly Used Drugs Charts.
cost of amoxicillin buy amoxicillin online mexico – cost of amoxicillin 30 capsules
Drug information.
propecia for sale cost of cheap propecia price
[url=https://pharmacyreview.best/#]escrow pharmacy canada[/url] canada pharmacy
buy amoxicillin online without prescription: [url=https://amoxicillins.com/#]amoxicillin 500mg capsule[/url] amoxicillin discount
canadian pharmacy 24h com canadian pharmacies compare
buying propecia without a prescription get generic propecia online
https://propecia1st.science/# cost of cheap propecia no prescription
pharmacy wholesalers canada canadian discount pharmacy
Drug information.
natural ed medications: best ed treatment pills – ed pills otc
Long-Term Effects.
[url=https://propecia1st.science/#]cost of propecia pills[/url] buying propecia without prescription
canadian neighbor pharmacy canadian pharmacies
mexican online pharmacies prescription drugs: pharmacies in mexico that ship to usa – mexico drug stores pharmacies
http://indiamedicine.world/# indianpharmacy com
buying from online mexican pharmacy: buying prescription drugs in mexico online – mexican online pharmacies prescription drugs
best online pharmacy india india pharmacy or indian pharmacy online
http://bestlawyersinnebraska.com/__media__/js/netsoltrademark.php?d=indiamedicine.world india pharmacy mail order
[url=http://grasshog.biz/__media__/js/netsoltrademark.php?d=indiamedicine.world]buy prescription drugs from india[/url] world pharmacy india and [url=http://forum.meogames.com/home.php?mod=space&uid=8782244]indian pharmacy paypal[/url] india online pharmacy
mexican online pharmacies prescription drugs: mexican drugstore online – reputable mexican pharmacies online
top 10 pharmacies in india reputable indian pharmacies or pharmacy website india
http://pattmail.com/__media__/js/netsoltrademark.php?d=indiamedicine.world cheapest online pharmacy india
[url=http://www.mcguffygroup.com/__media__/js/netsoltrademark.php?d=indiamedicine.world]buy medicines online in india[/url] india pharmacy mail order and [url=http://www.donggoudi.com/home.php?mod=space&uid=28242]india pharmacy[/url] п»їlegitimate online pharmacies india
mexican mail order pharmacies: purple pharmacy mexico price list – best online pharmacies in mexico
http://certifiedcanadapharm.store/# canadian pharmacy drugs online
pharmacy website india: top online pharmacy india – mail order pharmacy india
canadian medications canadian pharmacy phone number or canadian king pharmacy
http://www.massportexpress.com/__media__/js/netsoltrademark.php?d=certifiedcanadapharm.store pharmacy com canada
[url=http://thenorthstaralliance.com/__media__/js/netsoltrademark.php?d=certifiedcanadapharm.store]global pharmacy canada[/url] canadian neighbor pharmacy and [url=http://www.1nanspa.com/space-uid-7044.html]online canadian pharmacy reviews[/url] best canadian pharmacy to buy from
india pharmacy mail order pharmacy india or mail order pharmacy india
http://indyfoods.com/__media__/js/netsoltrademark.php?d=indiamedicine.world mail order pharmacy india
[url=http://biblicalnutrition.org/__media__/js/netsoltrademark.php?d=indiamedicine.world]reputable indian online pharmacy[/url] top 10 online pharmacy in india and [url=http://www.aiwujie.wang/home.php?mod=space&uid=1341886]indian pharmacy[/url] india online pharmacy
canadian pharmacy meds: canadian pharmacy online – pharmacy canadian
pharmacy com canada: canadian online drugs – canada online pharmacy
https://certifiedcanadapharm.store/# canada pharmacy online legit
india online pharmacy top online pharmacy india or cheapest online pharmacy india
http://zavalia.com/__media__/js/netsoltrademark.php?d=indiamedicine.world indian pharmacy online
[url=http://rockforcancer.org/__media__/js/netsoltrademark.php?d=indiamedicine.world]top online pharmacy india[/url] reputable indian online pharmacy and [url=http://www.1nanspa.com/space-uid-7038.html]india online pharmacy[/url] indian pharmacy online
mexican border pharmacies shipping to usa: mexican online pharmacies prescription drugs – medicine in mexico pharmacies
online canadian pharmacy: best online canadian pharmacy – canada drug pharmacy
best canadian pharmacy to buy from online canadian pharmacy review or pharmacy rx world canada
http://transactioncenter.net/__media__/js/netsoltrademark.php?d=certifiedcanadapharm.store cross border pharmacy canada
[url=http://holiday-systems-international-review.com/__media__/js/netsoltrademark.php?d=certifiedcanadapharm.store]canada pharmacy world[/url] canadian online pharmacy and [url=http://www.empyrethegame.com/forum/memberlist.php?mode=viewprofile&u=260761]best rated canadian pharmacy[/url] reputable canadian online pharmacies
best online pharmacy india online pharmacy india or india online pharmacy
http://arcoplast-bio.info/__media__/js/netsoltrademark.php?d=indiamedicine.world pharmacy website india
[url=http://dutyfreeaustralia.com/__media__/js/netsoltrademark.php?d=indiamedicine.world]top online pharmacy india[/url] india pharmacy mail order and [url=https://www.foodntours.com/user/kgpgiuiiei/videos]best india pharmacy[/url] best online pharmacy india
india pharmacy: indian pharmacies safe – п»їlegitimate online pharmacies india
canadian pharmacy tampa: canadian pharmacy world – canadian 24 hour pharmacy
https://mexpharmacy.sbs/# buying prescription drugs in mexico
http://indiamedicine.world/# online pharmacy india
cheapest online pharmacy india best online pharmacy india or cheapest online pharmacy india
http://powergenerationrecruiters.com/__media__/js/netsoltrademark.php?d=indiamedicine.world п»їlegitimate online pharmacies india
[url=http://clickmesomemoney.com/__media__/js/netsoltrademark.php?d=indiamedicine.world]best india pharmacy[/url] india pharmacy and [url=http://www.jbt4.com/home.php?mod=space&uid=8475359]Online medicine home delivery[/url] mail order pharmacy india
buying prescription drugs in mexico: purple pharmacy mexico price list – mexican pharmaceuticals online
mexico drug stores pharmacies: mexico drug stores pharmacies – mexico pharmacies prescription drugs
neurontin 400 mg capsule [url=https://gabapentin.pro/#]neurontin 100 mg tablets[/url] ordering neurontin online
neurontin 300mg tablet cost neurontin 800 mg cost or neurontin 300 mg caps
http://www.squaredba.com/__media__/js/netsoltrademark.php?d=gabapentin.pro neurontin 400 mg tablets
[url=http://matureoldpussy.com/__media__/js/netsoltrademark.php?d=gabapentin.pro]buy generic neurontin online[/url] neurontin 100mg tab and [url=http://plixsite.net/forum/member.php?action=profile&uid=2427807]cost of brand name neurontin[/url] neurontin 400 mg capsules
neurontin 200 mg neurontin 100 mg or neurontin 100 mg capsule
http://hotelpro.net/__media__/js/netsoltrademark.php?d=gabapentin.pro neurontin 100mg
[url=http://www.ecityway.net/__media__/js/netsoltrademark.php?d=gabapentin.pro&p=]neurontin 50mg tablets[/url] buy generic neurontin online and [url=http://www.zhuangxiuz.com/home.php?mod=space&uid=634763]neurontin tablets 300mg[/url] neurontin 10 mg
https://stromectolonline.pro/# ivermectin nz
zithromax 500 without prescription zithromax generic cost or buy zithromax no prescription
http://youbuildpools.com/__media__/js/netsoltrademark.php?d=azithromycin.men zithromax 250 price
[url=http://jmburgessconsulting.com/__media__/js/netsoltrademark.php?d=azithromycin.men]zithromax cost uk[/url] buy zithromax and [url=https://forex-bitcoin.com/members/282751-slkuykbfek]zithromax 500mg over the counter[/url] zithromax tablets
http://stromectolonline.pro/# buy ivermectin pills
http://azithromycin.men/# zithromax capsules australia
ivermectin 50ml [url=http://stromectolonline.pro/#]ivermectin 2ml[/url] ivermectin 2%
neurontin 100 neurontin capsules 100mg or buy generic neurontin
http://caviarfarms.com/__media__/js/netsoltrademark.php?d=gabapentin.pro cost of brand name neurontin
[url=http://ibmvar.com/__media__/js/netsoltrademark.php?d=gabapentin.pro]neurontin 100mg capsule price[/url] neurontin 300 mg and [url=http://www.lntoxicated.com/home.php?mod=space&uid=1101376]neurontin 200 mg capsules[/url] neurontin 50mg cost
https://stromectolonline.pro/# how much does ivermectin cost
drug neurontin buy neurontin canadian pharmacy or neurontin 800 pill
http://trieditlikedit.com/__media__/js/netsoltrademark.php?d=gabapentin.pro buy neurontin 300 mg
[url=http://glastha.net/__media__/js/netsoltrademark.php?d=gabapentin.pro]600 mg neurontin tablets[/url] neurontin prices generic and [url=https://98e.fun/space-uid-6221945.html]where can i buy neurontin from canada[/url] purchase neurontin canada
https://gabapentin.pro/# neurontin 1800 mg
http://gabapentin.pro/# how to get neurontin cheap
https://ed-pills.men/# medications for ed