misallychan.com

はてなブログ初心者。デザイン、WordPress、HTML・CSS、アニメ、漫画、音楽についてとか。

WEB・デザイン

はてなブログ一覧のデザインをカード型に変更しました。

デザインを少し変更しました。 今までのデザインは元のデザインが気に入ってたのですが、トップの一覧ページの見え方がどうしても横長でなくカード型のカラムにしたかったので。。。

SVG画像非対応ブラウザへのフォールバック方法メモ【2017】

SVGってピクセル画像じゃないからレスポンシブデザインにも最適でとっても便利という話を以前しました。 WEBで役立つ画像「SVG」とは【保存形式】 - misallychan.comこちらimgタグで簡単に表示できるんですが、対応していないブラウザがあります。 サポート…

WPでSFTP接続してブラウザ上でプラグインをインストールできるようにする

SFTP接続の場合、WPがプラグインがブラウザ上でインストールできません。 今回はその対策についてです。

ハンバーガーボタンを簡単に設置!Drawer.jsを使って初心者でもクオリティの高いメニューを導入しよう

以前のハンバーガーボタンは自作でしたので足りない点や動きの悪い点もあったかもしれません… またどうしてもブログに合わせてカスタマイズが必要になる場合が多そうでした…そうなると、CSS初心者だったらどうにかできますが、全くの素人さんですと難しい点…

WEBで役立つ画像「SVG」とは【保存形式】

今回はますます使いたい拡張子「SVG」をご紹介します。 劣化するのが当たり前、と思っていたWEB用の画像。 PNGやJPEG・・・それぞれの特性を理解して自分の保存したい画像と照らし合わせれば、いつもより綺麗に保存できますよね。 「SVG」は近年出てきたReti…

【WordPressの検索機能を全網羅】絞り込み検索やカスタム投稿タイプでの検索、カテゴリ除外など検索機能カスタマイズまで!

WordPressで検索機能、よく使われているのを見かけるし、よく使いたい場面に出会います。 今回は、シーン別でWordPressの検索機能設置方法をご紹介します。

「アイコンが変わらない!」原因はキャッシュ。safariのブックマークアイコンが更新できないのまじなんなの。

faviconやアアップルタッチアイコンを設定していて先日から気になってはいたものの、本日「safariのブックマークアイコンまじなんなの」が爆発しました! その原因や解決策をご紹介します。

WordPressで指定の親カテゴリに当てはまる子カテゴリ名を表示したい!!【子カテゴリ名を呼び出す方法】

私ね、WordPressをずっと使ってきていつもいつも困ってたことがあったんです。。。 それが、カテゴリー問題。 親カテゴリ・子カテゴリとか指定しても、カテゴリ名を表示させるときに親子関係なくID順に全てが並んでしまうこと。

超簡単!1分でできるWEBフォントの使い方【GoogleFonts】WEBのフォント

前回、WEBフォントとは何か、そのメリットをお伝えしました。 そこで本日は「WEBフォント」を誰でも簡単にできる使い方を解説しちゃいます。本日の議題 6つのステップで、初心者でもあっという間にWEBフォントを設置できちゃいます。Google Fontsなら難しい…

「LINEで送る」シェアボタンで直接アプリを起動させる方法

今回は「LINEで送る」ボタンを押したらアプリが立ち上げられる記述をご紹介します。

どんなデバイスでも表示される!ユーザビリティ抜群の「WEBフォント」て?

本日の議題ブランディングにも最適!ユーザビリティ抜群。見やすく、美しいフォントをWEBでも実現する「WEBフォント」とは? ブランディングにも最適!ユーザビリティ抜群。見やすく、美しいフォントをWEBでも実現する「WEBフォント」とは? そもそもWEBフォ…

WordPressにお気に入り機能を追加!WP Favorite Postsをカスタマイズする方法とは?会員制サイトにぴったり。

前回ご紹介したWP-Membersで作る会員制サイトですが、そこに「お気に入り機能」がついていたらもっと便利じゃないですか? 今回はWPにお気に入り機能を追加できるプラグインWP Favorite Postsの使い方をご紹介します。 前回の記事はこちらから misallychan.h…

イベント・フェア情報を発信するのにぴったりな色分け営業日カレンダー機能!WP Simple Booking Calendarをカスタマイズ

式場のサイトを納品する際に、カレンダー形式での「フェア情報」を発信する必要がありました。 結婚式場のサイト制作、フェア情報をカレンダーで発信している企業って多いんですよね。 でもこれ、式場だけじゃなくて、他にもイベント情報を発信するのにぴっ…

query_postsは非推奨?代わりにget_postsで条件指定!投稿を取得する方法【WordPress】

投稿のループで、カテゴリを指定や除外したり、表示順や表示数を変更したりするなら…get_postsを使いましょう! 非推奨?のテンプレートタグ「query_posts」 query_postsの代わり使える?テンプレートタグ「get_posts」 条件の因数、入力例 1ページに表示さ…

WP管理画面、ユーザーごとに権限をカスタマイズ!【最優秀CMS・WordPressで複数ユーザー管理の場合】

WordPressで構築したHP管理をお客さん側で管理する場合。 リテラシーの低いお客さん側でもストレスなく更新できるような仕組みを作る必要がありますよね。 そこで今回は、納品前にしておいたほうが良いWPのカスタマイズ方法をご紹介します。 ユーザーの追加 …

スムーズスクロールが自由自在。アンカーリンクを使いこなす!scrollsmartly.jsが神がかってる。

スムーズスクロールはjavascriptとかjQueryを使うことが多いと思うのですが、他のjavaとの兼ね合いとか、なんかうまくいかない部分があったりしますよね。 そこで出会ったのが、scrollsmartly.js。

超便利!カスタム投稿タイプが簡単に作れるCustom Post Type UIの使い方と表示方法を解説!

今回はWP「カスタム投稿タイプ」について徹底解明! 複雑なシステムを要するサイトを作成の場合、使いこなせればとーっても便利な機能です。ぜひお試しを! カスタム投稿タイプを使おう!! カスタム投稿タイプって? カスタム投稿はこんな時に便利 クライア…

社会人三年目が考えるマネジメント。ゆとりがモチベーションを保つためには?

モチベーションあがらん、とかよく言いますよね。それってなんでだろうとよく考えます。特に今までダントツにモチベーションが高かった人でも、急にぱたっと無気力になったりする。ただ単に自分自身にやる気がないのか、だったらなぜそうなったのか。 どうし…

配色に悩んだときはPinterestとDesign Seedsが超役立つ。

最近すごく配色苦手になってきたかもしれない。 なぜならどうしても、パステル・モノトーンになってしまうから…。 いろんな色を効果的に組み合わせるのはなかなか難しいです。 そんなときに。

WP-Membersで会員制サイトを作ろう!作り方を全網羅&徹底解説。

WordPressで会員制サイトを作りたい!そんなときに使用したいのがWP-Membersというプラグイン。 今回はそのプラグインの使用方法・活用法をざざっとご紹介したいと思います。

どうなる日本の未来のデザイン

リオ・オリンピックが終わりましたね。次はいよいよ日本で開催かー。 閉会式の日本オリンピックの告知すげー pic.twitter.com/RqCrEHBzYs— あ👀mi (@_DaMus_) August 22, 2016 これすげー。 でも全然エンブレムって重要じゃないのかな。なんか普通に日の丸っぽ…

イメージ戦略にビジネスコラムを。ブランディング・広報・会社資産に!

私は3年間ビジネスコラムを書き続けてきました。 もちろんコラムニストでもライターでもなく、単なる社員として普通に通常業務をこなす傍らで時間を作ってコツコツと。 誰に教えてもらうでもなく、今までの蓄積も全くなく、まっさらな状態から。 最初に書き…

WordPress&サーバを、ドメインを変えずに移行する方法

先日後輩がWordPressごとサーバ移行を行ってくれて(本当に良い後輩すぎて泣く)、ちょいちょいそのサポートをしてました。 その時に色々調べたり勉強になったこと、そして移行の流れを備忘録として残しておきたいと思います。

WordPressでCSVのインポートがうまくいかない人へ《躓いたポイント&解決策ベスト5》Really Simple CSV Importer

こんにちは、急に技術系記事です。 以前、WordPressでのCSVのインポートをしました。その時躓いたポイントがあり、無事解決もできましたので、その備忘録です。 “Really Simple CSV Importerを使って、WordPressに大量の投稿データをインポート!”あなたもき…

簡単コピペで「動くハンバーガーボタン」を設置!はてブにも使えるカテゴリーをドロワーメニューにカスタマイズ★

やっとこさ少しずつブログのデザインを編集してきました。ほんの少しですが。 今日は簡単に設置した「動くハンバーガーボタン・ドロワーメニュー」についてご紹介したいと思います。