Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy tudom megcsinálni Diviben...

Hogy tudom megcsinálni Diviben, hogy bizonyos oldalakon ne jelenjen meg a menü?

Figyelt kérdés

Ha például az egyik oldalból landing oldalt szeretnék készíteni és nem szeretném, hogy a menü látszódjon, akkor azt hogy tudom kivenni úgy, hogy a többi oldalon viszont megjelenjen?


Illetve ha már menü, az is érdekelne, hogy Diviben csak a téma testreszabása résznél tudom formázni? Úgy nem, hogy az építőben szerkesztem át,ahogy a többi elemet?

(az építő részben, csak teljes szélességű menüt találtam, de az akkor az egész sávot foglalja, és nem lehet berakni mellé pl egy képet a logónak)



2020. nov. 17. 18:23
 1/9 anonim ***** válasza:

Landing oldalnál egyszerűen a belső admin felületen megnyitod az oldalt, és elvileg jobb oldalon az "Oldal tulajdonságok" dobozban a "Sablonminta" menüben át állítod "Blang Page-re" ez csak a szerkesztett oldalról eltüntet mindent menüt, láblécet. Tulajdonképpen egy üres oldalról indíthatod a landing page felépítését. Ha már kész az oldal akkor is megteheted, mert a szerkesztőben hozzáadott blokkokat nem bántja.


Ha a jobb oldalon neked nem látszik ez a doboz, akkor felül nyisd le a "Mit lássunk" menüt és ott pipáld be az "Oldal tulajdonságok" pontot.


A fő menüt szerintem csak a testre szabásból lehet. De csinálhatsz akárhány másik menüt is, a WP-n belül. Megint csak admin felület bal oldalt "Megjelenés" és "Menük". Itt elkészíted az új menüdet.


Ez után az oldalhoz hozzáadsz egy teljes szélességű menüt és annak a beállításainál kiválasztod, hogy ezt az új menüt jelenítse meg. A méretével tudod szabályozni, hogy ne foglalja a teljes sávot, hanem csak X %-ot. Tehetsz bele logót is bár alapból csak bal oldalra teszi. Nekem még nem sikerült ki kísérletezni, hogy a haladó menüpont egyedi CSS-részében, mivel tudnám át rakni középre vagy jobbra. De biztos megoldható.


Ha máshogy nem berakod a lógó képét a menüpontok közé, mint egy menüpont, és url-nek egy # -et adsz akkor ugye nem visz el az oldalról.

2020. nov. 18. 09:30
Hasznos számodra ez a válasz?
 2/9 anonim ***** válasza:
Van egy tesztelő oldalam azon megnézheted hogyan néz ki: [link]
2020. nov. 18. 09:34
Hasznos számodra ez a válasz?
 3/9 anonim ***** válasza:

Ezzel át raktam a másik oldalra:


position:absolute;

margin-left: 350px;

2020. nov. 18. 09:42
Hasznos számodra ez a válasz?
 4/9 A kérdező kommentje:

Köszönöm! Nagy segítség volt!

Annyi még nem világos, hogy hogy lehet menüpontok közé képet rakni?


Tehát az admin felület, "Megjelenés" és "Menük" résznél, az "oldalak", "bejegyzések" fül latt csak oldalt vagy bejegyzést lehet a menük közé tenni, illetve az "egyéni hivatkozás"-nál, hivatkozás szövege van (tehát szöveget és nem képet lehet megadni)


Vagy úgy értetted, hogy a képet is a CSS-részben kéne?

2020. nov. 18. 14:41
 5/9 anonim ***** válasza:

Egyéni hivatkozást. Rá kattintasz az URL-hez egy # ez biztosítja, hogy ha valaki rá kattint a képre akkor ott marad az oldalon, nem viszi át máshova.


Utána ezt az egyéni hivatkozást hozzá adod a menühöz. Oda húzod ahol szeretnéd megjeleníteni.


Ha megvan a menüszerkesztőben ezt a menüpontot le nyitod a végén a kis háromszögre kattintva, és a "Navigációs cimke" mezőbe beírod a kép elérési útját.


Ez lehet pl a médiatárból kimásolva, de bármi más is lehet, lényeg, hogy létező útvonal legyen.


Lényeg, hogy teljes útvonalat kell megadni, leg egyszerűbb, ha a képet feltöltöd a WP médiatárba, és utána onnan ki tudod másolni az útvonalat, és beilleszted az <img src=" " /> sorba az idézőjelek közé. Illetve ahogy én is adhatsz neki magasság és szélesség méretet is. Szerintem majdnem mindent lehet amit a html nyelv megenged.


Mintaként pl az enyém ez: <img src="https://pcegyszeregy.hu/Cloud-Server-Free-PNG-Image.png" width="80px" height="80px" />


És itt megnézheted: https://pcegyszeregy.hu/proba/teszt-menu/

2020. nov. 18. 18:07
Hasznos számodra ez a válasz?
 6/9 A kérdező kommentje:

Köszönöm a választ, ez így sikerült :)


Már csak azt kéne valahogy variálni, hogy a kép és az első menüpont között nagyobb távolság legyen, de így hogy kép is menüpont ezt eddig nem tudtam megcsinálni

2020. nov. 18. 19:08
 7/9 anonim ***** válasza:

Azt a CSS ben tudod állítgatni. Margin és Padding

Ha nem tévedek a Margin az kívül add hozzá teret az elemhez. Padding pedig egy belső keretet add hozzá.


Mindkettőnek lehet alsó és felső valamint jobb és bal értéke


Ha csak magában adod meg pl: margin: 100 px; akkor körben lesz egy 100 px széles margó.


Ha eltérő margókat akarsz akkor ez:

margin-top: 50px;

margin-right: 100px;

margin-bottom: 50px;

margin-left: 100 px;


Ez azt jelenti, hogy felül és alul 50 px a margó jobbra és balra 100 px.


Egyszerűsítve megadhatod így is: margin: 50px 100px 50px 100px;

a számok sorrendje mindig felső, jobb, alsó, bal


És bármilyen akár eltérő értékek is lehetnek vagy akár 0 is. 0 esetében nem kell mögé a px- sem.


És ugyan ezek vannak a padding esetében is.


Egyébként ez egy nagyon jó oldal: [link]

2020. nov. 18. 19:34
Hasznos számodra ez a válasz?
 8/9 anonim ***** válasza:
Jó a Divi de azért néha rá kell segíteni és ilyenkor jó ha ismered a html, css, js és php nyelveket, legalább alapszinten.
2020. nov. 18. 19:38
Hasznos számodra ez a válasz?
 9/9 A kérdező kommentje:

Bár nem most tettem fel a kérdést, de hátha valaki olvassa és hasznos lehet.


A hogyan lehet teljes szélességű menü mellé képet rakni problémát azt hiszem sikerült áthidalnom:


- Megcsináltam a teljes szélességű menüt (a menü füleket kicsit jobbra igazítottam)

- Készítettem közvetlen alá egy új szekciót (kék), azon belül egy új oszlopot (zöld), majd a modulnál (szürke) kiválasztottam a képet amit logóként szeretnék használni.

- a kép beállításainál a fenti margót (Tervezés–Kiterjedés–Egyéni margó-Fent) beállítottam mínusz értékre (pl.:-120) Így a képet felhúzta a menüre.


De ezt más egységeknél is lehet alkalmazni, annyira azonban figyelni kell, hogy mindig az alsó réteget teszi feljebb, ha valamiért ezt fordítva szeretnénk (tehát, hogy az legyen feljebb, amire ráhúztuk), akkor a Z-indexet (Haladó–Láthatóság–Z-index) kell átállítani

2021. márc. 8. 12:17

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!