WordPressでPCとスマホで表示する要素を切り替える条件分岐のショートコード
レスポンシブデザインの場合、PCとスマホで表示する要素を切り替える場合、CSSであれば、デバイスの横幅を基準にしたメディアクエリを使ってdisplay:noneとdisplay:blockで要素の表示非表示を指定すること …
固定ページでページ送り付きの全記事を表示する方法
WordPressで、全てのカテゴリーを横断した全記事一覧のページを作ろうとすると、通常のarchive.phpやcategory.phpではうまく表示する事ができず、意外に面倒だったりします。 今回は、固定ページでペー …
手描きのイラストをIllustratorでパスに変換する方法
アプリのAdobe Captureに最近ハマっています。 Adobe Captureは、iPhoneやiPadのカメラを通してデザインやイラストをベクターデータとして抽出でき、フォントも簡単に取り込むことができる便利なア …
プラグインなしでnoteの画像付き記事カードを表示させるスニペット
最近noteで書かれた記事を見かける機会が増えていませんか？ かくいう自分もよく利用しています。 noteはブログと同じで情報発信ができるサービスですが「有料販売できる」「文章を書くことに特化」など独自の特徴があり、自分 …
プラグインなしでカテゴリやタグで検索の絞り込みを実装するスニペット
記事投稿が増加したりカスタムフィールドを使用したりと、サイト内のコンテンツが増加すると、wordpressの標準で使用できる検索窓のテキスト検索だけでは物足りなかったりします。 今回は、プラグインなしでサイト内の検索条件 …
プラグインなしでRSSを読み込んで記事のカードを画像付きで表示させる方法
更新情報をwordpressで表示する際、自分のサイトや、Wordpressサイトの更新情報なら表示は簡単ですが、wordpress以外のサイトの場合、RSSを使ったもの表示方法が便利です。 今回は、プラグインなしでRS …
プラグインなしでページ内にPHPを読み込む方法
ショートコードでphpを記述できる仕様にすることで、固定ページや投稿ページ、ウィジェット、メニューなど、Wordpress内の好きな場所にphpを設置する事ができます。 今回は、プラグインなしでページ内にphpを読み込む …
HTMLとCSSのコピペでできる横棒グラフ
棒グラフは、長方形の柱の長さがその値に比例するグラフで、データの数量がそのまま柱の高さとなって現れるため、データの大小を比較するのに向いています。 棒グラフに縦と横の2種類ありますが、横棒グラフは、文字通り数量を表す棒を …
インバウンド・マーケティングの基本とその特徴
近年、TwitterやFacebookのソーシャルメディアの普及に関連してインバウンド・マーケティングのマーケティングの概念が浸透しています。 今回は、インバウンド・マーケティングの基礎知識についてご紹介します。 目次イ …
WEBフォントの使用で知っておきたい3つの基本
WEBフォントは、フリーフォントをサーバーにアップロードしてWEBフォントとして使うこともできます。 今回は、WEBフォントの使用で知っておきたい3つの基本についてご紹介します。 目次WEBフォントの値の指定@font- …
