Design notes – WEBサイト制作効率化のための、デザイン・wordpressの試作や覚え書き

おむすびまるのデザイン覚え書き

DESIGN NOTES

ワードプレスやCSS、調べたことをまとめておけば次回はスピードアップできるかな！？
空いた時間でもっといいデザインをつくります！！

最近の記事

2021/01/17

上下センター揃えフレックスボックス「display: flex」を使います。

セレクタ{display: flex;
  justify-content: center;
  align-items: center;}

セレクタ{display: flex;

justify-content: center;

align-items: center;}

左右センターは「justify-content: c …

2021/01/11

よく使うテンプレートタグ

パスを取得するテンプレートタグホームページのURL

<?php echo esc_url( home_url( '/' ) ); ?>

例）
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php echo esc_attr( get_bloginfo( 'name' ) ); ?></a>

<?php echo esc_url( home_url( '/' ) ); ?>

例）

ワードプレスのURL ホームページのURLとワードプレスのURLが異なる場合に便 …

2021/01/11

よく使う条件分岐

便利な条件分岐トップページとその他

<?php if ( is_home() || is_front_page() ) : ?>
  トップページに表示させたいものを入れる
<?php else: ?>
  トップページ以外はこちら
<?php endif; ?>

<?php if ( is_home() || is_front_page() ) : ?>

トップページに表示させたいものを入れる

<?php else: ?>

トップページ以外はこちら

<?php endif; ?>

カテゴリーとその他カテゴリーごとに表示を変える場合 [crayon-600acfa358bfd …

: 2020/05/28

テキストに縁や影をつける

cssでテキストに縁や影をつけます。

: 2020/05/27

CSSで影をつける

CSSでドロップシャドウをつける方法を二つ紹介します。

: 2020/03/30

どのリンクから訪問された？パラメータで流入元を把握しよう！

自分のサイトへアクセスしてくれた、その流入元がどこなのか知りたい！リスティング広告？　FaceBook？　自然検索？その他、考えられる経路はたくさんあります。メルマガ、LINE、アプリ、QRコード、ア …