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

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 …

no image

WordPress ブログカードをプラグインで実装

selfworkです。   記事やサイトを紹介するのに、今まではURLと説明を入れたりバナーで表示したりしていましたが、現在はブログカードなるものがあるようなので早速やほおで検索。 &nbs …

WordPress サイトの読み込みが遅い件

selfwor子です。   遅い、遅い、遅いぞー!! ブログの読み込み遅すぎる!! というわけで何とかしてみたいと思います。   「WordPress 土産物」で検索 結果はみつか …

no image

Crayon Syntax Highlighterを導入

selfwor子です(女?)   ブログ記事内にソースコードを表示させるプラグイン。 かなーり前から導入したかったけど、必要なく終わっていたので 放置していました。   が、今回つ …

このブログ書いてる人

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

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

最近のコメント

サイト内ワード検索