「デザイン」の記事一覧

トップページだけサイドバーを変えたい!プラグインを使わずにデザインも揃ったサイドバーを簡単に追加する方法

ブログを進めていると、ホームはホーム、記事は記事のサイドバー、といった感じで、別々に表示できれば嬉しい、と思う時がありますね! こうした、個別のサイドバーを表示したい、という場合には、プラグインを使えばサクッと解決しますが、プラグインは「いつ更新が停止するか分からない」、「ブログの動作が遅・・・

サイドバーを切り替えて表示する!トップページだけ、カテゴリ毎など専用サイドバーを作るプラグイン「Content Aware Sidebars」

サイドバーを「ホーム(トップページ)だけ別にしたい」とか「カテゴリーによって分けたい」、「特定のページや記事だけ別の内容を表示したい」など、サイドバーを切り替えて表示したい、という場合がありますね。 テーマのファイルを編集して専用サイドバーを追加する、とやっても良いですが、場合分けなどがあ・・・

人気記事を表示するプラグイン!TOP10を使った設定法(「WordPress Popular Posts」の代わり)

ワードプレスのブログで人気記事を表示する、となると定番は「Wordpress Popular Posts」。でもこれがたまにアクセス集計がうまく行かなくなって「Sorry. No data so far」とか表示される場合があります。(なんじゃそりゃー、みたいな感じで涙) どうしてもデータ・・・

ヘッダー画像、アイキャッチ、説明画像の簡単な作り方(パソコン編)!画像編集ソフト以外で自由にサクッと作成する方法

テキスト

ブログで個性を放つには欠かせない、といったら何といっても画像。 特に「ヘッダー画像」「アイキャッチ画像」(サムネイル画像)、「説明用の画像」ですが、文字入れしたり(更に縁取り入れたり)するのに画像編集ソフトを使う場合も多いと思います。(youtubeのアイキャッチ画像も同様) でも実は、パ・・・

ブログで表が記事の横幅を超えてしまう、欠けて見えない、という時の対処法

表(テーブル)を使うと整理された記事になって良いですが、ワードプレスで表を使う場合、使っているテーマによっては記事の幅に収まらず、横幅を超えてしまう、飛び出してしまう、欠けて見えない、といったことがあったりします。 まぁいいか、なんて思っていると、スマホで見た場合では非常に読みづらい記事に・・・

Stinger8で記事下の関連記事を削除!5つのステップであっさり消す

非常に広く使われているワードプレスの無料のテーマ「Stinger8」。 このテーマは記事下に自動で関連記事が表示されるようになってますが、関連記事を別のプラグインを使って表示させたい、という場合、Stinger8で元々出している関連記事を消したい!という場合があります。 ここでは、Stin・・・

著作権フリー画像の探し方!Googleでライセンスフリー、加工もできて再使用が許可された画像を簡単に見つける方法

ブログの記事を書くときに、画像を入れたい!でも著作権フリー、ライセンスフリーの画像(つまり権利を気にせずに自由に使える画像)をどうやって探せばよいか分からない!とお困りのあなた。 ここでは、そんな悩みを一発解決。グーグルの検索を使って、ライセンスフリー、加工もでき商用利用も可能で、再使用が・・・

無料素材はここで探せ!高画質の画像からイラスト、芸能まで8選抜!

トレンドアフィリエイト、ブログなどで必要となる画像。 画像はブログの顔となるヘッダー画像を作ったり、記事の先頭や記事の中、アイキャッチとして使用されますが、著作権などのリスク回避のために記事の中には一切画像を使わない、という「画像使わない派」もいたりします。 私はやはり記事の見栄えやインパ・・・

Stinger8でヘッダー画像を記事でも表示させたい!投稿ページでも表示させるカスタマイズは瞬間で終わり!

人気のテーマ「Stinger8」。流行なのか、読者から見たユーザビリティを考えると当たり前のこと、となるかも知れませんが、記事を表示すると(つまり投稿ページで)ヘッダー画像が表示されないんですね。 ここは意見が分かれるところですが、ヘッダー画像はブログ、サイトの雰囲気づくりには一番のポイン・・・

「Stigner8」のサイドバータイトルが表示されない?CSSで簡単表示とデザインカスタマイズしてみる!

ワードプレスの人気テーマ「Stinger8」。 でも、なぜかサイドバーの人気記事とか新着表示、カテゴリーなどの見出しというか、タイトルが表示されないんですね。 こんな時はテーマを直接編集する、というのもありますが、ここではCSSを使って、サイドバーの見出しを簡単に表示させてみます。ついでに・・・

「Stinger8」のサイドバーから新着記事表示を削除する2つの方法

ワードプレスの人気のテーマの1つ「Stinger8」では、サイドバーに常に新着記事表示がされます。 これはもともとテーマに組み込まれたもので、他によく使う新着表示用のプラグインを使うと、新着記事表示が2重になったりするんですね。 ここではそんな状況を回避するために、Stinger8のサイド・・・

横並びのメニュー項目の高さを揃えたい!CSSで子要素にheight100%、親要素に高さを指定するのがコツ

ワードプレスなど、テーマのデザインカスタマイズでよく手を入れるのが、上段に表示されるグローバルメニューです。 背景色や文字色、枠や影付けなどは今ではCSSで簡単にできますが、メニュー項目の文字数の違いから、高さを揃えたりするのが結構難しかったりするんですね。 親のブロック要素の高さが可変で・・・

CSSでリストから表を作る方法!flexプロパティを使えば2列、3列、4列のレイアウトは簡単過ぎる!

ブログでデザインカスタマイズでは、ul, li を使ったリストに対してCSSを使って2列、3列などの表形式で表示したい!という場合がよくあります。 tableプロパティを使えば簡単に表は出来ますが、floatを使って2列、3列といったレイアウトなどにした場合に隣同士の高さが揃わず、罫線を引・・・

CSSでリストから表を作る方法!2列、3列、4列のレイアウトはこうすれば良いけど罫線が問題

よく出くわすかもしれませんが、ul, li を使ったリストがあり、それをCSSを使って表にしたい!という場合があります。 tableプロパティを使えば簡単に表は出来ますが、横長の一行の表になってしまうんですね。 表を作る前提でリストのul, liをうまく組み分ければ2列3列の表も出来ますが・・・

ワードプレスで記事投稿前でもプレビュー表示を共有して見る方法!プラグイン「外部確認」が超便利

ワードプレスで記事を書いていると、実際に投稿する前の下書きを誰か他の人に確認して欲しい、という場合があったりします。 そんな場合には、意を決して実際に投稿して記事のURLを確認して欲しい第三者に送るか、プレビュー画面をキャプチャーしてその画像を送って見てもらう、なんてことをしたりします。(・・・