タグ：ワードプレス学習用が付いている記事一覧
WordPressに投稿日＆更新日を設置する方法【プラグイン不要】
本記事は、WordPressに投稿日と更新日を設置する方法を掲載したものです。プラグインを使用せずに、簡単に実装できる内容ですので、どうぞお試しください。ブログ記事に投稿日と更新日を設置することはSEO効果も期待できますので、実装をおすすめします。
【CSS】画像の上に文字を表示する方法【メリット：編集が楽です】
画像の上に文字を入力してデザインをする場合、文字の表記が変更になった場合って少し面倒ですよね。その場合はCSSを使って画像の上にテキストベースで文字を表記してあげることがおすすめです。後々の編集とかも楽ですし、画像も気持ち的に軽くなるのでソースコードをブログにまとめます。
【Manablog Copy】コピーライト下にリンクを設置する【超簡単】
本記事は、WordPressテーマ「Manablog Copy」のコピーライト下にリンクを設置する方法をまとめたカスタマイズ事例です。超簡単に設置できますので、ぜひお試しください。
【コピペでOK】流れる文字を簡単に実装するソースコード【CSS】
ブログで目立たせたいところにマーカーとかは不要です。AppleやGoogle、Amazonなどの大手有名サイトを見ても、キラキラとデコっているサイトはゼロ。装飾は太字程度でOKで、最近おすすめなのが「流れる文字」です。流れる文字を実装するだけでブログが一段とオシャレになり、シンプルさもキープできます。
【コピペでOK】当ブログで使用するボタンデザイン【CSS】
本記事は、当ブログで使用するボタンデザインを掲載した記事です。シンプルなデザインを追求して、無駄なデザインなどは削ぎ落とすことを大きなテーマとしてブログ運営をしているので、デザインはシンプルなものが多いです。サイトのメインカラーがブラックとホワイトなので、ボタンは差し色でレッド系にしています。
【コピペ用／CSS】横スクロールで画像をスライドさせる【超簡単】
本記事は、画像を横スクロールでスライドさせるためのCSSをメモ用として保管しておくための記事です。横スクロールは、画面が縦に長くならないというメリットがあるので、ぜひ実装してみてください。コピペで簡単に使えるのでおすすめです。
【条件分岐】スマホとPCで表示を切り替える方法【wp_is_mobile()】
本記事では、スマホとPCで表示を切り替える方法について簡単にまとめます。コピペで使えるソースコードをサンプルで用意していますので、ぜひ参考にしてみてください。「wp_is_mobile()」という条件分岐タグを使い、簡単に分岐させる方法です。
【コピペ用】PCで追従型のバナーを設置する方法【クリック率UP】
追従型のバナー効果を検証してみます。試験的にブログ右下に設置しておきます。こちらもスマホ用のフッターバナー同様に効果がなければ外します。本記事にて、設置のソースコードを公開しておきますので、設置してみたい場合はチェックしてみてください。
【コピペ用】スマホでフローティングメニューを設置する【バナー】
スマホ表示のブログ下部にフローティングメニューを設置してみます。お試しという感じで効果測定といったところですかね。効果があれば継続するし、なければ即外しますが、なんとなくブログのオシャレ度が増す感じですね。ということでシンプルなメニューバーを設置しました。ソースコードをメモとして掲載しておきます。
【CSSのみ】ボタンをポンポンと動かす設定【コピペでOK】
ボタンなどをCSSのみで動かすソースコードです。HTMLとCSSだけで実装できるソースコードをメモとして保管しておきます。難しいコーディング不要ですので、本記事に掲載しているHTMLとCSSと貼り付ければオッケイです。ぜひ参考にしてみてください。