これだけでサイトが見やすくきれいになる！「WEBフォント」の設定に関してまとめてみた。
WEBフォントってなに？ まずWEBフォントの前に、「フォント」について少し。 フォントとは、文字の書体データのこと。デザイン物の印象を決める書体データのこと。 印象良く見えるフォントががないと、OS標準の読みやすいがか...
DevelopmentDevelopmentDevelopmentこれだけでサイトが見やすくきれいになる！「WEBフォント」の設定に関してまとめてみた。
WEBフォントってなに？ まずWEBフォントの前に、「フォント」について少し。 フォントとは、文字の書体データのこと。デザイン物の印象を決める書体データのこと。 印象良く見えるフォントががないと、OS標準の読みやすいがか...
Money&Finance1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。
記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。 the_post_navigation() などで前後の記事のタイトルを出力する場合も、レイアウト崩れが発生してい...
Tokyoマークアップ: HTML タグとフォーマット
見出し 見出し壱 見出し弐 見出し参 見出し四 見出し五 見出し六 引用 (Blockquote) テスト 一行の引用。 ハングリーであれ、愚かであれ。 cite 参照を含む複数行の引用。 これは言語みたいなものだ。アル...
Tokyoマークアップ: 画像の配置
画像の配置テストへようこそ ! 画像をいろいろな位置に配置してみるのに一番良い方法は、言葉の海の中に画像をそっとうずめてみることです。さあ、はじめましょう。 画像の配置では、ユーザーが「指定なし」「右寄せ」「左寄せ」「中...
Tokyoマークアップ: テキスト配置
デフォルト これは段落です。特別なテキスト配置処理が付いていない状態になっている必要があります。通常のテキストフローと同じように表示されるべきです。なにも特別なことはありません。ただ、愛とともに自由に流れるテキストだけ。...
Tokyoマークアップ: 特殊記号を含むタイトル ~`!@#$%^&*()-_=+{}[]/;:'”?,.>
タイトルに特殊記号を含めた場合にも、レイアウトや機能に悪影響が出ないようにする必要があります。 投稿タイトル内の特殊記号は minify された JavaScript を使用している際に問題を引き起こす場合があることが確...
Tokyoマークアップ: マークアップ付きのタイトル
以下を確認してください。 投稿タイトル内の「付き」という文字が斜体で表示され、「マークアップ」が 太字になる。 投稿タイトルマークアップはブラウザウィンドウ・タブのタイトルには表示されない。
NoCategoriesテンプレート: アイキャッチ画像 (縦)
この投稿は、テーマが対応している場合、アイキャッチ画像を表示すべきです。 正方形ではない画像の場合、特別なスタイリング上の問題が発生することがあります。 これは縦向きのアイキャッチ画像テスト向けの投稿です。
NoCategoriesテンプレート: アイキャッチ画像 (横)
この投稿は、テーマが対応している場合、アイキャッチ画像を表示すべきです。 正方形ではない画像の場合、特別なスタイリング上の問題が発生することがあります。 これは横向きのアイキャッチ画像テスト向けの投稿です。
NoCategoriesテンプレート: More タグ
このコンテンツは more タグです。 この文のすぐ後は、「続きを読む」ボタンが表示されます。
NoCategoriesテンプレート: 抜粋 (ユーザー定義)
これはユーザー定義の投稿の抜粋です。アーカイブの目次では投稿の内容ではなく、これが表示されるべきです。
NoCategoriesテンプレート: 抜粋 (自動生成)
これは投稿の内容です。単独ページで表示する場合、自動生成の抜粋ではなく、これが表示されるべきです。アーカイブの目次のページは、この内容から自動生成された抜粋が表示するべきです。テーマで定義されたフィルターに依存し、テーマ...
NoCategoriesテンプレート: ページ分け
この投稿は複数のページに分かれていて、各種レイアウト、画像、HTMLタグその他を含みます。 火の巻 西瓜 一 伏見桃山の城地を繞めぐっている淀川の水は、そのまま長流数里、浪華江なにわえの大坂城の石垣へも寄せていた。――で...
NoCategoriesテンプレート: 先頭固定表示
先頭固定表示投稿です。 以下を確認してください。 先頭に固定表示する投稿は、何らかの形で通常の投稿と差をつけてその違いが認識できるようにしてください。post_class() 関数を使って投稿の class を生成してい...