design memo

web

投稿で「改ページ」を使えるようにする :wp_link_pages

lionmediaではどうやら「改ページ」に対応していないようなので、使えるようにしたい!ページングはナンバーだけとか、次へ・前へだけのものもあるけど、両方入ってるのをつけたい。 デフォルト表示 改ページのページャーを表示するだけなら、表示したい位置(ループ内)に テンプレートタグを入れればokだけど、カスタマイズしない状態だとこんな感じ。投稿ページなのに固定ページって出てくる。 テンプレートタグ...

web

次の投稿、前の投稿のリンク:previous_post_link、next_post_link

前の記事、次の記事のリンクを追加したい。 デフォルト表示 テンプレートタグ 出力 カスタマイズ preview 投稿タイトル投稿タイトル投稿タイトル投稿タイトル投稿タイトル 投稿タイトル投稿タイトル投稿タイトル投稿タイトル投稿タイトル single.php 表示させたい位置に記載する CSS \SCSS 参考サイト https://www.itti.jp/web-design/wp-prev-ne...

web

LIONMEDIAのグローバルナビの固定とサブメニューのプルダウン

サイトタイトルと各メニューへのリンクが常に表示されてる状態にしたい。遷移の問題もあるけど上部に色があるとまとまりがある感じがして・・・ サイトタイトルの位置を変更 ただ、サイトタイトルとメニューで高さを取ってしまうのは避けたい。メニューがそこまでたくさんにならなそうだったので、グローバルナビとサイトタイトルを横並びで表示してしまおう。 header.php l-header siteTitleを探...

web

投稿ページパーツデザインカスタマイズ

見出し カスタマイズ > 投稿スキン設定の見出しのスタイルを全部 ☑️オリジナル見出しを作成 にして、デザインを入れていくとよさそう。直下のエリアに書いてもいいけどデザインはできるだけstyle.cssにまとめておきたい。 h2見出し(デフォルト) h3見出し h4見出し h5見出し h6見出し テキストの表示サンプル 通常のテキストはこのように表示されます。通常のテキストはこのように表示されます...

web

Google Fonts

サイトタイトルや見出しなどポイントになるフォントは筆記体っぽい感じにしたい、テキストは読みやすい前提で、スマートな感じもいいけど今回はちょっと柔らかく伝わるような感じで探す。 Google Fonts https://fonts.google.com/ 使いたいフォントを選んで headに追加する Use on the web の <link> にチェックを入れて中身をコピー、lionmed...

web

WordPressテーマ「LION MEDIA」を使ってみる

LION MEDIAは、無料のワードプレステーマ。ここまでいろんなことができて無料ってすごい! LION MEDIA をダウンロード https://fit-jp.com/theme/ ダウンロードしたZipファイルはそのまま、ワードプレスからテーマの追加でアップロードすればok。テーマを適用してみておく。 カスタマイズは子テーマで LION MEDIAだけでも色々できるけど、親テーマで直接カスタ...

days

category