お気に入りの外部サイトに新しい記事が投稿されたとき、直ぐにその記事を読みたい！または、読み逃しがないようにしたい！ということはありませんか？ 今回は、わざわざお気に入りの外部サイトを見に行かなくても、最新の記事が投稿されたことを自動的に自身のサイトに表示させてくれる方法について解説します。 もっと早く知りたかった！とか、気付いていなかった！という後悔をしないようにするために、WordPressのRSS機能を有効に使いましょう。 RSSとは？ RSSとは、日付やタイトル、その内容の要約等を配信するための技術です。 フォーマットがXML形式で記述されており、専用の「RSSリーダー」というツールを使用する事により様々なサイトの更新情報を自動的に取得、閲覧できるようになります。 RSSを簡単に言ってしまうと、情報を配信するための技術のことです。 RSSリーダーで読み込むデータがXML形式というフォ

あとはカテゴリーの際と同様に、非表示にしたいタグのIDを調べます。 特定カテゴリーの非表示 カテゴリーウィジェット 「テスト」と「未分類」を非表示にした例 ↓ CSSで対応 子テーマのスタイルシート（style.css）に以下のように記述します。 .cat-item.cat-item-XX{display:none;} cat-item-XX XX　の部分がカテゴリーのユニークIDになります。 複数のカテゴリーを非表示にしたい場合は、セミコロン（ , ）で区切って指定します。 .cat-item.cat-item-XX,.cat-item-XX{display:none;}

WordPressテーマ「Cocoon」のカスタマイズ備忘録です。今回はページネーションのカスタマイズです。 ページネーション（ページ送り）というのは、記事一覧の下にあるこういうやつですね↓ 「Cocoonっぽさ」がある部分なので、ここを変えるとオリジナル感が一気に出ると思います。それでは早速やっていきましょう！ 「次のページ」の部分をカスタマイズしてみようまずは「次のページ」という大きなボタンをいじってみます。 カスタマイズでこれを非表示にしている人も多いですが、スマホでクリックしやすいので個人的にはあっても良いかなと思います。 「次のページを」非表示にする場合非表示にしたいという人は以下のCSSを追加してください↓ .pagination-next { display: none; }背景と文字色だけ変えてみる次は背景と文字の色を変えるバージョンです。 CSSのコードはこちら↓ .pa

例えば画像素材サイトとかだと・・・ 素材ページに飛んだら、自動でダウンロードみたいな機能がついてると思います。 こういう自動ダウンロードは意外と簡単に実装できます。 ここでは JavaScript、jQuery 両方でのやり方・コード例 をまとめてみました。 リンクから手動ダウンロードするやり方 まず１つめは画像のDLリンクを生成する方法について 画像のURLではなく、データ自体をダウンロードするリンクを作るということです。 その手順を箇条書きすると、こんな感じ 画像データをURL化する そのURLを元にリンク要素作成 生成したリンクを埋め込む 大事なのは「画像データをURL化する」というところですね。 JavaScript、jQueryを使ったやり方は次の通り JavaScriptでダウンロードリンクを作るコード例 まずはjQueryとかライブラリを使わず、素のJSでやる方法について コ

FASTCODING-Vietnamのバックエンドエンジニア、ジアンです。 Webサイトを見ていて「ランダムに記事を読み込む」ページを見たことはありますか？ 具体的にはWebサイトを表示すると 最初はりんごに関する記事が1番上に表示されていたのに 同じページを更新してみたら、次はみかんに関する記事が1番上に来ている このようにページを再読み込みしたら、毎回違う記事が表示されるというものです。 この機能は投稿数が多いブログなどに適しています。 ページを更新すると毎回ランダムに違う記事が表示されるので 記事に対しての読みムラが少なくなり、 まんべんなく色々な記事をユーザに読んでもらうことができます。 今回はWordPressでこの機能を実装してみたいと思います。 WordPressで記事をランダムに表示させる方法 まずカスタムページテンプレートを作ります。 下記の2パターン作成したので、お好き

ブログ形式のサイトだとあまりないのかもしれませんが、ECサイトやギャラリーサイトでは投稿一覧の並び替えができると便利だと思います。 サイト閲覧者が「ランダムに並び替える」ボタンをクリックすると、投稿一覧がソートされる方法をまとめました。 ボタンクリックで投稿一覧をランダムにソートする イメージはこんな感じです。 実装はこちらのフォーラムの内容を参考にさせて頂きました。 指定条件による記事一覧の並び替えボタンの実装 殆どこのままなのですが、私はランダムにソートしたいだけなので、このように書き換えました。 [php highlight=”4″] <ul> <?php $url = sprintf( ‘http://%1$s%2$s’, $_SERVER["HTTP_HOST"], $_SERVER["REDIRECT_URL"] ); printf( ‘<li><a href="%s?orde