BLOG
2019.04.26.
1000種類のシンプルなアイコンを無料でつかえるUnicons
1000種類(実際にはそれ以上)ものアイコンを無料でつかえるUniconsというサイトを紹介します。 こういったサイトで一番有名なのはfontawesomeだと思いますが、個人的にはこちらのUniconsの方が好きなアイコンが多い気がします。どのアイコンもシンプルで使い勝手が良さそうなものばかり。商用利用も無料なので安心して使えます。 1000+ free …
2019.04.25.
【WordPress】プラグインをつかわずにページネーションを設置する方法
WordPressの個別ページや記事ページで、プラグインを使わずにページネーションを実装する方法を紹介します。実装方法を調べたらたくさんの方法が出てきますが、中には少し挙動がおかしいものもあったりします。色々使ってみた結果、今回紹介する方法が一番簡単に実装出来るものだと思います。もちろん今のところきちんと動作しています。 実装後のイメージ 今回紹介する方法の …
2019.04.24.
スクロールに応じてヘッダーやナビゲーションを固定または変化させるjQuery
ページをスクロールさせたときにヘッダーやナビゲーションを固定または変化させるjQueryのサンプルです。 縦に長いページ等でよく見かけますが、実装自体は簡単に出来ます。特にナビゲーションは常に表示させておくことで、ユーザビリティの向上にもつながりますし、離脱率の低下も期待出来るのではないでしょうか。既存のサイトやページにも導入しやすいので、一度試してみる価値 …
2019.04.23.
プラグインなしでWordPressの記事内にタグで分類された関連記事を表示させる
WordPressの投稿記事内に、プラグインをつかわずに関連記事を表示させる方法を紹介します。プラグインを使わなくても非常に簡単に設置出来るのでおすすめです。なお、今回はカテゴリではなく、タグで分類された関連記事の表示方法になります。 サムネイルも一緒に取得して表示させる方法、記事タイトルのみを表示させる方法を書いていますので、デザイン、好みに合わせて使い分 …
2019.04.22.
WordPressの投稿ページに前後の記事へのサムネイル付きリンクを設置する方法
今回はWordPressの投稿ページに、前後の記事へのリンクを設置する方法を紹介します。ただテキストリンクを置くだけでも良いのですが、それでは味気無いので、今回は前後の記事のサムネイルも表示させます。ただし、各記事にアイキャッチが設定されていることが前提になります。(アイキャッチが無い場合はソースの中で条件分岐が必要になります。) これだけでサイトも回遊しや …
2019.04.21.
Adobe Fontsをつかってみる
昨年10月に、AdobeがType Kitを「Adobe Fonts」という名称に変更するというアナウンスがあったみたいです。半年以上前の話ですが、最近知りました。Type Kit自体をあまり使わないので・・・ この名称変更に伴って、結構な変更があったみたいなのでその辺を見てみるのと同時に、実際にどんな風に使えるのか試してみました。 Adobe Fonts …
2019.04.20.
游ゴシックをつかう場合のfont-familyの書き方
サイトやページをコーディングするとき、font-familyに游ゴシックを指定したいときの記述方法です。 すでに様々なところで書かれていますが、游ゴシックをつかうときは注意が必要です。理由はブラウザやOSによって認識の違いがあるから。例えばWindows10では游ゴシックで書かれたテキストはかなり細く表示されてしまいます。 解決策としてfont-faceをつ …
2019.04.19.
プラグインなしでWordPressにブログカードを設置する方法
今回は表題通り。プラグインをつかわずに、WordPressにブログカードを設定する方法を紹介します。 WordPressで記事を書いていると、他の日に書いた記事等を参照してもらいたいことがあります。そんなときに役立つのがブログカード。はてなブログでお馴染みのアレです。内部リンクをただのテキストリンクからブログカードに置き換えることで、ユーザーの目にも留まりや …
Warning: Undefined variable $additional_loop in /home/mdesigny/mdesign-y.com/public_html/wp-content/themes/mdesign/index.php on line 54
Warning: Attempt to read property "max_num_pages" on null in /home/mdesigny/mdesign-y.com/public_html/wp-content/themes/mdesign/index.php on line 54