記事一覧
WEBサイトレビュー#02
FVにある写真のスライダーが非常に印象的です。
スワイパーで実装しており、若干右上に配置して左下に空間を空けてフレーズもしっかりと見せる形になっています。
最近になって特に奥行きや立体感のある表現が増えてきたように思います。
両サイドにあるロゴやテキスト、ボタンは画面追従になっているようです。
メニューの構成は非常にシンプルで特に変わったアニメーションは施されていません。
サービス部分
WEBサイトレビュー#01
FVは海外よりの雰囲気を出している。
Slickを使ってスライダー形式にしており、それぞれの写真も少しトーンを落として加工してある印象。
→ 若い層というより大人の層を狙って落ち着いた雰囲気を演出するため(?)
文字も真っ白(#ffffff)ではないく、若干ベージュ寄り(#EBEBE1)の色を使っている。
→背景色とのコントラスト差で視覚的に疲れさせない為、#ffffffを使ってしまうと少し
Nuxt.js環境下にSwiperを導入してみる。
高性能かつ手軽に導入できるスライダープラグインのSwiperを普段からよく使っています。
シンプルHTML&CSSサイトやWordPress対応サイトでは、利用しているのである程度の導入までの流れはわかるのですが、Nuxt環境下での導入の仕方がよく分からなかったので調べてみた結果を備忘録として残しておきます。
//ターミナルyarn add swiper@5.x vue-awesome-swi
WordPress役立ちコード(保存版)
今まで私が案件や自分のサイトで使ってきたコードを載せます。
自分も見返せるようにしておきたいので、使い方は特には記載しません。
(記述量が多くなってしまう為)
各自調べてみてください!
■カテゴリーすべて取得表示
<?php $categories = get_categories(); foreach ($categories as $category) { echo '<li><
WordPress化について
こんにちは。
今回は、質問の多いWordPress化について少し書こうかと思います。
※詳しい手順については量が多いので別の記事にします。
(以下から、WordPress=WPと記述)
Q、オリジナルテーマとしてサイトを作る時は、最初からWP化して行っているんですか?
上記のような質問をいただく事が多いです。
結論は、
「私は一度シンプルHTMLとCSSで構築してからWPに組み込んでいる」