WordPress関連の記事一覧です。
WordPress
Webサイト運営バリューコマースのLinkSwitchがよく分からないので実際に導入して使ってみました
LinkSwitchというURL(リンク)を自動でアフィリエイトリンクに変えてくれる機能。しかし初心者としては分からない・不安な部分もあり導入に迷いが。実際に設定して問題が解消され、とても便利な事が分かりました。Cocoonでの設定など。
Webサイト運営検索結果の左上に表示される画像(ファビコン)が設定しても変わらない
検索結果の左上に表示される画像(ファビコン)が設定しても変わらない。wordpressやcocoon設定を色々試すが反映されず。スマホだけの症状でキャッシュ削除・再起動・など試したが、そもそも反映までにクロールの関係で時間が掛かる様子。
Webサイト運営オシャレなフォントが無料で使える！Google Fonts の導入と設定方法
オシャレなフォントをサイトや記事で使いたい方にオススメなのがGoogle Fonts。無料で約1,000種類のデザインされたフォントを導入する事ができます。設定方法やCSS/HTMLサンプルコード。Cocoon目線で纏めてます。
Webサイト運営slickのdotsが表示されない問題を泥臭く解決【cocoon】
cocoonでslickを利用してスライドショーをカスタマイズしたがドット(dots)がどうしても表示されない。位置やサイズではなくslick-dotsのクラス名を変更して新たにドットのコード作成と適用で直りました！
Webサイト運営グローバルナビの「∨」マークを非表示にする方法【Cocoon】
グローバルナビの∨(font awesome)マークを非表示にするcssカスタマイズコード。∨の名称はangle down。スマホだと副項目の名前に重なってしまったのでクラス名を調べて設定にチャレンジしました。
Webサイト運営li(リスト)全体をリンクにして右端に矢印などの記号を固定表示
リストの行全体にリンクを広げて右端に矢印などの記号を固定表示するCSSコード。通常は文字部分だけしかクリックできませんが、CSSでリンク要素の範囲を調整。cocoon利用しているので、それに沿ったコードです。
Webサイト運営カスタムCSSの入力欄がキーボードに隠れてしまう際の改善策
スマホだとブロックエディターのカスタムCSSを入力しようとするとキーボードに隠れて入力できません。iPhoneだけなのか画面サイズの問題なのか。ブロックエディターは横幅や縦幅などに少し問題があります。アップデートで改善を祈るのみ。
Webサイト運営マイクロコピーテキストを中央・右寄せにする方法【ブロックエディター】
ブロックエディターのマイクロコピーテキストを中央・右寄せにするやり方。デフォルトだと左寄せなので、HTMLでコードを追加してalignをcenter・rightに指定します。
個人的ニュースiPhoneで「選択」「コピ－」などのメニューが表示されない時の対策
iPhoneでダブルタップや長押しで選択・カット・コピー・ペーストなどのメニューが表示されずコピペできない時の一時しのぎ対応策。ユーザー辞書を使って長い文章でも楽々貼り付けできました。
Webサイト運営slickを利用したカルーセルのカスタマイズ方法【Cocoon】
Cocoonに実装されている？slickを利用して、ページ指定・画像指定・スマホのみ・トップページのみ・画面幅いっぱいに表示・１つずつ表示など標準でできない事をカスタマイズ。比較的簡単なコードのみで実装できました。