ラベル Stinger5 の投稿を表示しています。 すべての投稿を表示
ラベル Stinger5 の投稿を表示しています。 すべての投稿を表示

2016年4月4日

新着記事にはNEW!をつけて目立たせる方法、WordPressカスタム。


 新着投稿に『NEW』をつけます。
画像を持ってくる事もできます。

最新記事だけにつけるか、何日間を新着とするか、等。
色々設定できます。

2016年4月3日

WordPress固定ページの公開日と更新日を非表示にする、Stinger5テーマ。


 固定ページは、お問い合わせやプロフィール等を載せます。

そうそう内容が変わりませんから、
一度公開すればあまり修正する事が少ないです。
また、全く別の新しい固定ページに作り変える事も少ないでしょう。

なので、公開日と更新日は非表示にしました。

2016年4月2日

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


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

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

2016年4月1日

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


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

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

2016年3月31日

投稿の抜粋がトップページ等に表示されるのを消す方法、Stinger5カスタマイズ。


 投稿の抜粋は、あった方が良いかもしれないし、
無い方がスッキリ見えるかもしれないです。お好みですね。

今回は抜粋文を削除して、代わりにカテゴリ名を表示させる方法。

2016年3月30日

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


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

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

2016年3月29日

投稿画面で更新日時を非表示にする方法、WordPressカスタム。


 Stinger5の個別投稿画面で、
更新日時を非表示にします。

投稿日は残したままです。

2016年3月28日

サイト内検索にプレースホルダを追加。テキスト入力エリアだとわかりやすい検索フォーム。


 サイドバーによくある、サイト内検索バー。
Googleのカスタム検索等を使っている方もいますね。

あのテキスト入力エリアに、うっすらと文字を入れておく方法。

2016年3月26日

サイドバーのスクロール固定がバグ、Stinger5のjsファイルを修正


 スクロール固定がうまくいかない問題を解決します。
WordPressのテーマStinger5です。
修正すれば、うまく表示されるようになりました。

2016年3月25日

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


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

2016年3月24日

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


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

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

2016年3月20日

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


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

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

2016年3月18日

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


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

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

2016年3月17日

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


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

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

2016年3月16日

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


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

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

2016年3月15日

CSSで見やすく装飾した新着記事一覧をサイドバーに設置、WordPressカスタム。


 WordPressテーマStinger5を使用しています。
サイドバーにはNEW POSTがあります。

この背景やデザインを変えて見やすくします。

2016年3月10日

サイドバーに自分のプロフィールを自作して追加する方法。CSS指定。WordPress


 サイドバーに、自分で作ったプロフィールを載せます。
当ブログはBloggerなので、Google+の自己紹介を載せています。

WordPressのサイトでは、自作して追加しました。

2016年3月8日

CSSをカスタムする時、どのclassやidを修正するかは、お使いのテーマ次第。


 WordPressのCSSを修正する時、
どこをいじったらCSSが変更できるか、という話です。

私は色々いじって、何度も見て確認して、
間違ってたら戻して…というやり方です。

雰囲気でやってしまうタイプ。
でも、ちゃんとclassやidの場所を知っておくのも大事。

2016年2月27日

コピーライト表示の年号を自動で今年の西暦に変えるコード。


 ブログやWEBサイトの一番下、フッターにあるコピーライト。
こんなん→ ©
Copyrightマークですね。

たいてい皆さん、その後ろに今年の西暦を載せます。
この西暦を、自動で今年のものに更新する方法です。

2016年2月23日

フリーフォントを使いタイトルロゴを作成する。ヘッダーロゴ画像。


 サイト制作にこだわるなら、ヘッダーは無視できません。
一番最初に目に入るからです。

あまりギラギラだとコンテンツや広告が目立たないので、
邪魔にならない程度にいい感じのヘッダーロゴ画像を推奨。
スポンサードリンク