サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
web.alfactory.co.jp
ホームページのアクセス解析は、ホームページを運用する上で重要な指標のデータを得ることができます。 アクセス解析ツールは、「Googleアナリティクス」が有名ですが、画面を開くのが面倒だったり、高機能のため操作が複雑だったり、使いにくい側面があります。 「WP Statistics」は、WordPress内で簡単にサイトを解析できるプラグインです。手軽にアクセス解析をはじめたい方におすすめです。 今回は、「WP Statistics」の「設定方法」と「使い方」を紹介いたします。 アクセス解析プラグイン「WP Statistics」とは 「Googleアナリティクス」と比べて、シンプルな機能のため「だいたいの指標を把握したい」という使い方に適しています。 外部サービスと連携しなくても、プラグイン単体で動かせる ダッシュボードから、データや統計情報をグラフィカルな表示で確認できる 記事トップ10
CSSでflexboxがよく利用されるようになって、横並びレイアウトの要素同士の高さをそろえるのがとても簡単になりました。そうなってくると今度は中身の位置もそろえたくなる場合はないでしょうか? 今回は横並びレイアウトの中身の一番下のボタンの位置を合わせるCSSの方法をご紹介します。ちなみに今回はボタンと仮定してご紹介しますが、もちろん一番下にくるものはボタン以外もものでも問題ありません。 目標のデザイン このように画像→テキスト→ボタンという順番のレイアウトはよくありますよね。でも文章の長さは内容によって異なることがほとんどです。文章の長さをそろえられれば一番良いですが、そんなに都合のよいケースは少ないですよね。 そうなると最後のボタンの位置は文章量によって決まってきます。 特に何もせずに普通にコーディングすれば、下記のような感じになってしまいませんか? それを今回はデザイン通りに組んでみ
最近のWEBサイトのトレンドは動きのあるものが増えてきていますよね。 今回はその中でもよく見かける色付きのラインが横から現れて消えていったその下にテキストが現れるというアニメーションの作成方法をご紹介します。 今回の完成目標は上記のような感じです。本サンプルでは一回限りの動きですので、再度確認されたい場合は画面を更新してお確かめください。 HTML・CSSの書き方 HTMLサンプル HTMLのコードは下記になります。これはサンプルですので、class名などは実際に試される場合は任意のお名前でお作りください。 今回は通りすぎるというイメージから名前をpassingとして設定してみました。 <div class="passing move"> <div class="passing-box"> <div class="passing-bar"> <div class="passing-txt"
このページを最初にブックマークしてみませんか?
『STEP UP WEB|大阪のホームページ制作・作成サービス』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く