- 【WordPress】カテゴリの順番を変更できる[Category Order and Taxonomy Terms Order]プラグインを紹介します。 WordPressのカテゴリーやタグの順番を並び替えできるプラグイン[Category Order and Taxonomy Terms Order]を紹介します。 通常は記事のカテゴリーとタグの並び順は「名前」の昇順(ASC)になります。… 【WordPress】カテゴリの順番を変更できる[Category Order and Taxonomy Terms Order]プラグインを紹介します。続きを読む →
- 【CSS】スタイルシートだけで「border:dashed;」をグラデーションさせてみた。 だいぶ以前に「border要素にグラデーションを施す方法」という記事を公開しましたが、それとほぼ同じテクニックで、「border:dashed;」や「border:dotted;」をグラデーション処理させる方法を考えてみました。 理論として… 【CSS】スタイルシートだけで「border:dashed;」をグラデーションさせてみた。続きを読む →
- 【Font】アニメやマンガのロゴに最適なフリーフォント[アンニャントロマン]が面白い! アニメやマンガのロゴに最適な[アンニャントロマン]というフリーフォントを見つけてきました。 公式サイトでの説明は以下のとおり。 フリーフォント「アンニャントロマン」はロゴでの利用を想定した、全角ひらがな・カタカナ・アルファベットのフォントで… 【Font】アニメやマンガのロゴに最適なフリーフォント[アンニャントロマン]が面白い!続きを読む →
- 【CSS3】ネコ好き垂涎のスタイルシートのテクニック『Cat Swinging on String』が面白い! 画像は使用せず、HTMLとCSSのみで実装されたスタイルシートのテクニック『Cat Swinging on String』が面白かったのでコチラでも紹介します。 さすがにココまで複雑なアニメーションを実装するとなると、HTMLもCSSも長文… 【CSS3】ネコ好き垂涎のスタイルシートのテクニック『Cat Swinging on String』が面白い!続きを読む →
- Android端末で明朝体フォントを表示させたい! 普段のウェブサイト制作ではゴシック体を使うことが多く、この問題に気づくのが遅れました。 タイトルのとおり、明朝体フォントがAndroid端末では表示されません。 以下、解決策を調べたので個人的な備忘録を兼ねて紹介していきます。 検証 まずは… Android端末で明朝体フォントを表示させたい!続きを読む →
- 【WordPress】登録されたカテゴリの数・タグの数を表示する方法 先日 WordPress で構築しているサイトで、登録しているカテゴリーの数とタグの数を表示させる必要に迫られました。 ググってみたところ、「カテゴリーやタグを登録できる上限」のような記事は数多くヒットしたのですが、肝心のカテゴリ数・タグ数… 【WordPress】登録されたカテゴリの数・タグの数を表示する方法続きを読む →
- 【Web Design】デザインが素晴らしい和風の縦書きウェブサイト × 11選 ウェブは基本的に横書きが主流で、縦書きのウェブサイトは珍しく、かなり少数派です。 しかし固定概念を崩して縦書きデザインを取り入れてみると、目新しさやアクセントが生まれ、自由なレイアウトと華やかな印象のデザインが可能になります。 今日は縦書き… 【Web Design】デザインが素晴らしい和風の縦書きウェブサイト × 11選続きを読む →
- 【WordPress】タグ一覧ページにページネーションを実装する方法 固定ページ等の中で、投稿で使用しているタグの一覧を表示する際、通常は[get_tags]関数を使い、下記のような簡単なコードを記述することになります。 <ul> <?php $tags = get_tags(‘orderb… 【WordPress】タグ一覧ページにページネーションを実装する方法続きを読む →
- 【WordPress】投稿記事の総数を取得・表示したいときは[wp_count_posts()]を使いましょう。 WordPressで単純に投稿の記事数を表示したいときは、ループ処理やSQL構文を使わずに、あらかじめ用意されている便利な関数[wp_count_posts]を利用しましょう。 公開済みの投稿の記事数を表示 <?php $count_… 【WordPress】投稿記事の総数を取得・表示したいときは[wp_count_posts()]を使いましょう。続きを読む →
- Jetpackのバージョン「5.2.1」から追加されたCSS『simple-payments』を無効化する方法 Jetpackのバージョン「5.2.1」から <head>~</head> 内に『simple-payments-css』というCSSが挿入される仕様になりました。 <link rel=’stylesheet’… Jetpackのバージョン「5.2.1」から追加されたCSS『simple-payments』を無効化する方法続きを読む →
- 【WordPress】特定のテンプレートファイル読み込み時にリダイレクトの処理を行う方法 ワードプレスでサイトを構築しているとき、例えば「archive.php」や「category.php」など、特定のテンプレートファイルの読み込み時にトップページへリダイレクトさせる処理を施す方法です。 具体的には以下のコードを「archiv… 【WordPress】特定のテンプレートファイル読み込み時にリダイレクトの処理を行う方法続きを読む →
- 【Font】ギルバート・ベイカー氏を称えるフリーフォント[Gilbert]が登場 レインボーフラッグの発案者ギルバート・ベイカー氏を賛えるために、NYCプライドとNewFestが[Gilbert]というフリーフォントを制作しました。 こちらがそのデザイン。 本プロジェクトのWebサイト『Type With Pride』に… 【Font】ギルバート・ベイカー氏を称えるフリーフォント[Gilbert]が登場続きを読む →
- 【JavaScript】超軽量スムーススクロール『MoveTo』をご紹介! 今日紹介するJavaScriptライブラリ[MoveTo]は、容量が約1KBと軽量で、しかもjQueryに依存せずにスムーススクロールを導入できるスグレモノです。 サンプル:https://on-ze.com/demo/js-moveto/… 【JavaScript】超軽量スムーススクロール『MoveTo』をご紹介!続きを読む →
- 【CSS3】JavaScriptを使用せずに『慣性スクロール付きカルーセル』を実装するテクニック モバイルサイトでよく見かける、横にスライドするカルーセル・スライダー。 最近では単にスライドするだけでなく、フリックしたときに慣性スクロールで動くものが流行っています。 今日はこの『慣性スクロール付きカルーセル』を JavaScript 無… 【CSS3】JavaScriptを使用せずに『慣性スクロール付きカルーセル』を実装するテクニック続きを読む →
- 2017年度版。舞台[NARUTO-ナルト-]の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。 今年で第3弾! 舞台[NARUTO-ナルト-]の出演キャラクターのビジュアルが公開されました! めっちゃカッコいいので紹介していきます! うずまきナルト 松岡 広大まつおか こうだい 1997年8月9日、東京都出身。 2009年より俳優・モ… 2017年度版。舞台[NARUTO-ナルト-]の出演キャラクターのビジュアルが超絶クオリティでカッコイイ件。続きを読む →
- 【ADS】衝撃の結末『カサネテク|無敵の合コンテクニック!?』ネタバレ注意 カワイイ女の子が歌とダンスで『合コンの必勝テクニック』を紹介する動画が話題になっていました。 『カサネテク|無敵の合コンテクニック!?』と題されたこの動画。 YouTube では既に50万回以上の再生回数を更新しています。 誰が何の目的で作… 【ADS】衝撃の結末『カサネテク|無敵の合コンテクニック!?』ネタバレ注意続きを読む →