wordpress

アイキャッチ画像を変えても人気記事表示のサムネイルが変わらない！？WordPress Popular Postsでサムネイルを簡単に更新する方法

2017.05.23

WordPressで非常によく利用されている人気記事表示には「WordPress Popular Posts」がありますね？設定も豊富でブログ構築にはかかせないものですが、ここに表示されるサムネイル画像を変えたい！という場合も出てきます。こんな場合、まず記事に設定されているアイキャッチ画像を変えることになりま...

WordPressの記事に表示されるサムネイル画像の設定！アイキャッチ画像とサムネイルの違いと設定の仕方を簡単解説！

2017.05.23

ワードプレスの記事作成で、初めよく分からない、というか意味が分からない、なんだろう、と思うのがアイキャッチ画像。投稿編集画面で、右の下の方にアイキャッチ画像、という設定欄がありますが、さて、これはなんでしょう？．．．みたいなものですね。ここではそのアイキャッチ画像の設定や、これとは別にサムネイル画像、という...

ワードプレスで文字の上にフリガナを付けたい！ブログの文字にルビを振る簡単便利な２つの方法

2017.05.18

ワードプレスで記事を書いている時に、難しい漢字や英語に対して振り仮名やカタカナ表記（またはその逆で、振り仮名やカタカナに対して英語表記）、映画のタイトルなどで原題に対して邦題、邦題に対して元のタイトルを、元の文字の上に表示したい！などの場合があります。こうした「ある文字の上に注釈のように読み方たなどを付ける」...

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

2017.04.28

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

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

2017.04.28

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

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

2017.04.28

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

ブログデザインのカスタマイズ！HTMLとCSSの使い方を簡単に理解する！

2017.04.16

ブログのデザインをカスタマイズをする上で、避けて通れないのがHTMLとCSS.で、でた━━( ﾟ∀ﾟ)人(ﾟ∀ﾟ )━━!! 聞いたことあるけどイヤだーと思ったそこのあなた！いや何事もそうですが、１つ１つ見て行けば難しいことはありません。挫折するとしたら難しいからではなく、簡単そうが故に一気に色々とやろうとし...

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

2017.04.16

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

cssで先頭のや最後の要素を指定するには？nth-childとnth-of-typeの使い分け

2017.04.15

ブログやサイトのデザインカスタマイズをしていると「先頭や最後のこの要素だけに指定がしたいんじゃぁ~」という場合が多くあります。力技、というか、まぁ普通にやろうとすれば、先頭の要素や最後の要素だけにクラスを指定して、そのクラスに対してCSSを定義する、なんてことをしますが、これが毎回クラス指定を書く、となると、...

ブログのヘッダー画像の大きさは？主要テーマを比較から縦250pxが良い！？

2017.04.13

ブログの見た目における一番のポイントは、なんといってもヘッダー画像。ヘッダー画像とは、ブログの一番上にドーンと表示される画像です。いよいよブログデザインの章に入りますが、まずはその一番のポイントであるヘッダー画像の大きさから見てみましょう。横幅は使用するテーマの幅によってきますが、縦幅をどうするかで見た目の印...

ブログの見出しデザインを制覇せよ！CSS貼り付けだけの簡単素材で記事を彩る

2017.04.13

ブログデザインの中でも大きな要素を占めるものの1つが「見出し」。トップページや個々の記事、またサイドバーなど、ブログのいたるところで使われるものですね。見出しはテーマごとにいろいろとデザインがされていて、テーマの特徴がとてもよく出るものですが、そうであるからこそ逆に人気のテーマでは「あ、これはあのテーマ使って...

ワードプレスでカテゴリーID、記事IDの調べ方！編集画面で簡単に確認できる！

2017.01.05

ワードプレスではプラグインなどを使うと簡単に新着表示や人気記事表示、サイトマップなどを表示できます。この時、表示したくないカテゴリーや、逆にこのカテゴリーだけを表示する、といった設定があったり、同様に表示したくない記事を指定できる場合がありますが、この時必要となるのが「カテゴリーID」や「記事ID」。ここでは...

ブラウザのおすすめはGoogle Chrome！デザインカスタマイズやアフィリエイトで力を発揮する最速ブラウザ

2016.09.26

インターネットでいろいろと検索する時に使うブラウザ。あなたはいつも何を使ってますか？パソコンにしてもスマホにしても、必ず最初から入っているブラウザですが、 Windowsでは「e」マークの「IE」（インターネット・エクスプローラー) Macではコンパスマークの「Safari」（サファリ) スマホで言えばAnd...

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

2016.09.24

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

ワードプレスのエラー表示「別の更新が現在進行中です」の回避の仕方！更新できないのは待てば良い

2016.09.24

ワードプレスで、新しいバージョンの更新しようとする時に、「別の更新が現在進行中です」などと表示されて、更新したいのに更新できない！、という場合があります。以前のバージョンではなかったような気がしないでもないですが、ローカル環境などのスピードが遅くてダウンロードに時間がかかったりすると、こういった表示になる場合...