opacity とRGBa の違い。CSSで背景や文字を透明にしたい時に、透明度を指定できる。細かく使い分けよう。

　リンクの文字や背景色を透明にさせたい事があります。
柔らかい、ふわっとした印象になります。

opacity とRGBa の違いについて確認しておきましょう。

CSS右下にカテゴリ名や日付などを表示させたい時の方法・やり方。ボックス要素指定、positionを使う。

　要素を右端にしたい時、htmlにコードを追加するだけで出来ます。

でも、CSSで指定したいという事もあるでしょう。
その方がスッキリするし。htmlが見やすくなるし。

ブラウザの横スクロールが出ないようCSSで指定。headerを広げた方は横揺れに注意。

　Stinger7のカスタマイズです。
新しいStinger7はStinger5カスタマイズを応用できて気に入っています。
phpコードは多少変わっているところもありますが、大体応用できるでしょう。

Stinger7でブラウザに横スクロールが出るのを解消しました。

WordPress子テーマCSSを反映させる、新しいやり方。@import urlから変更。

　子テーマのスタイルシートで、
親テーマCSSを呼び出す方法が変わりました。

function.phpを触るので緊張しつつチャレンジしてみました。

ヘッダー画像やロゴ画像が、スマホ表示で真ん中にならない時は。CSS指定。

　WordPressテーマを変えたら、
モバイルのロゴ画像が真ん中表示されなくなってしまいました。

何かしら他のCSSが影響しているようです。
原因がわからないので、対処法をお知らせ。

新しいサイトのテスト用ページ、index.htmlを作成してディレクトリに置く。

　レンタルサーバーでも、ローカル環境でも。
自分の使いたいサーバーとドメインが正しく紐付けられ、
ブラウザで表示されるかをチェックします。

Bloggerヘッダーにロゴ画像やヘッダー画像を挿入する方法。簡単です。

　Bloggerでは、ウィジェットのヘッダー設定から簡単に画像を追加できます。
そのやり方をお知らせします。

トップページの記事一覧内に広告を追加する。アドセンス広告を記事リンクの間に挟む。

　Stinger5ではトップページには記事が10個表示されています。
この記事の合間に、グーグルアドセンス広告を挟むカスタムです。

少し手間ですが、ある程度カスタマイズ出来る人なら大丈夫だと思います。

記事下の関連記事一覧、横並びにして見やすくするWordPressカスタマイズ。

　WordPressのStinger5カスタマイズです。

関連記事一覧が、投稿下に表示されます。
これを縦並びから、横並びにしてみましょう。

WordPress前の記事、次の記事…のページナビゲーションにアイキャッチ画像を表示。

　投稿記事の下に、一個前と後の投稿へのリンクが表示されます。
通常リンクだけなのですが、ここに画像もあればなおいい感じ。

アイキャッチを設定していれば、画像が表示されるようカスタム。

BloggerテンプレートのCSS入力位置はどこ？HTMLコードは？初心者向け解説。

　Bloggerのテンプレートについて。

CSS記入欄はどこ？
html記入欄はどこ？をご説明します。

他のブログサービスと違い、
Bloggerは一つの画面上で入力するので、記入時に混乱しやすいのですね。
独特の仕様なのです。

見出しタグにアイコンをつけよう、FontAwesomeのカワイイマークをつける方法。

　投稿名や、投稿内のh3等「見出しタグ」をアレンジします。
Stinger5ではすぐにFontAwesomeが使えるようになっているので、
楽々カスタマイズできます。

No image画像を変更、アイキャッチが無い時は設定した画像をランダム表示。

　アイキャッチ画像というものがあります。
投稿内の指定の画像を、トップページに小さく表示されたりするやつ。
SNSへ共有した時も引用されますね。

アイキャッチが無い時に表示する画像を設定します。

WordPressのカテゴリーを自作する、ウィジェットは使わない方法。

　前回は月別アーカイブを自作しました。
今回はカテゴリー一覧を、ウィジェット無しで作ります。

ちょっと注意が必要ですが、難しくはありません。

WordPressの月別アーカイブを自作する、ウィジェットは使わない方法。

　月別アーカイブは、コードを挿入するだけで追加できます。
あえてウィジェットを使わず、テーマ内に書き込む方法でやってみます。
別にウィジェットを使ってもいいですけどね。

強調したい文字部分を、ラインマーカーで色付けしたようにCSSで装飾。

　投稿内で、ここが重要だというところに色付けします。
好きな色で、太さも選べます。

重要な部分にラインマーカーのような色付けして目立たせます。

現在見ている投稿記事は、サイドバー新着記事一覧から除外する方法。

　ブログの個別投稿を見ている時、
今見ているページがサイドバーに表示されないようにする設定です。

他の投稿が代わりに表示される方が、幅広いコンテンツを提供できるから。

トップページではNEW POST・新着記事一覧を非表示にする方法。

　私のWordPressブログでは、
トップページに最新投稿が10個表示されています。

トップページでサイドバーのNEW POSTは不要なので、非表示にしました。

サイドバー・コンテンツ全体の幅を広げる、投稿部分を狭くする。WordPressのStinger5です。

　Stinger5を使って思った事は、もう少し幅を広げたい、という事。
あまり広げすぎると、
読者が目をあっちこっちにしないといけなくなるので程々に。

サイドバー幅も合わせて調整しました。

サイドバー全体に背景をつけて、見やすくする方法。WordPressカスタマイズ。

 やり方は2通りあります。
一つはサイドバー全体に背景をつける方法。

もう一つは、サイドバーそれぞれセクションで分けて、
それぞれ個別で背景でくくり、すき間を設ける事。