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>