仕事だろうがプライベートだろうが、内容問わず書き残す!ただし気分次第(泣)

2017年10月22日

月別アーカイブリストをアコーディオン化

2017.10/27 最下部追記

 

selfworkでし。

 

月別アーカイブリストが長くなった時を想定して、アコーディオン化してみます。

(まだその時ではない。短すぎ)

 

なぜか全く反応しない、無知君には解決不可(泣)

1.手っ取り早くプラグインで

まずはプラグインで実装を試みる。

[WPプラグイン]アーカイブの折りたたみ表示をする「Collapsing Archives」を使ってみた

インストールまでは問題なし、設定後にどうやっても反映されない。

またまた使いこなせなくてごめんなさい状態に(泣)

 

2.直接コードを記入(汁)

いろいろ試してみるものの、動作しない。

(CSSもあるが見た目にも変化しない)

 

サイドバーPHP内の表示したい部分に直接記入し、JSとCSSを別に作成する方法にたどり着く。

対象部分にエラー表示が!反応が出てる。

 

その後も探し続け、最終的に動いてくれたのがこちら。

WordPressで年別月別のアーカイブをアコーディオンで表示する方法

サイドバーPHPの表示したい部分にコピペ、JSとCSSをテーマフォルダ内の各jsとcssフォルダに格納。

ヘッダーに呼び出し書いても反応しない。

分かる範囲チェックするが、今のスキルでは無理でした。

汁とため息だけが出る中、最終手段。

 

3.既存のファイルに追記

JavaScriptを /テーマフォルダ /js /base.js に追記。

cssを /テーマフォルダ /style.css の最下部に追記。

phpはsidebar.phpの該当部分にそのままコピペ。

 

最後にcssで表示を今の状態に変更。

 

外道なのかも自分では分かりませんが、これしか方法がなかったです。

勘弁してください(ド)

 

<< 2017.10/27 追記 >>

1.functions.phpの入力誤りを修正。

 ・スタイルシート、JavaScriptの呼び出し

2.jsファイルの$を別名定義しbase.jsとは別ファイルに

 ・/テンプレートフォルダ /js に格納

3.それに伴いcssも別ファイルに

 ・/テンプレートフォルダ /css に格納

 

※ 無事に動作を確認。

 

WordPress標準デザイン講座【Version 4.x対応】
野村 圭 石原 隆志
翔泳社
売り上げランキング: 269,595

 

この書籍の[WordPressでjQueryスクリプトを使うときの注意点]が参考になりました。

functions.phpの記述誤りも読んでいて発覚!!

大変お世話になりました。

-WordPress備忘録
-, ,

コメントをどうぞ

関連記事

PCにローカルサーバを構築

どうも、selfworkです。   巷では、ローカルサーバにWordPressをインストールし、カスタマイズしてからUPするのが主流のようです。 テーマ変更&ウィジェットON!ぐらいなら逆に …

WP jQuery Lightboxプラグインを導入

こんちは、selfworkです。   今回は、記事のサムネイルをクリックした際に表示される拡大画像をモーダル化するプラグイン『WP jQuery Lightbox』を導入します。 &nbsp …

ローカル環境でWordPressをカスタマイズ

selfworkです。   サイトのレイアウトをちょこっと弄りたくなって以前の方法を復習していた時の事。 以前WordPressに移行する際、ローカルにサーバーを立てて編集していましたが、今 …

見出しのデザインを見直す

selfworkです。   見出しのデザインですが、デフォルトのままでもよいのですが少しだけこだわってみることにします。 ちなみに↓↓が見直し後の見出しです。 見出しのデザインを考える 無彩 …

Amazonリンクのカスタマイズ

selfworkです。   アフィリエイトという目的もありますが、何にどういう品物を使用したか具体的に表示することも必要です。 自分は熱帯雨林派なので、Amazonリンクでほぼ事足ります。 …

このブログ書いてる人

名前:selfwork(セルフワーク)
年齢:197x年生まれ

3児のぱぱ。
本業が建設関係ということで、勝手に建設系DIYアドバイザーを自称(資格は所持)。
家族曰く、この似顔絵はかなり似てるらしい。

最近のコメント

サイト内ワード検索