カテゴリー
ホームページ製作

簡単にカルーセルが設置できるbxSliderの使い方

サイトにスライドショーを簡単に設置できるjQueryのカルーセルはないか、探してみました。
そして、見つけたのが、bxSlider。

【参考にしたサイト】
bxSliderの本家サイト、ダウンロードしてくるのに必要。
https://bxslider.com/

jQuery.min.jsの最新版が必要なので、下記サイトで確かめる。
https://developers.google.com/speed/libraries#jquery

bxSliderの使い方が書いてあるサイト。
https://edge.sincar.jp/web/jquery%e3%82%ab%e3%83%ab%e3%83%bc%e3%82%bb%e3%83%abbxslider/

但し、bxSliderを使うと画像がずれることが分かった。
右にずれるのを修正するには、


.bx-wrapper .bx-viewport {
    left: 0px;
}

だけでよかった。

カテゴリー
開発環境

XAMPPでwordpress、二個目の環境を作る

windowsでxamppのソフトを入れ、wordpressのローカル環境を作っているが、
二個目の環境を作るときの流れ。

  1. Mysqlのデータベースを新規に作る
  2. wp-config.php内のwordpressのためのデータベース名を変更する

これで新しいデータベースに接続できる。
wp-config内のwordpressのためのデータベース名を変えることによって、
元のwordpressに繋ぐこともできるし、新規のwordpressに繋ぐこともできる。
しかし、元のwordpressに繋ぐとobject not foundのエラーが出力。

【参考サイト】
https://webshufu.com/object-not-found-after-setting-wordpress-on-xampp/

その場合の解決法として、

  • パーマネントリンクの「変更を保存」ボタンをクリックする

特にパーマネントリンクを変更する必要はなく、
「変更を保存」ボタンをクリックするだけでよかった。
私の開発環境では.htaccessを使ってないので、ありません。

カテゴリー
ホームページ製作

wordpressのタグフォントの大きさを一律にする方法

worpressのタグのフォントは使えば使うほど大きく表示されるが、
それが嫌だったので、一律の大きさになる方法。

function.phpに


add_filter('widget_tag_cloud_args','set_tag_cloud_sizes');
function set_tag_cloud_sizes($args) {
$args['smallest'] = 12;
$args['largest'] = 19;
return $args; }

を記述すること。
smallestとlargestの数字を同じにすると、フォントの大きさも同じになる。

詳しくは下記リンク先参照のこと。

【リンク先】
削除されてました。

カテゴリー
ホームページ製作

wordpressにソースコードを表示させる方法

wordpressにソースコードを表示させるには、
SyntaxHighlighter Evolved
のプラグインが便利。

使い方が簡単。下記リンクを参照のこと

カテゴリー
ホームページ製作

ul,liでbootstrapのwebアイコンを利用する方法

ul,liでbootstrapのwebアイコンを利用するときは、下記リンクを参照のこと

【参考サイト】
https://h2ham.net/font-awasome/

下記のように使う


 <ul class="fa-ul">
  <li><i class="fa fa-chevron-circle-right fa-li"></i>あああ</li>
 </ul>