1. Strona główna
  2. Forum
  3. Optymalizacja SEO dla Stron Internetowych
  4. Budowa własnej szaty graficznej w PHP Fusion v9

Budowa własnej szaty graficznej w PHP Fusion v9

Ostatnia aktualizacja 1 rok temu
Informacje o witrynie
Obserwuj wątekDrukuj
ZbigniewZbigniewUżytkownik
Opublikował(a) 1 rok temu
🖨️ Drukuj post#1

Budowa własnej szaty graficznej w PHP-Fusion v9 jest stosunkowo prosta.


Plik motywu może zawierać praktycznie czysty kod HTML i nawet nie wymaga zaawansowanego kodu PHP. Jedynym wymogiem jest zapisanie pliku z rozszerzeniem .php.
Wiele motywów zawiera rozbudowany kod PHP, który często jest zbędny i utrudnia samodzielną edycję osobom mniej zaawansowanym technicznie. W praktyce szablon strony składa się głównie z czterech podstawowych elementów osadzonych w kontenerach DIV:
phpfusion9.pl/infusions/articles/images/v9.webp

  1. []Logo strony
  2. []Menu nawigacyjne
  3. []Treść strony
  4. []Stopka

Większość systemów CMS została stworzona po to, aby umożliwić łatwe zarządzanie stroną bez znajomości HTML. Jedne rozwiązania są prostsze w obsłudze, inne bardziej wymagające.
Jeżeli zależy Ci na wysokiej pozycji strony w wyszukiwarkach, warto stworzyć własną, dobrze zoptymalizowaną skórkę bez błędów spotykanych w gotowych motywach CMS.

Co będzie potrzebne


  1. [*]Logo strony
  2. Logo powinno być niewielkie, najlepiej w proporcjach zbliżonych do kwadratu. Nie należy stosować ogromnych banerów lub ciężkich grafik.

  3. Zalecane formaty:

  4. [olist=1]
  5. []SVG
  6. []WEBP

Logo powinno:


  1. []posiadać atrybut ALT,
  2. []mieć określone wymiary,
  3. [*]być zoptymalizowane pod szybkość ładowania strony.

[]Poprawne linkowanie
W PHP-Fusion ważne jest poprawne linkowanie strony głównej. Aby sesje działały prawidłowo, warto stosować dwa warianty linków:
  1. []https://twojadomena.pl/
  2. [*]https://twojadomena.pl/index.php

Dzięki temu strona jest poprawnie indeksowana przez wyszukiwarki.
[/olist]

Przykład kodu logo


Kod Pobierz kod źródłowy


function render_page() {

$locale = fusion_get_locale('', ERA_LOCALE);

$settings = fusion_get_settings();

$theme_settings = get_theme_settings('ERA');

if (iMEMBER) {

echo '<div class="container">

<div id="header" class="clearfix bg-white m-t-20 m-l-20" style="max-width:100%;"> <a href="https://phpfusion9.pl/index.php" target="_self">

<img src="../../../../../../../../../../../../images/phpfusion.webp" alt="Oficjalny Support PHP-Fusion" title="Oficjalny Support PHP-Fusion" class="img-fluid" width="95" height="82" loading="lazy">

</a> </div> </div>';} else {

echo '<div class="container">

<div id="header" class="clearfix bg-white m-t-20 m-l-20" style="max-width:100%;"> <a href="https://phpfusion9.pl/" target="_self">

<img src="../../../../../../../../../../../../images/phpfusion.webp" alt="Oficjalny Support PHP-Fusion" title="Oficjalny Support PHP-Fusion" class="img-fluid" width="95" height="82" loading="lazy">

</a> </div> </div>'; }

Budowa menu strony


Aby stworzyć własne menu:
  1. []Utwórz pustą stronę.
  2. []Otwórz podgląd kodu HTML (Ctrl + U).
  3. [*]Znajdź fragment rozpoczynający się od:

Kod Pobierz kod źródłowy


<div id="DefaultMenu"

Następnie skopiuj kod i umieść go wewnątrz:
Kod Pobierz kod źródłowy


echo '';

Przykładowe menu


Kod Pobierz kod źródłowy


echo '<div id="DefaultMenu" class="navbar navbar-default" role="navigation">

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#DefaultMenu_menu" aria-expanded="false" aria-controls="DefaultMenu_menu">

<span class="sr-only">Przełącz nawigację</span>

<span class="icon-bar top-bar"></span>

<span class="icon-bar middle-bar"></span>

<span class="icon-bar bottom-bar"></span>

</button> </div> <div class="navbar-collapse collapse" id="DefaultMenu_menu"> <ul class="nav navbar-nav">';

Dalszą część menu możesz dowolnie rozbudować o własne linki, dropdowny oraz sekcje użytkownika.

Responsywność strony


Kod odpowiedzialny za responsywność strony najlepiej pozostawić bez zmian.
Dzięki temu motyw będzie poprawnie działał na urządzeniach mobilnych i tabletach.

Edycja stopki strony


Stopka jest miejscem, które można bezpiecznie dostosować do własnych potrzeb, dodając:
  1. []informacje o prawach autorskich,
  2. []link do polityki prywatności,
  3. []dane kontaktowe,
  4. []dodatkowe informacje o stronie.

Przykładowy kod stopki


Kod Pobierz kod źródłowy


echo '<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 hidden-xs"></div>';

echo '</div>';

echo '<h2 class="text-dark text-center" style="margin-top: 30px;">

Informacje o prawach autorskich i polityce prywatności

</h2>';

echo '<div class="text-center">';

echo '<h3 class="text-dark">';

echo '<span>

2014 - 2026

<a style="color: #007bff; text-decoration: underline;" href="https://phpfusion9.pl/" target="_blank">

© phpfusion9.pl</a><br><br><a style="color: #007bff; text-decoration: underline;" href="https://phpfusion9.pl/polityka-prywatnosci" target="_blank">

🛡️ Polityka prywatności</a><br><br><a style="color: #007bff; text-decoration: underline;" href="https://phpfusion9.pl/kontakt" target="_blank">

📞 Kontakt</a><br>';echo '</span></h3>';echo '</div>';echo '<div class="text-center" style="background-color: #f8f9fa; padding: 20px;">';

echo '<h4 class="text-dark">Dodatkowe informacje</h4>';echo "<span>Powered by

<a style='color: #007bff; text-decoration: underline;' href='https://phpfusion.com' target='_blank'>

PHPFusion</a>.Copyright ©2025 PHP Fusion Inc.<br>Released as free software without warranties under

<a style='color: #007bff; text-decoration: underline;' href='https://www.gnu.org/licenses/agpl-3.0.html' target='_blank'>

GNU Affero GPL</a>v3.</span>";echo '</div>';echo '</div> </div>';echo '</footer>';

Podsumowanie


Budowa własnej szaty graficznej w PHP-Fusion v9 nie jest trudna, jeśli rozumiesz podstawową strukturę strony. Najważniejsze elementy to:
  1. []poprawnie przygotowane logo,
  2. []własne menu,
  3. []responsywny układ,
  4. []czytelna stopka,
  5. [*]optymalizacja pod SEO i szybkość działania.

Dzięki własnemu motywowi możesz stworzyć szybszą, bardziej przejrzystą i lepiej zoptymalizowaną stronę niż przy użyciu gotowych szablonów.
możesz przeglądać wszystkie wątki dyskusji na tym forum.
nie możesz rozpocząć nowy wątek dyskusji na tym forum.
nie możesz odpowiadać na posty w tym wątku dyskusji.
nie możesz rozpocząć ankietę na tym forum.
nie możesz dodawać załączniki w tym forum.
nie możesz pobierać załączniki na tym forum.
Użytkownicy, którzy uczestniczyli w dyskusji: Zbigniew