コード関連

WordPress｜スクロールバーをマック風にカスタマイズ

スクロールバーは年々アップデートにより様々な形になってきました。普段からApple製品を使っている方はスマートなスクロールバーに馴染みがあると思います。現在のWindowsのスクロールバーはシンプルではありますが、MACと比べると野暮ったい感があります。 https://scrollbars.matoseb.com/ https://scrollbars.matoseb.com/ WindowsはMACよりも使用率が高いので、基本的には右側のスクロールバーが表示されることになります。 WordPres ...

WordPress｜コメント欄のアドレスやサイトURLを消すカスタマイズ

コメント欄について公開している人やあえてコメント欄を封鎖している人もいると思います。当サイトでは基本的にコメント欄は開放しており、承認制の設定もしていません。また、スパムコメントはプラグインでブロックしていますが、心配な方も多いと思います。こんな方におすすめコメント欄を見栄え良くしたいコメント欄を使いやすくしたいそれ以上に当サイトでは気軽にコメントができるような環境にしたいと思っていますので、今回はカスタマイズで気軽にコメントができるように入力欄を調整してみました。デフォルトのコメント欄デ ...

WordPress｜プラグインを使わないでリビジョン制限をする

WordPressの便利な機能の一つ「リビジョン機能」は使っていますか？投稿を保存するたびに増えていくこのリビジョンは簡単に言うとセーブデータです。過去の記事をバックアップから復元することができて、途中で消えてしまった！？というような事故や更新後の不具合に簡単に対処することができます。使用方法は簡単で、投稿の以下の欄をクリックするだけです。このリビジョンですが、制限しないと無限に増えていきサーバーに蓄積されます。そうすると何が起こるのか？サイトの表示速度が遅くなります。リビジョンはプラグインで ...

WordPress｜ブロックエディタでメディアを埋め込む

ブログ運営には画像や動画などの他のメディアを埋め込むと記事が読みやすくなります。これにはしっかりと理由があり、読者は文章を飛ばし読みで読みます。その合間にメディアを差し込むことによって、そこで目を止めてくれるからです。こんな方におすすめ WordPressでの埋め込みの使い方埋め込みのメリット各メディアの埋め込みについて今回はWord Pressで記事を書く際に、より見やすく情報を届けられるように「X（旧Twitter）」「YouTube」「Instagram」「Googleマップ」を埋め込む ...

header.phpやfooter.phpなどのコードでコメントアウトする方法

備忘録の記事もたまには投稿したいと思います。 WordPressでカスタマイズしようかな！と思った時に追加したコードが分かりやすいようにコメントアウトで記載する方は多いと思います。普段CSSのコメントアウトなんかは簡単にやっているんですが、PHPやHTMLでのコメントは少しやり方が違うので、ここで解説しておきます。こんな方におすすめ PHPやHTMLでのコメントアウトのやり方は？ CSSでのコメントアウトのやり方は？コメントアウトをする必要性は？今回はコメントアウトのやり方について解説します。コ ...

AFFINGER6｜もしもアフィリエイトのかんたんリンクをCSSでカスマイズする

もしもアフィリエイトには、初心者向けの様々なツールがあります。 2019年3月26日には新たなツールとしてリニューアルされた「かんたんリンク」が登場し物販と呼ばれる「Amazon」「楽天市場」「Yahooショッピング」をまとめて掲載できるツールが登場しました。リンク集は各販売サイトをまとめて紹介できるので、どこかで購入してもらえれば簡単に成約するのが特徴です。こんな方におすすめかんたんリンクをよりオシャレにしたい自分のサイトに合うようにカスタマイズしたい他サイトとは違う個性を出したい今回はもし ...

AFFINGER6でトップページのヘッダーメニューやロゴをフルサイズで表示するカスタマイズ

AFFINGER6ではトップページを簡単にカスタマイズすることができます。サイト型の設定記事は当サイトでも複数執筆していて、どの記事も人気です。 AFFINGER6｜トップページをブログ型からサイト型にカスタマイズ AFFINGER6｜ヘッダーエリアに動画を流してトップページをオシャレにする！ AFFINGER6｜動画を背景に設定してサイトに動きを加えるこれらの設定はAFFINGER6の機能だけで実装することができます。ここでは、本当に細かい事ですが「ヘッダーをフルサイズに調整するCSS」を紹介しま ...

AFFINGER6で記事ごとに個別CSSを設定するカスタマイズ

カスタマイズをする際にスタイルシートを使ってカスタマイズをすることは多いと思います。 AFFINGER6のCSSについては「AFFINGER6｜スタイルシート（style.css）を編集する時の注意点について」で解説しています。 https://affinger418.com/affinger6-style-css/ スタイルシートの使い方トップページや固定ページなど、個別でCSSを当てるには様々な方法があります。もちろんネットで検索しても出てきます。プラグインを使う function.phpへ記述 ...

AFFINGER6｜スタイルシート（style.css）を編集する時の注意点について

サイト運営中級者あたりからWordPressでのカスタマイズで必須となるCSSを使用したカスタマイズをおこなう人が増えてきます。このCSSは「カスケード・スタイル・シート」の略で、見た目を簡単にカスタマイズすることができるので、使えたほうがサイトデザインの幅が大きく広がります。こんな方におすすめ CSSって何？ CSSの記入方法 CSS記入の際の注意点今回はAFFINGER6でCSSカスタマイズをはじめる時の注意点や書き方などを解説していきます。 CSSとは CSSとは、ウェブページのデザインやレイ ...

AFFINGER｜流れるインフォメーション（お知らせ）のカスタマイズ

WordPressには様々な個性のテーマがありますが、最近良く見るヘッダー下のお知らせ欄はAFFINGERには無い機能です。別のテーマだと専用の入力フォームがありますが、AFFINGERでも同じように実装してみました。こんな方におすすめ流れるインフォメーションバーを実装したいサイトに動きをつけるカスタマイズがしたい今回は以下のようにインフォメーションバー実装方法を解説していきます。コピペで誰でも簡単に実装できるので、ぜひ使ってみて下さい。カスタマイズは自己責任でお願いします。当記事は過去記 ...

« Prev 1 2