CocoonのPCグローバルナビにSWELLライクな検索アイコンを追加
WordPressテーマ「Cocoon」のPC時グローバルナビに検索アイコンを追加し、「SWELL」と同じようにモーダルウインドウで検索フォームを表示する機能を追加する方法を紹介します。
Cocoonをカスタマイズ開発者向け
Cocoonをカスタマイズ
有料テーマWordPressテーマ／GENESIS（TCD103）にカスタム投稿タイプを追加する
WordPressテーマ／GENESIS（TCD103）に企業サイトとしては汎用的なカスタム投稿タイプ「製品情報」を追加するために、必要な全ノウハウを紹介します。
テーマをカスタマイズWordPress固定ページの下階層ページを取得するショートコードをつくる
WordPressのショートコードは何行もあるプログラムを簡単な数文字のコードで実行してくれます。WordPressを便利にするために無くてはならないノウハウです。ショートコードの作り方を解説します。
テーマをカスタマイズWordPressのカスタム投稿をfunctions.phpで設定する
独自の投稿グループを作ることができるカスタム投稿の設定方法をfunctions.phpによる場合とプラグインによる場合を紹介します。ブロックエディタに対応する方法も紹介します。
開発の基礎Visual Studio CodeをHTML+CSSコーディングに最適化しよう
HTML+CSSコーディングツールのデファクト・スタンダードはVisual Studio Codeです。プラグインを使ってHTML+CSSコーディングにVisual Studio Codeを最適化してみましょう。
テーマをカスタマイズWordPressテーマTCD「UNIQUE」のトップページヘッダーの動画をランダムに表示させる
WordPressテーマTCD「UNIQUE」のトップページヘッダーの静止画イメージと動画イメージをMath.random()を使ってランダムに表示させるカスタマイズ方法を紹介します。
テーマをカスタマイズWordPressテーマTCD「UNIQUE」のwp_headアクションフック関数をカスタマイズする
wp_headアクションフック関数をカスタマイズして、独自のCSSを読み込ませる方法をWordPressテーマTCD「UNIQUE」のhead.phpを修正することで具体的に解説します。
スクリプティングに挑戦WordPressのRSSを「rss-php」ライブラリを使ってPHPで読む、JSONをJavaScriptで処理
「rss-php」ライブラリを使って、WordPressのphpでRSSを読み込む方法とJavaScriptのajaxを使ってRSSのjsonデータを処理する方法を実例のコードを使って解説します。
スクリプティングに挑戦ウインドウのリサイズ終了後に画面をリロードする方法とユーザーエージェントの判定。
ウインドウのリサイズ終了後に画面をリロードするJavaScriptを紹介します。ここではリサイズイベントの間引き方法やユーザーエージェントの判定方法も合わせて紹介しています。
スクリプティングに挑戦jQueryプラグイン「Vegas」のフル画面動画設定について
「Vegas」はモニターの全面で背景画像をスライドさせるのに適したjQueryプラグインです。動画を配置する際に全画面にするJavaScriptや、レスポンシブに画像を適応する方法を解説します。
スクリプティングに挑戦目次プラグインのアンカーリンクURLでJavaScriptが動かない？
WordPressでは「#」のついたアンカーURLで不具合が発生することがあります。URLを変えないアンカーリンク、目次プラグインの種類、URL補正を紹介します。
ポートフォリオの作り方ワードプレステーマTCD「UNIQUE」でシンプルなポートフォリオをつくる
ワードプレステーマTCDのコーポレートサイト向けテーマ「UNIQUE」を使ってシンプルな制作実績集（ポートフォリオ）を作成します。front-page.phpの作り方が学習できます。
テーマをカスタマイズ「Simple Blog Card」で「SWELL」ライクな外部リンクのブログカードを実装する
外部リンクのブログカードをサポートするため、functions.phpのショートコードを使う方法とプラグイン「Simple Blog Card」を使う方法の2つの方法を解説します。
テーマをカスタマイズSWELLに「jquery.matchHeight.js」を組み込む方法
WordPressテーマ「SWELL」に要素の高さを揃えるjQueryプラグイン「jquery.matchHeight.js」を組み込み、ブロックエディタの横並びブロックをキレイに整列させます。
テーマをカスタマイズSWELLのグローバルナビゲーションをカスタマイズ
WordPressテーマ「SWELL」のグローバルナビゲーションをカスタマイズして、ハンバーガーメニューをひょうじすることで、ボタンの改行やロゴマークが小さくなるのを解消します。
プラグインを使おうWordPress Popular Postsをショートコードで設定する方法
人気記事ランキングを表示するためのWordPressプラグイン「WordPress Popular Posts」をバーション6.1.3にアップグレードすると、ウイジェットから警告が。ショートコードを使って対応しましょう。
Cocoonをカスタマイズ無料のブログテーマ「Cocoon」のデザイン性を考える。
無料のブログテーマ「Cocoon」のデザインを改善するカスタマイズを行う前に、どのようなデザイン的欠点があるのかを「STORK19」や「SWELL」と比較しながら指摘します。
テーマをカスタマイズJIN:Rの投稿ページに「前の記事へ」「次の記事へ」を追加し、管理者のみに表示する
ブログテーマJIN:Rはページナビゲーションがありません。そこで、投稿ページに「前の記事へ」「次の記事へ」を追加し、管理者のみに表示するカスタマイズを行いましょう。
有料テーマ制作会社なら、ひとつは使っておきたいWordPressテーマ「isotype」
制作会社が使いやすいGPLライセンステーマ「isotype」のメリットを紹介します。日本語にこだわった「isotype」のテーマは高機能で美しいサイトをつくることができます。
テーマ変更テーマ移行とクラシックエディタからブロックエディタに変更する際の注意事項
4つのブログを「SANGO」「JIN:R」「SWELL」「Arkhe」に移行した際のクラシックエディタからブロックエディタ変換の手順と注意事項をまとめました。AmazonJSに注意が必要です。
」
が安心です。初心者にも簡単インストールできます！
