画面右上に小さな検索窓が現れます。その検索窓に、あなたがつけたタイトルをコピー&ペーストしましょう。タイトルを入力すると、ソース部分に検索窓に入れた文字と同じ文字が色付きで表示されるようになります。いくつかあると思いますが、タイトルとして使われているHTMLタグは「h1」「h2」「h3」などいずれかのはずですので、それらを使用している部分までスクロールしていきます。上記の画像で確認してみると、「h1」をタイトルタグとして使用し「entry-title」をクラス名として使用していることが確認できます。これは簡単に説明すると、CSSによりクラス属性を使って吐き出されているということになります。CSSとクラス属性の関係は、こちらの記事WordPressで見出しデザインを変更する方法&簡単に表示させる方法WordPressの投稿の編集では、「見出し」のデザインがほとんど装飾されていないシンプルなデザインとなっています。デフォルト(初期設定)の状態で記事を作成してみると、「あれれ〜、皆さんどうやってカスタマイズしてるの・・・?(...で解説しています。上記の記事で解説しているように、今度はCSSの「entry-title」の部分をあなたの好きなデザインに変更していきます。とクリックしていきます。最初に開いた画面がスタイルシート(style.css)と呼ばれるものです。スタイルシートが開いていない場合は、右側のテンプレートの覧からスタイルシート(style.css)を選択します。]で検索窓を呼び出し、先ほどの「entry-title」を入力します。注:当サイトで使用しているテーマANやTCDシリーズのテーマ、またその他のテーマによっては、スタイルシート(style.css)内に検索しているクラス名が無い場合があります。スマホ表示用などで、用途によりスタイルシートを使い分けているテーマなどもあります。その場合は、スタイルシート(style.css)以外のCSSから検索してみましょう。TCDシリーズでは、mobile.css(携帯用)、style_pc.css(パソコン用)、style_sp.css(スマホ用)と各媒体に合わせたCSSがあります。どの媒体からのアクセスにもオリジナルデザインを表示させたい場合は、それぞれのCSSを変更させる必要があります。「entry-title」を見付けたら、画像の赤枠の「entry-title」以下を削除します。下記の記事からタイトルデザインのCSS(クラス名以外)をコピーします。※記事では見出しとなっていますが、用途ではタイトルでも同じように使用できます。あ...25種類のCSSデザインの見出しサンプルと、オリジナルに編集する方法を解説しています。試しに、上記の記事から上下二重線の見出しを選択してみます。クラス名以下をコピーします。コピーをしたら、「テーマの編集」画面に戻ります。先ほど削除した「entry-title」以下の部分にコピーしたCSSデザインの見出しを貼り付けます。貼り付けたら、必ずファイルを更新をクリックして反映させましょう。最後にプレビュー画面をもう一度開いて確認してみます。Facebookページが便利です。Web関連>【まとめ】「見出し」のCSSデザインをおしゃれにカスタマイズ!リンク切れをチェックしてくれる便利ツール。《教えて》ブログの作り方。)この記事へのコメントはありません。この記事へのトラックバックはありません。返信をキャンセルする。-URL上に表示された文字を入力してください。Δトップページに戻る検索:ピックアップ記事コンセプトを決めるコツと、GIMPでチラシ作成GIMPの使い方として様々な基本操作方法をお伝えしてきました。今回はその使い方を応用してチラシを作ってみます。PC、スマホ(Android)、iPhone【PC版壁紙】無料でおしゃれで高画質なまとめ「感謝の気持ち」に気付いて好転させる3つのコツ《教えて》ブログの作り方。当サイトのテーマ(テンプレート)ページ上部へ戻るスポンサードリンクピックアップ記事コンセプトを決めるコツと、GIMPでチラシ作成GIMPの使い方として様々な基本操作方法をお伝えしてきました。今回はその使い方を応用してチラシを作ってみます。その工程を解説しながら...おすすめ記事クルクル回して上昇!【洋】PDCAサイクルと【和】知覚動考の意味と共通点もしかしたらあなたも耳にしたことがあるPDCAサイクルという言葉。