add_shortcode関数を使用する ショートコード作成する場合はWordPressの「add_shortcode」を使用します。 以下が、このページで解説するショートコードを作成する関数です。 functions.phpに記述します。 function page_list_short_cord ($arg) { ob_start(); global $post; ?> <?php $parent_id = get_the_ID(); $args = array( 'posts_per_page' => -1, 'post_type' => 'page', 'orderby' => 'menu_order', 'order' => 'ASC', 'post_parent' => $parent_id, ); $common_pages = new WP_Query( $args );

ブログ記事の拡散はX（Twitter）やFacebookなどのSNSに連携することが大切です。 そうすればSNSの一定数のフォロワーへ情報を届けることができます。 WordPressのプラグインにはSNSの自動投稿を可能にするものがあります。 私は「NextScripts: Social Networks Auto-Poster」というプラグインを使っていました。 しかし、このプラグインの設定は、だんだん難しくなったので、今では使っていません。 このページでは「Jetpack」プラグインを使ってFacebookに自動投稿を行ってみます。 実は、現在では「Jetpack」も使用せず、ブログの共有ボタンを押しています。 地道に一つずつ共有するのが確実です。 しかし、せっかく自動的に共有される機能があるので、やってみましょう。 【PR】「Theme3」では、企業サイトのWordPressベーステ

WordPressは「functions.php」にコードを追加するだけで、テーマに様々な機能を追加することができます。 あらゆることが可能なので、全部を網羅することは無理ですが、私が使って便利だった「ちょっとしたコード」を紹介します。 【PR】「Theme3」では、企業サイトのWordPressベーステーマに、100%GPLテーマ「 Arkhe 」をオススメしています。 「 Arkhe 」は高機能有料プラグイン「 Arkhe Pro Pack 」と連携することによって利便性とカスタマイズ性の両立が可能です。制作・マーケのプロの方に是非！ 「Arkhe」の詳細を見る 「Arkhe Pro Pack」（サブスク版）を購入する 「Arkhe Pro Pack」には以下が含まれています。「Arkhe Blocks Pro」と「Arkhe Toolkit」には買い切り版もあります。 ・Arkhe

私が最初にブログをつくったテーマは「Stinger5」でした。 とても、シンプルなテーマで、デザインも気にいっていました。 今では古いテーマと言えるでしょうが、私がつくったブログには、まだ「Stinger5」をベースに稼働中ものもあります。 このページでは「Stinger5」のサイドバーにウイジェット領域を追加する方法を紹介します。 特に「Stinger5」でなくてもノウハウは同じです。 ウイジェット領域はこんな風に追加するということを紹介します。 【PR】「Theme3」では、企業サイトのWordPressベーステーマに、100%GPLテーマ「 Arkhe 」をオススメしています。 「 Arkhe 」は高機能有料プラグイン「 Arkhe Pro Pack 」と連携することによって利便性とカスタマイズ性の両立が可能です。制作・マーケのプロの方に是非！ 「Arkhe」の詳細を見る 「Arkh

弊社コーポレートサイトのトップに動画を配置することを決めてから、とても苦労することになりました。 動画の圧縮を行ってもなかなかデータ量が減らないのです。 そこで、動画を2つに分割し静止画とともに3パターンのトップページをランダムに表示することにしました。 動画の分割はQuickTime Player 7で簡単にできます。 その後は、このテーマのhead.phpを書き換えればOKです。 これで1度に読み込まれる動画の重さはほぼ半分になります。

HOME開発運用にチャレンジスクリプティングに挑戦WordPressのRSSを「rss-php」ライブラリを使ってPHPで読む、JSONをJavaScriptで処理 現在ではRSS（Really Simple Syndication）リーダーはそれほど使われていないようですが、WordPressにはRSSフィードを出力する機能が備わっています。 たとえば、当ブログの場合は「https://www.theme3.net/feed/」のアドレスでRSSフィードを見ることができます。 このRSSデータを利用すれば、クロスドメインのブログ情報を一箇所に集めたり、別のブログのニュース一覧を作ったりすることができるので、とても便利です。 「rss-php」ライブラリを使用すればRSSフィードを利用できます。「rss-php」にはキャッシュの処理も組み込まれています。 このページではRSSをphpで利用

アンカーリンク時のURLについて ページ内リンク（アンカーリンク）は目次のようなリンクリストからページの該当の部分にジャンプさせる際に使用します。 ページのURLに「#」を付加して、URLを変えてリンクします。 「#」以降にリンク先のIDを指定します。 例えば、以下のようにリンクします。 <a href="https://www.theme3.net/parent-theme-update/#i-2">アンカーリンク</a> ただし、アンカーリンクは必ずURLが変わってしまうというものではありません。 URLを変えずにページ内リンクを行うこともできます。 URLを変えないアンカーリンク ちなみに私はスクラッチでサイトを作成する場合、以下のようなJavaScriptを使っています。 //ページ内リンク function anchorlink(targetID){ if( !document.

9月末にはステマ規制対応のテーマ更新が続きました。 そのなかで、どうしてもステマ対応機能が追加されないテーマがありました。 原因が分からず販売元に問い合わせして、やっと解決したのですが、単純なケアレスミスでした。 原因は子テーマを使ってphpファイルをカスタマイズしていたからです。 私はそのことをうっかり忘れていたのです。 このミスはけっこう陥りやすいと思いますので、このページで対処方法を含めてまとめておくことにします。 【PR】「Theme3」では、企業サイトのWordPressベーステーマに、100%GPLテーマ「 Arkhe 」をオススメしています。 「 Arkhe 」は高機能有料プラグイン「 Arkhe Pro Pack 」と連携することによって利便性とカスタマイズ性の両立が可能です。制作・マーケのプロの方に是非！ 「Arkhe」の詳細を見る 「Arkhe Pro Pack」（サブ

WordPressの投稿やカスタム投稿のアーカイブは標準であれば投稿日付でソートされます。 管理画面の場合も同様です。 また、カテゴリーは文字によってソートとされます。 しかし、任意の順で表示したほうがよいという場合はかなり多いと思います。 過去の記事で作成したポートフォリオも、そのような性格のサイトです。

【PR】「Theme3」では、企業サイトのWordPressベーステーマに、100%GPLテーマ「 Arkhe 」をオススメしています。 「 Arkhe 」は高機能有料プラグイン「 Arkhe Pro Pack 」と連携することによって利便性とカスタマイズ性の両立が可能です。制作・マーケのプロの方に是非！ 「Arkhe」の詳細を見る 「Arkhe Pro Pack」（サブスク版）を購入する 「Arkhe Pro Pack」には以下が含まれています。「Arkhe Blocks Pro」と「Arkhe Toolkit」には買い切り版もあります。 ・Arkhe Blocks Pro ・Arkhe Toolkit ・Arkhe CSS Editor

【PR】「Theme3」では、企業サイトのWordPressベーステーマに、100%GPLテーマ「 Arkhe 」をオススメしています。 「 Arkhe 」は高機能有料プラグイン「 Arkhe Pro Pack 」と連携することによって利便性とカスタマイズ性の両立が可能です。制作・マーケのプロの方に是非！ 「Arkhe」の詳細を見る 「Arkhe Pro Pack」（サブスク版）を購入する 「Arkhe Pro Pack」には以下が含まれています。「Arkhe Blocks Pro」と「Arkhe Toolkit」には買い切り版もあります。 ・Arkhe Blocks Pro ・Arkhe Toolkit ・Arkhe CSS Editor

令和5年10月1日から「ステルスマーケティング」は景品表示法違反となります。 アフィリエイトを行うことが多いブログテーマでは広告・宣伝であることを明示することが必須になります。 既にアフィリエイトASPから対策が必要であることが知らされていました。 当サイトでも早々と広告表示の対策を行いました。 私の全てのブログが既存の機能によって対策が可能でした。 しかし、このところテーマのアップデートが続き、ステマ規制に対応するアップデートが行われました。 このページでは、各テーマが、どのような対応を行ったのかまとめます。 Cocoonも「PR表記」のアップデートがありました。（2023.9.28） ※このページに記された「広告・PR表記」については、新しい情報がはいった場合、変更する可能性があります。 ※当ページのアイキャッチの上下にある表記が私が最も適していると考えた最新のものです。 STORK1

ホームページを制作する際に、絶対知っておかなければならないのが「CSS」です。 すでに「SASS」などのメタ言語が導入され、「CSS」をあまり使わない方もいらっしゃるかと思います。 しかし、「CSS」を知っていないとどうにもなりません。 私の場合はWordPressであろうと、スクラッチであろうと「CSS」を直に書いています。 その中でも、定番の「CSS」をまとめることは、自分のためだけでなく、多くのユーザーの参考にもなるのではないかと思います。 【PR】「Theme3」では、企業サイトのWordPressベーステーマに、100%GPLテーマ「 Arkhe 」をオススメしています。 「 Arkhe 」は高機能有料プラグイン「 Arkhe Pro Pack 」と連携することによって利便性とカスタマイズ性の両立が可能です。制作・マーケのプロの方に是非！ 「Arkhe」の詳細を見る 「Arkhe

WooCommerceでECサイトを作成した場合、必要となるプラグインのひとつが「Min Max Quantity & Step Control for WooCommerce」です。 このプラグインは購入する商品の最大値と最小値を設定できます。 私が手掛けた通販サイトでも使用しています。 【PR】「Theme3」では、通販サイトのWordPressテーマに「 ワードプレステーマTCD 」をオススメしています。 WordPressテーマ「EGO.」の詳細をTCDのページで見る ショッピングカード（WooCommerce） 高速化設定（絵文字関連の読み込み・遅延読み込み画像・コード圧縮） 会員獲得に有効なデザインされた保護ページ他、機能多数。 ご購入は以下のバナーリンクページの購入ボタンをクリックしてください。 用途例 少額の商品の販売はいくら実店舗で人気がある商品でもECサイトでは販売が難

先日、友人が私のことを「日本最古（？）のWEBデザイナー」と呼んでくれました。 通常、WEBデザイナーという職業からは様々なステップでキャリアアップしていきます。 「WEBデザイナー」を卒業していくわけですね。 ところが、私の場合、諸事情により今でも企画デザインからコーディングをこなしています。 そのようなことを続けていたら、本当に25年以上経ってしまいました。 褒め言葉か、けなし言葉か分かりませんが、「日本最古のWEBデザイナー」の二つ名を真に受けて、WEBデザインの状況変化を回想してみます。 WEBデザイナーのキャリアステップ、デザイントレンドやWEB技術の変化への対応方法等の参考にして欲しいと思います。 25年を記憶に頼るのは自信がないので、総務省の「第1部　特集　進化するデジタル経済とその先にあるSociety 5.0」の図表1-1-1-14「インターネットの普及の推移と主要なコミ

このカテゴリー「Cocoonをデザイン」では、無料WordPressテーマ「Cocoon」のカスタマイズを詳しく解説してきました。 さらに、WordPressのスキルを獲得するためには「Cocoon」が最適だとお伝えしました。 では、このカテゴリーでお伝えした内容をどうやってテストすればいいでしょうか？ WordPressテーマをテストする多くのノウハウがネット上に公開されています。 ここで、まとめておきたいと思います。 なお、ここで紹介する方法は「Cocoon」だけに限りません。どんなWordPressテーマでもテストすることができるでしょう。

私は長年「Cocoon」と、その前身「Simplicity」を使い続けていました。 どちらも不満を覚えたことはありません。 無料で「Cocoon」のような優秀なテーマがあれば、他のテーマに目移りすることはありませんでした。 しかし、ブログによるアフィリエイトを知っていくにつれ、「Jin」「STORK」「SANGO」といった有料テーマがいいらしいという情報も入ってきました。 それらを購入してみたものの、結局使うまでには多くの時間が必要でした。 そうこうしているうちに、WordPressのブロックエディタが使いやすくなって、さらには「SWELL」というテーマが優秀らしいという情報も入るようになりました。 現在ではブログでコンテンツマーケティングやアフィリエイトを行う場合、多くの選択肢があります。 このような状況では、ユーザーは何を選ぶべきか迷うかもしれません。 これまで、複数のブログを運用して

いよいよ「Cocoon」のモバイルデザインを修正していきましょう。 このカテゴリーの過去記事は以下からご覧いただけます。古い順番から並んでいます。 「Cocoon」が搭載している機能だけでは、できないカスタマイズを行っています。

「Cocoon」のデザインを修正して、PC上は、ほぼ、目標を達成したのではないかと思います。 ここからは、モバイルデザインを見ていきましょう。 このカテゴリーの過去記事は以下からご覧いただけます。古い順番から並んでいます。

ブログテーマの定番機能というと「おすすめカード」です。 私が使用しているほとんどのブログテーマが「おすすめカード」をサポートしています。 前回の記事ではフッターに「おすすめカード」を設置しました。