×
Crocus
공부한 내용을 정리하는 블로그로 시작한
Crocus는 2014년 1월 14일 부터 시작하여
현재 월 6만명, 총 2,877,144명의 방문자 수를 기록하고 있습니다.
Donation
이제 많은 사용자들이 이용하는 만큼
더 다양한 서비스 개발/제공을 위해 후원금을 모금하고자 합니다.
후원을 해주시는 분들은 Donators 명단에 성명, 후원금을 기입해드리며
Crocus 블로그가 아닌 다른 곳에 정리해둔 저만의 내용을 공유해 드리고자 합니다.
Account
예금주 : 고관우
신한은행 : 110-334-866541
카카오뱅크 : 3333-01-7888060

👉 후원 페이지 바로가기 Donators
익명 : 5000원(Crocus응원합니다.)
busyhuman: 5000원(유용한 지식 감사합니다.)
익명 : 5000원(알고리즘 학습러)
반응형



본 홈페이지 만들기 포스트는 처음부터 시작하여 홈페이지를 제작하는 과정을 포스팅 하는 것이고, 

필자도 포스팅을 함과 동시에 홈페이지 제작을 공부를 하고 있는 내용이므로, 매우 구체적이거나 세부적이지 못합니다.


이 내용들은 Wordpress를 기반으로 모두 제작하고 있음을 사전에 명시합니다.





이번에는 홈페이지에 랜덤으로 로고가 들어가게 하는 방법에 대해 알아보려 한다.


아래 3가지 그림을 보면 새로고침 할때마다 로고가 랜덤하게 바뀌고 있다. 




우선 이 방법을 알기위해 필자가 사용한 테마를 소개 하고자 한다.


테마는 Sydney를 이용하고 있고, 물론 이것만 되는건 아니지만 이걸 기준으로 설명하려 한다.(다른 테마도 다 똑같을 것이다.)




이 테마의 header.php를 들어가면 다음과 같은 부분이 있다.




ctrl + f 를 이용하여 'site_logo'를 찾으면 금방 찾을 수 있는데, 

사이트 로고에 대한 php if문을 가지고 있는 저 두 부분을 이제 수정하려 한다.







원래 적혀있던 코드는 <!-- -->를 통해 주석처리를 하고 아래 코드를 if문과 else문에 넣어준다.


<?

$data[0] = "<img src='http://www.abc.com/image1.png'>";

$data[1] = "<img src='http://www.abc.com/image1.png'>";

$data[2] = "<img src='http://www.abc.com/image1.png'>";

$data[3] = "<img src='http://www.abc.com/image1.png'>";

$data[4] = "<img src='http://www.abc.com/image1.png'>";

$data[5] = "<img src='http://www.abc.com/image1.png'>";

$data[6] = "<img src='http://www.abc.com/image1.png'>";

$data[7] = "<img src='http://www.abc.com/image1.png'>";

$data[8] = "<img src='http://www.abc.com/image1.png'>";

$data[9] = "<img src='http://www.abc.com/image1.png'>";

$data[10] = "<img src='http://www.abc.com/image1.png'>";

$data[11] = "<img src='http://www.abc.com/image1.png'>";

$data[12] = "<img src='http://www.abc.com/image1.png'>";

$data[13] = "<img src='http://www.abc.com/image1.png'>";

$result = mt_rand (0,13);

echo("$data[$result]");

?>


위의 코드에서 이미지 주소를 원하는 주소를 입력한다.


그리고 data[0]~data[13]은 총 14개의 랜덤 이미지를 하겠다는 의미이니 배열값은 사용자의 입맛대로 쓴다.


마지막으로 mt_rand(0,13)을 자신의 배열 최댓값으로 맞춰준다. 만약 5개의 이미지를 쓴다면 mt_rand(0,4)로 지정한다.


아래는 이미지로 보여주고 있다.







반응형