実装方法

WordPressのダッシュボード　> 外観　＞ カスタマイズ　> 追加CSS　にコードを書きます。

追加CSSにこちらのコードを貼り付けてください。

/* タイトルロゴのマウスオーバー */
#logo:hover {
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    border-bottom: none;
    box-shadow: none;
}

ちなみにタイトルロゴのサイズを変える場合はこちらのコードを貼り付けてください。

/* タイトルロゴのサイズ変更 */
#logo img{
height:100px !important;
}

ロゴのサイズは、856×212ピクセルで作っています。

大きさはお好みで、height:○○pxを変更してください。
このサイトのタイトルロゴのサイズは、100pxにしました。

OKならば「公開」をクリックして出来上がりです。

下のランダムボタン（サンプル）↓をクリックしてみてください（別ページで開きます）。

投稿「サンプル記事A」、「サンプル記事B」、「サンプル記事C」、「サンプル記事D」、「サンプル記事E」の5つが、クリックごとにランダムで表示されます。

導入方法

STEP 1：固定ページを新規作成し、パーマリンクを変更する

パーマリンクをrandomに変更する

STEP 2：page-random.phpを新規作成

page-random.phpにコードを書く

STEP 3：page-random.phpをアップロード

テーマのディレクトリ直下にpage-random.phpをアップロードする

STEP 1：固定ページを新規作成

WordPressで固定ページを新規作成します。

パーマリンクを「random」にします。

（例）https://○○○.com/random

STEP 2：page-random.phpを新規作成

エディターで「page-random.php」を作成します。

// source code from page-random.php implemented through WP_Query

// Random Redirection Page Template

// set arguments for WP_Query()
$args = array(
    'posts_per_page' => 1,
    'orderby' => 'rand'
);

// get a random post from the database
$my_random_post = new WP_Query ( $args );

// process the database request through WP_Query
while ( $my_random_post->have_posts () ) {
  $my_random_post->the_post ();
  // redirect the user to the random post
  wp_redirect ( get_permalink () );
  exit;
}

STEP 3：page-random.phpをアップロード

※注意　
必ず子テーマを作り、バックアップをとってください。
テスト環境でテストしてから作業してください。
作業は自己責任でお願いします。
あなたのサイトに問題が起きても当方は責任を負いません。

page-random.phpファイルをFTPソフトなどを使って、
あなたのWordPressのテーマディレクトリにアップロードします。

> public_html > wp-content > thmes >「お使いのテーマ名」_child

WordPressでは固定ページを表示するときに、
パーマリンクに対応する名前のファイル名があると
それを自動で読み込んでくれます。

固定ページの場合「page-パーマリンク名.php」という
ファイルが存在していると、
page.phpではなく、
そのphpファイルを読み込んでくれます。

ページを公開したあと、ページにアクセスするユーザは、
自動的にランダムな投稿が表示されます。

あとは、ランダムボタンを作り、
リンクを＜https://○○○.com/random＞とすればリダイレクトされます。

このランダムボタン（サンプル）↓は
カテゴリー＜サンプル＞の記事のみランダムで表示するようにしました。（別ページで開きます）。

おみくじ感覚で記事が表示されるので色々なアイデアで使えそうですね。(*'ω'*)

この方法はリダイレクトを使っているので、サーバーが高速でないと威力を発揮しません。
当サイトでも使っている エックスサーバー ならサクサク動くのでおススメです。
一度ためしてみてください。

$a = [98, 10, 56, 8];　という配列をソートします。

<?php
$a = [98, 10, 56, 8];
 
for($i = 0; $i < count($a)-1; $i++) {
    for($j = $i+1; $j < count($a); $j++) {
        if($a[$i] > $a[$j]) {
            $tmp = $a[$i];
            $a[$i] = $a[$j];
            $a[$j] = $tmp;
        }
    }
}
foreach($a as $value) {
     echo $value. "\n";
}
?>

$a = [98, 10, 56, 8];

$iの1回転目
　$jの1回転目
　$i = 0
　$j = 1

if($a[$i] > $a[$j])

98>10 //成立する
$tmp 98 = $a[0] 98
$a[0] 10 = $a[1] 10
$a[1] 98 = $tmp 98

$a[0]の98と$a[1]の10が入れ替わりました。

$iの1回転目
　$jの2回転目
　$i = 0
　$j = 2

if($a[$i] > $a[$j])

10>56 //成立しない

ここでは、入れ替わりはありません。

$iの1回転目
　$jの3回転目
　$i = 0
　$j = 3

if($a[$i] > $a[$j])

10>8 //成立する
$tmp 10 = $a[0] 10
$a[0] 8 = $a[3] 8
$a[3] 10 = $tmp 10

$j = 4になると、$j < count($a)は4なので成立しないため、$jループが終わる。

$a[0]の10と$a[3]の8が入れ替わりました。

$iの2回転目
　$jの1回転目
　$i = 1
　$j = 2

if($a[$i] > $a[$j])

98>56 //成立する
$tmp 98 = $a[1] 98
$a[1] 56 = $a[2] 56
$a[2] 98 = $tmp 98

$a[1]の98と$a[2]の56が入れ替わりました。

$iの2回転目
　$jの2回転目
　$i = 1
　$j = 3

if($a[$i] > $a[$j])

56>10 //成立する
$tmp 56 = $a[1] 56
$a[1] 10 = $a[3] 10
$a[3] 56 = $tmp 56

$j = 4になると、$j < count($a)は4なので成立しないため、$jループが終わる。

$a[1]の56と$a[3]の10が入れ替わりました。

$iの3回転目
　$jの1回転目
　$i = 2
　$j = 3

if($a[$i] > $a[$j])

98>56 //成立する
$tmp 98 = $a[2] 98
$a[2] 56 = $a[3] 56
$a[3] 98 = $tmp 98

$j = 4になると、$j < count($a)は4なので成立しないため、$jループが終わる。

$i = 3になると、$i < count($a)-1は3なので成立しないため、$iループが終わる。

$a[2]の98と$a[3]の56が入れ替わりました。

これで、小さい順のソートができました。

大きい順にするときは、if($a[$i] < $a[$j])の不等号を逆にすると降順になります。