WordPress Popular Posts プラグインで人気記事を表示・カスタマイズする方法
こんにちは！エンジニアの高澤です。 WordPressでサイト制作をしていて人気記事のランキングが必要になった場面はありませんか？ サイト上にランキングを表示するメリットは大きく、ご要望としては大変多いのではないでしょうか。 今回は、WordPressのサイト上で人気記事のランキングを表示してくれる「WordPress Popular Posts」プラグインについて解説していきたいと思います。 当記事では、そんなWordPress Popular Postsプラグインの使い方を、ウィジェットと高度なカスタマイズの２つの方法を解説するので、最後まで読んでいただければ実務で通用するレベルまでスキルアップできます。ぜひ、当記事を参考にしながら制作していただければと思います。 そもそもサイト上に記事のランキングを表示するメリット サイト上に記事のランキングを表示させることにどんなメリットがあるかと
WordPressでPHPファイルをインクルードする方法【投稿＋固定ページ対応】
2023年11月10日レイアウトの崩れを修正いたしました。2023年11月09日テキストの修正を担当いたしました。2023年11月08日メールフォームの項目を修正いたしました2023年11月07日スライダーの不具合を修正いたしました。2023年11月06日管理画面にログインできない不具合を解決いたしました。2023年11月04日日付によってコンテンツが自動的に切り替わる仕組みを導入いたしました。2023年11月03日デザインの崩れを修正いたしました。2023年11月01日ハンバーガーメニューを横並びのメニューに組みなおしました。2023年10月31日ハッキングの被害にあっていないか診断を行いました。2023年10月30日デザインの崩れを修正いたしました。2023年10月29日スライダーの画像をPCとスマホで変更できるようにいたしました。2023年10月28日タグ一覧を任意の順番に並び替えら
WordPressでURLを取得する場合は get_theme_file_uri を使う
get_theme_file_uriとget_theme_file_pathは、どちらもテーマディレクトリへのパスを取得するための関数です。WordPress4.7から追加されています。 子テーマに同名のファイルがあるときは、子テーマを優先して取得するので、テーマ作成に便利です。 親テーマ・子テーマで使い分ける必要がなくなりました。 必ず「get_theme_file_uri( ‘ファイル名’ )」の形で使うこと。()内に入っていないと、子テーマにファイルがあるかないかの判定ができず、親テーマのURLを取得してしまいます。 get_theme_file_uri の使い方 テーマディレクトリへのURLを返します。 一番よく使う書き方です。 // WordPress4.6 まで <img src="<?php bloginfo('stylesheet_directory'); ?>/img/t
WordPressの自作テーマに挑戦してみよう！ 初めてでも意外と簡単？｜ワプ活
WordPressをしばらく運用していると、「もっと自由にデザインを変更してみたい」「機能を自分好みにカスタマイズしたい」と考える人も多いと思います。 そんなときは、自分自身でWordPressテーマを自作してしまうという方法があります。 テーマを自作すれば、1から100まで自分の理想を反映させたWebサイトを作ることができます。 WordPressテーマを自作するメリットは、運営するWebサイトに合った理想のデザインや機能を搭載できるということと、あとからでも機能の追加やデザインの変更がしやすいことです。 逆にデメリットとしては、時間と手間がかかることがあげられます。 WordPressテーマの自作は意外と簡単ではあるものの、HTMLやCSS、PHPの基礎知識に加え、WordPressの構造に関する知識があるといいでしょう。 本記事では、WordPressのテーマを自作する方法を解説しま
TwentyElevenの投稿/固定ページを2カラムに！ functions.phpのコードでサイドバーを出す！ - Shinichi Nishikawa's
ホームWordPressカスタマイズTwentyElevenの投稿/固定ページを2カラムに！ functions.phpのコードでサイドバーを出す！ WordPress3.2から導入された、新しいテーマ”TwentyEleven”。 スライドショーになるヘッダー画像や、背景・リンクの色などのカスタマイズ性に優れている上に、iPhoneやタブレットなどの幅の狭い端末で表示すると勝手に縦横を並び替え足り、画像サイズを縮小してくれたり、ととっても便利なんです。 が！ ひとつだけ気になるのが、、、 大問題だ！投稿ページにサイドバーがない！！！ そんなに騒がなくても、別にいいかもなんですが、やっぱりサイトに来たらウロウロしてもらいたい、と思う方も多いと思います。 そこで、single.phpテンプレートでも（つまり投稿記事でも）2カラムにするためのコードをご紹介します。 先日行われた、WordBen
WordPressのカラム設定はコードで書いてもとても簡単！
WordPressのエディター、Gutenbergを使ってブログ記事を作成している方が殆どだと思いますが、カラム操作もほんとに簡単で、さらに勝手にレスポンシブ対応で作成可能ですからほんと簡単に記事作成が出来ますが、文字色を白で作成したりする際にはちょっと困る場面もありますので、コード書いて貼り付けたり出来ないのかと調べてみたらとても簡単でした。 追記：実はWordPressの機能で普通に6カラムまで作れることがのちに判明しました。。。 記事の最後に作り方を追記します。 覚えるコードは一種類のみまさかとは思ったのですが、必要なコードは一種類のみでした。 大外は複数形のS付き <div class="wp-block-columns"> <div> 中身は単数形で書く <div class="wp-block-column"> <div>たったこれだけでレスポンシブにしてくれるのですから、Wo
【WordPress5.9 / 6.0版】theme.json 全解説 - Qiita
WordPress6.1以降の各メジャーバージョンにおける変更点については、以下記事をご参照ください。 【WordPress6.1】theme.json の変更点 【WordPress6.2】theme.json の変更点 【WordPress6.3】theme.json の変更点 【WordPress6.4】theme.json の変更点 【WordPress6.5】theme.json の変更点 変更履歴 2023.03.20: title プロパティに関する説明を追加しました。(解説) はじめに WordPress5.8で、新しいツールである theme.json が導入されました。 これにより、テーマやブロックがサポートする機能・レイアウト・スタイルなどの多くを、このJSONファイル一つで一元的にコントロール出来るようになりました。 この theme.json は、WordPres
【WordPress】新しくウィジェットエリアを追加する方法
2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を
シンプルでおしゃれなWordPressのテーマ７選！プロが選ぶおすすめ｜mixhost サーバーコラム
こんにちは！当コラム担当の高原です！ 専業アフィリエイター歴8年で、WEBメディア運営会社を経営しています。 Twitter（@Koshiro_Taka）でも役立つ情報をつぶやきますので、よかったらぜひフォローしてくださいね^^ 近年、Webサイトの主流はWordPressです。統計によれば、全Webサイトの3割以上がWordPressを使用しているということ。 しかし、WordPressを利用しているWebサイトを見ると色々なデザインがあり、驚かされます。中には、本当にWordPressなのかと疑うようなサイトまで。 つまり、WordPressは使用するテーマによって色んな表情に変わります。 しかし、実際に利用するときにはテーマで悩む人が多いです。 なぜなら、WordPressのテーマは膨大な数の中から自分の好みのものを選ばなければならないから。 しかも、スタイリッシュでシンプルなテーマ
WordPressの子テーマを作る理由と子テーマを自作する方法 – ワードプレステーマTCD
子テーマ制作に必要なものとは？ 子テーマを自前で用意する場合、子テーマの要素となるファイルを先に作る必要があります。そこで利用するファイルは主に2つ。 functions.php：WordPressに機能を追加する役割（プラグインのような機能）をもつ。子テーマにおいては親テーマのfunctions.phpにある記述は上書きし、ない記述は追加します。 style.css：テーマのデザインスタイルを追加します。子テーマにおいては親テーマのstyle.cssにある記述は上書きし、ない記述は追加します。 これ以外にもファイルごとに細かくカスタマイズしたい場合は、header.phpやindex.phpなど、親テーマにおいて変更したいファイルを子テーマに作って記述を変更、追記していきますが、便宜上、基本的なカスタマイズに絞ってご紹介していきます。 自前で子テーマを用意する方法 自前で子テーマを用意す
フリーランスが実績を乗せるポートフォリオに最適なWordPressテンプレート８選
こんにちは、編集長まるおです。 デザイナーやライターなどのポートフォリオに最適な、8つのWordPressテンプレートをご紹介します。この分野のテンプレートでは、海外製の方が秀逸なものが多いです。本記事でご紹介しているテンプレートも全て海外製です。 ※どれも無料でダウンロードできますが、使用される時は利用規約の確認をお忘れなく。 Fukasawa フォトギャラリーや商品などのポートフォリオに最適なテンプレートです。レスポンシブ対応デザインで、画面サイズに合わせて配置される列数が変化します。 http://www.andersnoren.se/teman/fukasawa-wordpress-theme/ 白を基調としたレトロなデザイン Fukasawaは、そのデザインがシンプルで魅力的。それぞれの写真がグリッド状に配置され、ポラロイド写真のように白のボーダー（外枠）がつきます。レトロでスタ
WordPressで使えるポートフォリオサイトのおすすめテーマ10選
WordPressで使えるポートフォリオサイト用のテーマを紹介。初心者でも使えるおすすめのテンプレートをまとめています。自分の実績を示すようなオリジナルのポートフォリオサイトを作ってみましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 最近はフリーランスとして働く人が増えてきています。 とはいえ、フリーで働くためには自分の実績を示すようなポートフォリオが必要になってきますよね。 今回はそんなポートフォリオサイトを作成するのに便利なテ
WordPressサイトのスマートホン対応は独自の子テーマ＋振り分けプラグインでいくことにした
WordPressのスマートホン対応でWP-Touchの選択肢を完全にやめたってことなんですが。 だってあれ、見た目全部一緒になっちゃうじゃないですか。どのサイトを今見てるのかわからなくなったりします。 自分はお客様のサイトを作る立場なので、やはりオリジナルデザインのテーマでいきたいわけです。 レスポンシブWebデザインって選択肢もありますが、不要なコンテンツを非表示にしてもブラウザ的には読み込んでるわけだし、PCサイトのデザインがレスポンシブを想定して作られていない場合、かえって工数が増えることだってあるわけで。（PCサイトがすでにある場合は特に） そこで、折角WordPressを使うんです。 「子テーマ」を使わない手はないでしょう、という結論に。 PCサイトを「親テーマ」、スマートホン用を「子テーマ」として作る この方法がいいなぁと思ったポイントは PCサイトの基本的なソースやCSSを
WordPress の記事が更新されたら更新日を表示する
この記事は最終更新日より 1 年以上経過しています。 画像やリンクが無効になっている可能性もあるのでご了承下さい。 同じ事を過去にもやっているし、記事にもしていたけどテーマの更新を行うとまたやり直しになる。すっかりそのまま更新日を表示する改造をやり直しせず放置していたので、もう一度やり直した。 やり直す度に手法を変えるって言うのもなんなのだけど。 この手の改造はググると一杯でてくるんだけど、今回参考にさせて頂いたサイトは次の所。 WordPress 投稿日と更新日のちょっと気の利いた表示方法 | CrystalSnowman.com 掲載されているコードを少し弄ってテーマファイル (Suffusion) の改造を行った。 改造した内容は、ただ単に「記事が更新されていたら初回投稿日と更新日を記述する」という物。 サイトトップで表示されるのはブログレイアウトのファイルなので layout-bl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【WordPress】投稿ページ（single.php）の作り方
ブロックパターンを管理・編集できる「VK Block Patterns」
Write WordPressテーマ | Themegraphy
Write – 書くためのテーマ
页面不存在 404错误
tips! | WP-DBManagerと併せて使うWordPress Backup (by BTE)