ウェブデザイン– category –
-
ウェブデザイン
WordPressにnoteで書くボタンを実装する方法
noteで書くボタン SNSシェア機能があればアクセス増を見込める....かもしれないですね。 今回はWordPressで作ったホームページにて、ブログを書いた際に「noteで書く」ボタンを実装する方法を紹介します。 最近のサイトでは、ほぼ毎回のように他SNSのシェ... -
ウェブデザイン
WordPress 6.0 アップデートで投稿画面が真っ白になったロリポップユーザが解決
WordPressが6.0にアップデートされました。投稿関係が大きく変わり?なかなか賛否両論のアップデートですね。 それでもWordPressをいじるのが楽しいので好きです、WordPress。 このサイトではないですが、他サイトにてアップデート後に不具合が出たのでそ... -
ウェブデザイン
JSでリダイレクトする
ページにアクセスした際に、他ページへリダイレクトするときに使う方法です。 htaccessが触れない状況や、ページを削除できないけどアクセスしてほしくないといった場合に使える方法で、以下のようにかきます。 <script> window.location = 'ここに... -
ウェブデザイン
WP Popular Postsをオリジナルデザインにカスタマイズして人気記事ランキングを表示する
人気のWordPressプラグインである、WP Popular Posts。こちらのサイトでも使っており、人気記事ランキング表示する際にとても便利です。 使い方はプラグインをインストールし人気記事ランキングを表示したい箇所に、「wpp_get_mostpopular()」を記述するだ... -
ウェブデザイン
picture要素のsrcsetでWPのショートコードが効かない仕様を回避する
少しバージョンの古いWordPressを触る機会があったときにハマったので今後のために書き残します。 WordPressでホームページを作る際に、固定ページは基本的に管理画面から変更できるようにするのが一般的かと思います。たまにpage-〇〇.phpに全部入れたま... -
ウェブデザイン
WordPressのRSS posts_per_rss が効かない時の対処法
さて梅雨に差し掛かるこの時期に、WordPressをいじってます。 さて、今回はWordPressでメディアサイト運営に必須のRSSの出力を調整していきます。 WordPressのRSSはとってもシンプル スマートニュースやグノシー、ラインニュース等のメディアが指定する内... -
ウェブデザイン
スマホでも背景固定できる「background attachment fixed」みたいなやり方
background-attachment fixedを使って、背景を固定してパララックスのような動きをすることがあるかと思います。 しかし、background-attachment fixedはスマホで動きません。正しくは、「background-attachment fixedと、background-size coverを同時に使... -
ウェブデザイン
Wixを使った無料でできるホームページの作り方 【テンプレート使う初級編】
無料のホームページ作成サービス「Wix(ウィックス)」を使ったホームページの作り方の紹介です。 ホームページ制作をお仕事にしているのにWixとか使うの?と思われることが多いのですが、Wixで作ったホームページのデザインをカスタマイズしたい、機能がわ... -
ウェブデザイン
Post Type Switcherを使って投稿タイプ間の記事移動をする
たまにありますよね、投稿タイプ間での記事移動。エクスポート・インポートでやっても良いですし、DBで直でやっても良いですし、やり方は色々あるかと思います。 今回はこのサイトで、間違った投稿タイプで下書きを作成してしまったので、手軽にできる方法... -
ウェブデザイン
WordPressで投稿タイプの記事一覧へのリンクを取得する方法
投稿タイプの記事一覧へのリンクを取得する方法を紹介します。 【get_post_type_archive_link】 この一行で記事一覧へのリンクを取得できます。 get_post_type_archive_link( $post_type ) post_typeの部分には、投稿タイプのスラッグを入れてください。出...