2017-02-23 16 views
-2

私のクライアントは、自分のワードプレスのウェブサイトに入り、右下に固定ボタンを追加したいと思います。このボタンはすべてのページに表示されます。自分のHTMLをワードプレスのウェブサイトに追加する

私はHTML、JavaScript、CSS、PHPをかなりよく知っていますが、これまでWordPressを使用していないと少し不満が感じられます。

このボタンを追加してURLにリンクするだけで、追加のプラグインをダウンロードする必要はありません。自分のHTMLをテーマに追加できますか?親が更新されたときに追加のHTMLが消去されるのを防ぐためにChild Themesを作成する機能について聞いたことがあります。どのように動作し、上記を達成するためにこれを使用できますか?

+0

外観エディタ画面では、テーマファイルを編集することができますhttps://codex.wordpress.org/Appearance_Editor_Screen – Nick

+1

は、ワードプレスのドキュメント:) HTTPSを見てください://開発.wordpress.org/themes/basics/template-hierarchy/ – Philip

+0

ありがとう@Nick、簡単な説明はできますか?例: 'このリンクは子テーマに関するものです'または 'これはあなた自身のhtmlを既存のテーマに追加する方法を表示します' – PaulG

答えて

2

子テーマは、既存のテーマを変更する典型的な方法です。そのため、開発者が新しいバージョンをリリースするときに元のテーマを更新できます。子テーマを使用しない場合は、テーマを更新すると変更が消去されます。

私はカップルの子テーマを自分で作りましたが、私は、このドキュメントが役に立ったと評価してい

https://codex.wordpress.org/Child_Themes

フッタなどのテンプレートファイルを修正するために、最初のセクション「非修飾親テーマから子テーマの作成」開始する最小です。 style.cssファイルには、スタイルを追加しなくても、子テーマとその親についてWordPressに伝えるメタデータが含まれています。 functions.phpファイルは、両方のテーマのスタイルシートがロードされていることを確認し、後で他の関数に使用することができます。上記のページには、ほとんどの場合コピーして貼り付けることができるコードがいくつかあり、サイトの仕様にいくつかの変更が加えられています。

子テーマが存在したら、元のテーマのfooter.phpを子ディレクトリにコピーし、必要に応じて修正することができます。元のテーマのfooter.phpを上書きしているので、後で親テーマのfooter.phpに変更があった場合は、コピーを手動で更新して、その変更をサイト固有のコードと組み合わせる必要があるかもしれません。

子供のテーマを最初にテストできる別のサイトまたは開発環境がある場合は、それを使用して準備ができたらライブサイトにコピーすることをおすすめします。

1

Wordpressのテーマ/テンプレートファイル内でこれを行う必要があります。

Wordpress CMS (mostly)のアーキテクチャを習得するだけでなく、カスタマイズして適用するテーマもこの機能を追加する必要があります。どのファイルがどのページを駆動するのかと、この機能をどこに追加できるのかを知る必要があります。

Wordpressの主要なCMSファイルとオリジナルの 'テーマ'ファイルの両方を混乱させたくない場合は、あなたは機能や機能を拡張するための '子テーマ'や 'プラグイン'の作成を検討することができます。こちらです。

さらにWordpress CMSを理解してください。ここには良い記事があります: 'http://www.wpbeginner.com/beginners-guide/beginners-guide-to-wordpress-file-and-directory-structure/'もチェックしてくださいhttp://wordpress.org

これが役に立ったら、g'luck!

0

子どものテーマを構築することは最終的には最高のことです。クライアントの今後のテーマ編集はそこで行うことができます。ここにはan article on WP child theme creationがあります。

ダッシュボード/アピアランス/ウィジェットに移動し、新しいテキストウィジェットを作成してフッター領域に配置することで、より迅速に言及することができます。これはもちろん、使用しているテーマにフッタ領域が定義されていることを前提としています(ほとんどの場合)。ウィジェットでは、このようないくつかのHTMLを使用します。 <div style="float: right; width: 60px; background-color: red"><a href="#anchor" style="color: white">BUTTON</a></div>

関連する問題