Ukrywanie linków na stronie

Link Camouflage

Często zdarza się, że chcemy żeby jakiś link na naszej stronie ( np. do panelu administracyjnego strony ) nie był widoczny dla wszystkich jednocześnie będąc w miejscu ogólnie dostępnym. Oczywiście zawsze można tego typu linku wrzucić na pasek przeglądarki, niemniej jednak przy paru stronach może być z tym problem. W przypadku WordPress 'a domyślnie widoczny jest okropny widget „Meta” wyposażony w masę niepotrzebnych linków, dobrze byłoby go zastąpić czymś równie funkcjonalnym ale mniej rzucającym się w oczy. Jak zawsze sposobów rozwiązania jest wiele, jednym z nich jest ukrycie osadzonego na stronie linku za pomocą JavaScriptu oraz akcji

onmouseover="doOnMouseOver();

która wywoła odpowiednią funkcję ustawiającą np. atrybut visibility obiektu ( lub atrybut z-index ).

Podobnym rozwiązaniem jest wykorzystanie CSS ustawiając kolor linku na identyczny z kolorem jego tła ( dla ułatwienia można odróżnić tylko a:hover ).

Jest jednak jeszcze jedna metoda na ukrycie odnośnika:

Naszym odnośnikiem w tym przypadku będzie „przezroczysty” kwadrat ustawiony na stałe w rogu strony.

Przykładowy kod:


<div class="wp_skyscraper_c2">
 <a href="http://www.moja-strona.pl/wp-login.php">

<div style="width: 100px;  height: 100px; "></div>

</a>

</div>

i css:


.wp_skyscraper_c2 {

height:100px;
position:fixed;
right:0;
top:0;
width:100px;

}

Takie rozwiązanie ma niewątpliwie swoje zalety:

  • duża powierzchnia linku
  • „niewidoczny”
  • zawsze w tym samym miejscu
  • możliwe do zastosowania na wielu stronach niezależnie od grafiki oraz ustawienia

Na koniec dodam, że jeżeli korzystasz z silnika WordPress taki link można bardzo szybko zbudować z wykorzystaniem pluginy WP Skyscraper. Dodatek ten daje możliwość podstawowej konfiguracji i wystarczy jedynie uzupełnić treść jaka ma się pojawiać w boksie:


<a href="http://www.moja-strona.pl/wp-login.php">

<div style="width: 100px;  height: 100px; "></div>

</a>

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.


*