LInk:
#848484
Hover:
#a8a8a8
Footer background:
#f9f9f9
Cover and feature images: 1920px x 700px
——————————-
How to edit Sortenbeschreibungen:
Copy texts into notepad++
if there are tables, first copy them into libre office spread sheet and fix alignment
then copy pate into notepad++
in notepad++:
replace tab with space
manually check and fix line breaks
search and mark „: „, manually check for double „:“ in lines and insert linebreaks if necessary
check that regular expressions is on
Add code:
replace ^(.*:) with (<strong>)\1(</strong>)
replace \r\n with <br>\r\n
—————————————
www.website.com/wp-admin
Settigs General change Site name and Tagline
posts – delete demo – add new – title – text – add categotry – add featured image
appearance – install theme – choose one
customize – general options – logo
pages – delete demo – add new – about, contact, imprint, ect
appearance – menu – name menu, create – slect pages for menu – select
header/floater menu – sort items by moving them, move right to create child menues
If you want to go this way, there are mnay others:
Istall astra site builder plug in , activate, run wizard, choose elementor as site builder – choose template outdoor adventure
widgets – get rid off excess stuff like categories, recent posts, recent comments
general options – contact details
Settings – Reading – choose your homeepage displays a static page / latest posts – set number of posts – enable search engine visibility
media library – add Alt text to images, add title and caption if needed
Change Header Fonts: Appearance – customize – global – typography – base typography
Footer: Astra theme allows to add footer widgets
++++++++++++++++++++++++++++++++++++
PLUGINS:
envira gallery free for basic pay for pro
monster insights for stats
menu image – for icons as menu
contact form 7 or wp form
yoast seo and Google XML Sitemaps for search engine optimization
wordfence for protection
Askimet Anti-Spam
WooCommerce for shop
UpdraftPlus WordPress Backup
Imsanity or Smush Image Compression and Optimization
W3 Total Cache for speed
Jet Pack, for basic gallery and other things
insert header and footer plug in for adding code
Tinymce advanced for controlling font size and type in indiviual section
Quick View Lightbox Post for posts in lightbox https://www.youtube.com/watch?v=SgoAYMhYKh8
post grid, couldn’t get it to work
—————————————————–
the post grid, check isotope layout, tha allows classification: https://www.youtube.com/watch?v=fzKpsi3PBmQ
if you use the post grid“ add this line to its css to conroll text padding:
.rt-tpg-container .isotope1 .rt-holder .rt-detail { background: #fff; padding: 15px 15px; }
pro version has pop up option https://www.radiustheme.com/downloads/the-post-grid-pro-for-wordpress/
Post Grid Pro – Settings – Custom Script – Custom css:
change button:
.menu-toggle, button, .ast-button, .button, input#submit, input[type=“button“], input[type=“submit“], input[type=“reset“] {
border-radius: 0px;
padding: 0px 0px;}
change title field in pop up:
.rt-tpg-container h1.entry-title,
.rt-md-content-holder h1.entry-title {
font-size: 0px;
line-height: 0;
margin-bottom: 0px;
}
.md-content .rt-md-content-holder > .md-header {
opacity: 1;
background:
rgba(0, 0, 0, 0);
text-align: center;
margin: 0;
padding: 0px 0 0px;
}
.rt-tpg-container .layout12 .rt-holder .rt-detail, .rt-tpg-container .isotope8 .rt-holder .rt-detail, .rt-tpg-container .carousel8 .rt-holder .rt-detail {
padding: 1px;
}
MARGIN BETWEEN GRID, might be probablematic if new posts are added, check again later if it still works:
.rt-col-xs-1, .rt-col-sm-1, .rt-col-md-1, .rt-col-lg-1, .rt-col-xs-2, .rt-col-sm-2, .rt-col-md-2, .rt-col-lg-2, .rt-col-xs-3, .rt-col-sm-3, .rt-col-md-3, .rt-col-lg-3, .rt-col-xs-4, .rt-col-sm-4, .rt-col-md-4, .rt-col-lg-4, .rt-col-xs-5, .rt-col-sm-5, .rt-col-md-5, .rt-col-lg-5, .rt-col-xs-6, .rt-col-sm-6, .rt-col-md-6, .rt-col-lg-6, .rt-col-xs-7, .rt-col-sm-7, .rt-col-md-7, .rt-col-lg-7, .rt-col-xs-8, .rt-col-sm-8, .rt-col-md-8, .rt-col-lg-8, .rt-col-xs-9, .rt-col-sm-9, .rt-col-md-9, .rt-col-lg-9, .rt-col-xs-10, .rt-col-sm-10, .rt-col-md-10, .rt-col-lg-10, .rt-col-xs-11, .rt-col-sm-11, .rt-col-md-11, .rt-col-lg-11, .rt-col-xs-12, .rt-col-sm-12, .rt-col-md-12, .rt-col-lg-12, .rt-col-xs-24, .rt-col-sm-24, .rt-col-md-24, .rt-col-lg-24 {
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
}
————————————————————
WP Post Pop Up
add class=“modal-link“
eg: <a class=“modal-link“ href=“/modal-page“>Open Internal Page in Modal</a>
https://allurewebsolutions.com/open-wordpress-post-modal-without-plugin
+++++++++++++++++++++++++++++++++++++++
—————————
https://wp-modula.com/demo/filterable-wordpress-galleries/?utm_source=wordpress.org&utm_medium=web&utm_campaign=Modula%20Lite
check for fruit index? Free + Paid plans start at $29 for a single-site license.
Premium features only available in Modula Pro:
Add more than 20 images per gallery.
Add videos to your galleries using the premium Modula Video Extension.
Allow your website’s visitors to easily sort through your gallery by applying one or more filters to your images.
Access to 5 more lightbox styles & effects with the Modula Pro.
Add engaging Image loading animations: Rotate or Horizontally/Vertically animate the images on each page loads.
Access to 12 built-in image hover effects.
Priority email support
Support and updates for 12 months.
———————————————
Titel ausblenden: Elementor, unten links zahnrad – allgemeine einstellungen titelausblenden
—————————————
HOW TO CHANGE THE COVER IMAGES
elementor click on pink plus – select full width section (1st choice)
hover mouse over section – right click on grey icon top left – select edit column
on left panel select style – backround – background type – brush icon (classic) – click on plus sign on image – slect image from media library – insert
nothing will show as long as the content is empty
(Optional) postion: center center
(Optional) Attachment: Scoll
(Optional) Size: Cover
Back ground overlay – select background type classic (brush icon), slect color black and opacity 50%
click on plus in center of section, from left panel select text and drag it in there
on left in content edit and format text
in style – typography, change type and size
on left in advanced set top and bottom margin (200 is good, unlink the fileds)
right click on middle blue thing on top of section – edit section, then on left choose layout – content width and set to full width
————————————————-
templates
right click on middle blue thing on top of section – fave as template
then to import somewhere else click on grey folder icon next to pink plus – my templates – select template
————————–
get rid of post navigation, add this to custom css in customize
.post-navigation {
display: none;
}
———————–
create child theme so future updates to your theme won’t erase changes to css code
use Child Themes Generator plug in
—————————
CHANGE PREV NEXT TEXT UNDER POSTS: Nächste Vorherige
add this to function php in child theme:
add_filter( ‚astra_single_post_navigation‘, ‚astra_change_next_prev_text‘ );
/**
* Function to change the Next Post/ Previous post text.
*
* @param array $args Arguments for next post / previous post links.
* @return array
*/
function astra_change_next_prev_text( $args ) {
$next_post = get_next_post();
$prev_post = get_previous_post();
$next_text = false;
if ( $next_post ) {
$next_text = sprintf(
‚%s <span class=“ast-right-arrow“>→</span>‘,
‚Nächste‘
);
}
$prev_text = false;
if ( $prev_post ) {
$prev_text = sprintf(
‚<span class=“ast-left-arrow“>←</span> %s‘,
‚Vorherige‘
);
}
$args[’next_text‘] = $next_text;
$args[‚prev_text‘] = $prev_text;
return $args;
}
———————————————
MAKE POST NAVIGATION STAY IN CATEGORY:
add this to function php in child theme:
function your_prefix_single_post_navigation_same_category( $args ) {
$args[ ‚in_same_term‘ ] = true;
return $args;
}
add_filter( ‚astra_single_post_navigation‘, ‚your_prefix_single_post_navigation_same_category‘ );
————————————–
add copy right with exif tool, paste in exif tool direct field:
-Exif:Artist=“Uli Westphal“ -Exif:Copyright=“Uli Westphal“
-Exif:Artist=“Jörg Kösters“ -Exif:Copyright=“Jörg Kösters“
—————————————
——————————————
turn logo to svg
open image in illustrator , save as ai file,
object – live trace – tracing options, set amount of colors
object – live trace – make
save for web
—————————————–
remove gap beteeen menu and first section of post
right click center of blue thing in the top middle of section, select edit section
on the left in advanced – margin – unlink values and set top margin to -50 for example
but be careful, that moves section underneath the menu in mobile view, so set different margin for mobile view – click on responsive ode icon on bottom left, then set margins for tablet and mobile
———————
add custom excerpts to pages
in child theme function.php file add:
add_post_type_support( ‚page‘, ‚excerpt‘ );
———————————
to embed map other than google
use short code wiget and paste iframe code
——————————————–
ea post grid, adjust collums so they are eqaul height,
paste in custom css of ea post grid:
top one ajusts title height, bottom one the excerpt height
.eael-entry-header {
min-height: 3em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
min-height:65px;
}
.eael-grid-post-excerpt > p {
visibility: visible;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
min-height:100px;
}
check this page for updates, they say they’ll add a equal height function soon:
https://wordpress.org/support/topic/ea-post-grid-3/
—————————————
NOTES:
ea post grid: equal height problem, no round corners, because image doesn’t transform, order gets overwritten by “post types order plug in”, still have to figure out how to display date without author in meta
the post grid: sucks to set up, pages and posts not possible simultaniously
——————————————————————————————–
custom styles.css
* Let’s target IE to respect aspect ratios and sizes for img tags containing SVG files
*
* [1] IE9
* [2] IE10+
*/
/* 1 */
.ie9 img[src$=“.svg“] {
width: 100%;
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
img[src$=“.svg“] {
width: 100%;
}
}
——————————————————————————————–
CUSTOM funtion.php
<?php
/*This file is part of astra-child, astra child theme.
All functions of this file will be loaded before of parent theme functions.
Learn more at https://codex.wordpress.org/Child_Themes.
Note: this function loads the parent stylesheet before, then child theme stylesheet
(leave it in place unless you know what you are doing.)
*/
function astra_child_enqueue_child_styles() {
$parent_style = ‚parent-style‘;
wp_enqueue_style($parent_style, get_template_directory_uri() . ‚/style.css‘ );
wp_enqueue_style(
‚child-style‘,
get_stylesheet_directory_uri() . ‚/style.css‘,
array( $parent_style ),
wp_get_theme()->get(‚Version‘) );
}
add_action( ‚wp_enqueue_scripts‘, ‚astra_child_enqueue_child_styles‘ );
/*Write here your own functions */
add_filter( ‚astra_single_post_navigation‘, ‚astra_change_next_prev_text‘ );
/**
* Function to change the Next Post/ Previous post text.
*
* @param array $args Arguments for next post / previous post links.
* @return array
*/
function astra_change_next_prev_text( $args ) {
$next_post = get_next_post();
$prev_post = get_previous_post();
$next_text = false;
if ( $next_post ) {
$next_text = sprintf(
‚%s <span class=“ast-right-arrow“>→</span>‘,
‚Nächste‘
);
}
$prev_text = false;
if ( $prev_post ) {
$prev_text = sprintf(
‚<span class=“ast-left-arrow“>←</span> %s‘,
‚Vorherige‘
);
}
$args[’next_text‘] = $next_text;
$args[‚prev_text‘] = $prev_text;
return $args;
}
function your_prefix_single_post_navigation_same_category( $args ) {
$args[ ‚in_same_term‘ ] = true;
return $args;
}
add_filter( ‚astra_single_post_navigation‘, ‚your_prefix_single_post_navigation_same_category‘ );
/**
* Update Search Nothing Found String
*/
function default_strings_callback( $strings ) {
// Search nothing found string
$strings[’string-search-nothing-found-message‘] = __( ‚Wir haben zu dem Begriff leider nichts gefunden.‘, ‚astra‘ );
// Search input box placeholder
return $strings;
}
add_filter( ‚astra_default_strings‘, ‚default_strings_callback‘, 10 );
/**
* change search field text
*/
function astra_get_search_form( $echo = true ) {
$form = ‚<form role=“search“ method=“get“ class=“search-form“ action=“‚ . esc_url( home_url( ‚/‘ ) ) . ‚“>
<label>
<span class=“screen-reader-text“>‘ . _x( ‚Search for:‘, ‚label‘, ‚astra‘ ) . ‚</span>
<input type=“search“ class=“search-field“ ‚ . apply_filters( ‚astra_search_field_toggle_data_attrs‘, “ ) . ‚ placeholder=“‚ . esc_attr_x( ‚Suche…‘, ‚placeholder‘, ‚astra‘ ) . ‚“ value=“‚ . get_search_query() . ‚“ name=“s“ role=“search“ tabindex=“-1″/>
</label>
<button type=“submit“ class=“search-submit“ value=“‚ . esc_attr__( ‚Suche‘, ‚astra‘ ) . ‚“><i class=“astra-search-icon“></i></button>
</form>‘;
// Replace My Placeholder with your desired string.
$result = apply_filters( ‚astra_get_search_form‘, $form );
if ( null === $result ) {
$result = $form;
}
if ( $echo ) {
echo $result;
} else {
return $result;
}
}
/* change „search result for:“ */
add_filter( ‚astra_the_search_page_title‘, ‚my_function‘, 10 );
function my_function() {
return sprintf( __( ‚Suchergebniss für: %s‘, ‚astra‘ ), ‚<span>‘ . get_search_query() . ‚</span>‘ );
}
/* add custom excerpts to pages */
add_post_type_support( ‚page‘, ‚excerpt‘ );