pagetopを画像にする
公開日：
:
カスタマイズ
imagesフォルダに「pagetop.png」をUP
footer.phpの
|
1 2 3 |
<!-- ページトップへ戻る --> <div id="page-top"><a href="#wrapper">PAGE TOP ↑</a></div> <!-- ページトップへ戻る 終わり --> |
を
|
1 2 3 |
<!-- ページトップへ戻る --> <div id="page-top"><a href="#wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/pagetop.png" /></a></div> <!-- ページトップへ戻る 終わり --> |
cssの
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
/*----------------------------- ページTOP ------------------------------*/ #page-top { position: fixed; bottom: 40px; right: 20px; font-size: 10px; } #page-top a { background: #665e53; text-decoration: none; color: #fff; width: 80px; padding: 10px 5px; text-align: center; display: block; border-radius: 5px; /* CSS3 */ -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ } #page-top a:hover { text-decoration: none; background: #d6cdc0; color: #665e53; } |
を
|
1 2 3 4 5 6 7 8 9 10 |
/*----------------------------- ページTOP ------------------------------*/ #page-top { position: fixed; bottom: 40px; right: 20px; } |
に
ad
関連記事
-
WordPressでjQueryを読み込む最適な方法
いろいろな方法を試しましたが以下の記事で紹介されている方法が一番トラブルが無いので採用しています。
-
-
WordPressでRSSフィードが「抜粋」にしても「全文配信（表示）」になる件
Stingerでも使用していて、僕自身も困っていたのですが、RSSの配信で「抜粋」を選択しているのに
-
-
デフォルトのSNSボタンを消したい
header.phpの以下の部分を削除してください。 あとsingle.phpの [cray
-
-
上部のメニュー「カスタムメニュー」の設定
上記メニューの設定方法です。 管理画面の「外観」→「メニュー」にて 下記ページを開く
-
-
サイトのタイトルをロゴ画像にしたい又は文字サイズを変えたい
header.phpの の [crayon-597281e5e5808/] がタイトルに当
-
-
「新着記事」のサムネイルの無いバージョンの表示方法
サイドバーなどの「新着記事」のサムネイルの無いバージョンの表示方法です。 こんな感じ
-
-
抜粋の文字数を変える方法
StingerのTOPの抜粋文字数は「テーマの編集」よりhome.phpの にある [cra
-
-
好きなところにSNSボタンを表示したい
SNSの以下のコードを 「外観」→「テーマの編集」にて、サイドバーとか 任意の場所にペーストして
-
-
違うサイズのアイキャッチ画像を作る
200pxの場合 functions.phpで を追加して任意の場所に [crayon
ad
- PREV
- いろいろ上手くいかない方に最低限のfunctions.php
- NEXT
- Stinger3の正式公開
