よくある質問ページに使えそうなjQueryのアコーディオンUI
アコーディオンは、通販サイトでよく見かけるFAQのページで、質問の数や項目が多い場合このUIを活用して、ユーザーが探している情報を多くスクロールすることなく、整理することができます。 今回は、よくある質問ページに使えそう …
WordPressにショートコードを追加してサイドバーのウィジェットにタグクラウドをアコーディオンで表示させる方法
記事投稿に比例して、タグの数がなかなか増えてしまうことがあります。 当サイトではSANGOのテーマで、サイドバーのエリアにタグクラウドを表示させていますが、記事投稿に比例してタグの数も増え結構なスペースをとってしまい、見 …
SANGOのカード型デザインで同じタグを持つ記事を表示するWordPressのソース
SANGOのテーマには、標準で関連記事を任意で表示させる機能があり、関連性のある記事の表示はユーザーライクな機能です。 この関連記事だけでなく、同じようなデザインでその記事で付与したタグの記事を表示させる機能を作ってみま …
プラグイン無しでWordPressのページで権限別に管理バーを表示させる方法
管理バーは、管理画面からログインすることで、各ページの最上部に黒い帯のような形状で表示されadminバーとも呼びます。 この管理バーは、WordPressのデフォルトのテーマや、有料で配布されているテーマの場合は管理バー …
WordPressにショートコードを追加して使用するカード型のデザイン
シンプルながらも機能性に優れたマテリアルデザインは好きな表現方法の一つです。 2014年6月にGoogleが発表したマテリアルデザインは、影などをつけることで現実世界のように触れられる感覚を再現します。 このマテリアルデ …
WordPressにショートコードを追加して使用するjsのアコーディオンのデザイン
SANGOのテーマには、はじめからイケてるデザインのオブジェクトが簡単にショートコードで利用できます。 とてもシンプルで見やすいですが、自分のサイトで合うようなデザインのオブジェクトを、ショートコードで呼び出せる仕様にし …
プラグイン WP Theme Test を使って本番環境のテーマを非公開でカスタマイズする方法
WordPressを使用して本格的にテーマを開発したり、現行テーマを大幅にカスタマイズする場合、ローカル環境で構築したり、サブドメインで作ってみたりと色々な方法があります。 ですが、記事やカテゴリーなどの構造と本体のバー …
WordPressの子テーマを作る方法
テーマを利用していると、テーマに新しい機能やテーマの修正があった場合、自動でアップデートが行われます。 このアップデートの際、カスタマイズしたテーマのファイルがすべて上書きされてしまい、苦労してカスタマイズしたものがすべ …
Google Search Consoleの基本的な設定と活用方法
作成したコンテンツに、検索を通じてユーザーにサイトへ来てもらうためには、更新したWEBページを検索エンジンに認識してもらう必要があります。 Googleが提供するSearch Consoleを活用して、Webサイトを作成 …
タスク管理の神ツールNotionの基本的な使い方
最近プライベートで使用していたNotionを、仕事のタスク管理で導入しました。 今やNotionデザイナーなんてものもあるくらい、神アプリとして使用されてるツールです。 昨年から話題のNotionは、いろんな情報をまとめ …
