「デザイン」の記事一覧(2 / 3ページ目)

クラスの指定法 – WordPressでCSSを特定の記事だけ、ページだけに反映したい場合

CSSを利用してWordPressでデザインカスタマイズをする場合では、とても便利なプラグイン「JetPack」の「CSS編集」といった機能や「Simple Custom CSS」といったプラグインを使用して、CSSを新たに追加します。 ここで「ある特定の記事だけ」、「ある特定のページだけ・・・

リストの先頭にフォントでマーク表示!画像を付けるのはもう古い!

通常 ul li などのリストを使うと自動的に先頭に丸や四角のマークが付きます。 個性を出すためにその先頭のマークを画像などに置き換える、といったカスタマイズをすることもありますが、これが結構大変だったりするんですね。 画像の難点は、調度良い形と大きさのものを探してネット上をさ迷い歩くとい・・・

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

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

ブログのデザインカスタマイズの決め手!CSSの適用範囲を確認する技

デザインを簡単に修正できるよう、多くのサイトでCSSの具体的記述例が公開されています。 (見出しのデザインならは ブログの見出しデザインを制覇せよ!CSS貼り付けだけの簡単素材で記事を彩るの記事を参照してみてくださいね!) CSSをサクッとコピーしてブログに貼り付ければすぐ利用ができる、と・・・

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

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

【WordPressプラグイン】目次の作り方 – 自動で作成、デザインカスタマイズも楽々!

あなたのブログの記事には目次がありますか? トレンドブアフィリエイトを実践しているブログではそれほど多くないようですが、私は目次があるのが好きで、トレンドアフィリエイトに本格的に取り組んだ直後から導入しています。 目次があると記事に何が書いてあるのかがひと目で分かり、訪れる読者にも分かりや・・・

【WordPressプラグイン】新着表示は「Newpost Catch」がオススメ!サムネイル表示で差をつける!

人気記事表示に並んで、ブログの基本となるのが新着記事の表示。 いきなり前置きが長くなって恐縮ですが... いやこの「新着記事」の表示っていらない、というか余計じゃない?だって、訪れた読者が常にこのブログ見ていて新着記事を心待ちにしてるわけないし、新着記事!って表示しても人気記事みたいに面白・・・

WordPressの人気記事表示プラグインはコレだ!サムネイル表示を変幻自在に使いこなす

WordPressでブログを運営する上で、なくてはならないものの1つが人気記事の表示です。まだプログに慣れてないと”いいなー、人気記事。どうやって表示するんだろう”なんて考えているかもしれませんね。(私がそうでしたし ^◇^)ゞ ) そんな心配は全然ご無用。プラグインを使えば自動でやってく・・・

WordPressのCSSカスタマイズ!読み込み用プラグインとCSS反映の具体例!

別記事で見たGoogle Chromeとその開発者ツールの威力。それを武器にCSSがカスタマイズできれば、一気にデザインカスタマイズの可能性が広がります。 実際に修正したり他から持ってきたCSSをブログに反映するには、 1)使用しているテーマのスタイルシートに直に書き込む 2)プラグインを・・・

ブログのデザインカスタマイズ!Google Chromeの開発者ツールでCSSを思いのままに操る!

デザインカスタマイズでは多少なりとも必要となるHTMLとCSS。 ゼロから全て学ぼうとすると、時間もかかりかなり大変なことですが、深く広く全て知る必要はなく、ポイントをおさえて必要な所のみを学んでいく、という姿勢で十分です。 (この記事を読めばコピペを基本に覚えれば良い!といった感覚になる・・・

ブログデザインのカスタマイズ!CSSのidの指定法を理解する

ブログのデザインをカスタマイズをする上で、前回の記事では1つの課題となるCSSのクラスについて使い方をおさえました。 (参照:ブログデザインのカスタマイズ!CSS基本のクラスを理解する) 今回はいよいよ第二の壁、CSSの id の使い方です。 CSS のクラスと id は、CSSを理解して・・・

ブログデザインのカスタマイズ!CSS基本のクラスを理解する

ブログのデザインをカスタマイズをする上で、前回の記事でHTMLとCSSの概要をおさえました。(参照:HTMLとCSSの使い方を簡単に理解する!) 今回はいよいよ最初の壁となるCSSのクラスの使い方です。 HTMLとCSSを使ってみようと思ったはいいけど、結局良くわからずにやめてしまった、と・・・

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

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

ブログのヘッダー画像の作り方!簡単リサイズから文字入れまで独自性を打ち出す

これからはブログは個性化の時代。 同じ外観では他のブログとの違いがわかりづらく、グーグルから独自性がない=読者にとって有益でないサイト、と判断され、最悪ペナルティの対象(圏外に飛ばされる)になる、といった危険性さえ秘めてます。 グーグルの評価もさることながら、他のブログとの違いが見えなけれ・・・

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

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