Odstránenie doplnkov z rozloženia WebCards

• Apríl 24, 2024

Teraz, keď máme novú šablónu nastavenú ako predvolenú šablónu pre systém WebCards, môžeme začať s prispôsobovaním rozloženia. Ako sme už spomenuli, na našej stránke Fan Fan na Facebooku máme iba 510 pixelov. Jedným zo spôsobov, ako ušetriť miesto, je odstrániť kalendár udalostí a vyhľadávací cloud z pravej strany rozloženia.

Kalendár udalostí a vyhľadávanie Cloud

Šablóna, na ktorej budeme musieť pracovať, je šablóna view_image_stats.html. Ako vidíte, táto šablóna je v podstate tabuľka s piatimi bunkami. Prvá bunka, ktorá obsahuje odkazy na postranné menu, má 15 percent z celkovej šírky tabuľky a ďalšie tri bunky, ktoré obsahujú miniatúry, dostanú každá 20 percent. Posledná bunka tabuľky, ktorá obsahuje kalendár a cloud, má 25 percent.

Jednoduchým spôsobom, ako odstrániť kalendár a cloud, je odstrániť piatu bunku tabuľky. Samozrejme odstránime aj 25 percent tabuľky. Musíme teda rozdeliť týchto 25 percent do zostávajúcich buniek.

Prvá bunka - 15 sa stane 25
Druhá bunka - 20 sa stane 25
Tretia bunka - 20 sa stane 25
Štvrtá bunka - 20 sa stane 25
Piata bunka - 25

Keď aktualizujeme prehliadač, nevidíme žiadne zmeny. Je to preto, že ak chceme vidieť zmenu, musíme vymazať vyrovnávaciu pamäť. Môžeme to urobiť v Správcovskom centre. V úplne dolnej časti bočnej ponuky kliknite na odkaz Spravovať cache. Na stránke Spravovať vyrovnávacie pamäte kliknite na tlačidlo Znovu vytvoriť vyrovnávaciu pamäť. Teraz vidíme, že kalendár a cloud boli odstránené, keď znova obnovíme prehliadač.

Prepojenie všetkých kategórií

Máme takú malú množinu ecardov, naozaj nepotrebujeme odkaz Všetky kategórie v bočnom menu. Odstráňte teda tento odkaz, aby sa bočné menu stalo menej preplneným. Budeme musieť pracovať na inom súbore s názvom function.php. Tento súbor je uložený v zdrojovom priečinku.

htdocs / webcards / source / functions.php

Ak chcete odstrániť odkaz Všetky kategórie, stačí pridať jeden riadok kódu. Od riadku 1410 uvidíte slučku foreach. V rámci tejto slučky je kód, ktorý vytvára odkaz Všetky kategórie. Ak chcete tento riadok komentovať, pridajte // pred riadok kódu. Ak chcete zobraziť zmenu, znova zostavte vyrovnávaciu pamäť a obnovte prehliadač.

Horizontálne rozloženie

Možno ste si všimli, že na prednej strane systému máme tri zvislé zoznamy miniatúr, ktorými sú Nové obrázky, Populárne obrázky a Náhodné obrázky. Pretože máme tak malú množinu ecardov, vidíme opakovanie. Bolo by lepšie, keby sme použili iné rozloženie, ktoré obsahuje všetky miniatúry na tejto prednej strane v horizontálnom rozložení. Potom odkazy v bočnom menu vedú k zobrazeniu iba miniatúr v jednej z týchto dvoch kategórií. Ak chcete túto zmenu rozloženia prednej stránky vykonať, musíme pracovať na súbore index.php.

htdocs / webcards / index.php

Od riadku 315 uvidíte funkciu view_stats_page. Pridáme riadok kódu, ktorý zmení rozloženie šablóny pre titulnú stránku. Pridajte tento riadok pod globálne premenné.

return choose_image_template ($ messages);

//www.mywebcards.net

Snímky obrazovky WebCards používané na základe povolenia.