コピペでSTORK(ストーク)のページネーション(ページャー)が素敵になる♡

ゆーきちゃん

こんにちは。元No.1風俗嬢ゆーきです。

 

今回は、
WordPressテーマ「ストーク」
ページネーションのカスタマイズをご紹介します。

 

ページネーション(ページャー)とは。

ページネーション(ページャー)とは、
ページ送り機能のこと。

ページングと呼んだりする方もいるそうです。

サイトの上部や下部にある↓こういうやつ↓のことです。

  • [次のページ][前のページ]
  • [<<][<][>][>>]

クリックすると、
クリックしたページに移動します。

 

STORK(ストーク)のページネーション

「ストーク」のデフォルトのページネーションは正方形。

 

これはこれでかわいいのですが、

 

ゆーきちゃん

このサイトには、
ちょっとカチッとしすぎかな。

 

と思いました。

 

ゆーきちゃん

もう少し柔らかい雰囲気が出るようにしたいな♡

 

ということで、

カスタマイズすることにしました。

 

コピペでできるページネーションのカスタマイズ4種。

ゆーきちゃん

これから4種類のページネーションのCSSコードをご紹介するのですが、

まず最初に、
「CSSコードをコピペする場所」からお知らせしますね。

 

CSSとは?
CSSとは、ウェブページのスタイルを指定するための言語です。

「Cascading Style Sheets」(カスケーディング・スタイル・シート)
の頭文字をとってCSS(シーエスエス)、
スタイルシートとも呼ばれています。

 

カスタマイズの中にある「追加CSS」にコピペします。

ダッシュボードから外観を選んで、カスタマイズをクリックします。

 

 

カスタマイズの一番下に追加CSSがあるので、
ここにお好みのCSSコード(後述)をペーストします。

 

 

ペーストすると、
追加CSSの右側の画面に、
ペーストしたCSSが反映されるので、

イメージ通りか確認してみてくださいね。

イメージ通りであれば、
公開ボタンをクリックすると確定されます。

もし、好みと違った場合は、
別のCSSに置き換えて公開ボタンをクリックします。

また、何もせず終わりにする場合は、
×ボタンをクリックで終了します。

 

 

ページネーション丸①

まんまるバージョンのCSSコードはこちらです。

 

ゆーきちゃん

わたしはコレを使っています。

 

 

 

ページネーション丸②

オーバルバージョンのCSSコードです。

 

 

ページネーション角丸①

丸みのある四角バージョンのCSSコードはこちらです。

 

 

 

ページネーション角丸②

わずかに丸みのある四角バージョンのCSSコードはこちらです。

 

 

「素敵ブログにしたい」人にかわいいページネーションはおすすめです。

いかがでしたでしょうか。

とっても簡単にカスタマイズできるので、
ぜひ試してみてくださいね。

 

「もっといろいろカスタマイズして素敵にしたい」
「ストークのデフォルトのままは嫌だな」
「コレじゃない感」
を満たすために、

 

あなたのブログがますます素敵になるよう、
初心者でも簡単にできるカスタマイズ法を
これからもお伝えしていきたいと思います。

ぜひ参考にされてみてくださいね。

 

にほんブログ村 大人の生活ブログ 風俗嬢日記(ノンアダルト)へ
このブログを投票する
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です